:root{
  --paper:#ffffff;--paper2:#f6f7f9;--ink:#111827;--muted:#4b5563;--line:#d1d5db;--dark:#111827;--lime:#d9ff66;--white:#ffffff;--soft:#eef1f4;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 42px));margin:auto}.announcement{background:var(--dark);color:white;padding:11px 20px;text-align:center;font-size:13px}.announcement a{text-decoration:underline;text-underline-offset:3px}.site-header{height:78px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:32px}.brand{display:inline-flex;align-items:center;font-weight:800;letter-spacing:-1px;font-size:22px;white-space:nowrap}.brand em{font-family:Georgia,serif;font-weight:400;font-size:.82em;margin:0 2px}.brand-b{width:28px;height:28px;border:2px solid currentColor;display:inline-grid;place-items:center;margin-right:4px;font-size:16px}.site-header nav{display:flex;gap:25px;margin-left:auto;font-size:13px}.site-header nav a:hover,.text-link:hover{opacity:.55}.header-actions{display:flex;align-items:center;gap:18px;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:white;padding:14px 21px;border:1px solid var(--ink);font-size:13px;font-weight:700}.button.small{padding:11px 16px}.button.ghost{background:transparent;color:var(--ink)}.button:hover{transform:translateY(-1px)}.section{padding-top:96px;padding-bottom:96px}.hero{padding-top:100px;padding-bottom:72px}.eyebrow,.mini-label,.panel-label,.column-title{font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.eyebrow{margin-bottom:26px}.hero h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em}.hero h1{font-size:clamp(48px,7vw,92px);line-height:.98;margin:0;max-width:1100px}.hero h1 span{font-style:italic}.hero-copy{font-size:19px;line-height:1.6;max-width:850px;margin:33px 0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.checks{display:flex;gap:30px;flex-wrap:wrap;font-size:12px;margin-top:32px;color:var(--muted)}h2{font-size:clamp(38px,5.4vw,68px);line-height:1.03;margin:0 0 30px}h3{font-size:23px;line-height:1.15;margin:10px 0 16px}.split-intro{display:grid;grid-template-columns:1.35fr .65fr;gap:85px;border-top:1px solid var(--line)}.split-intro p{font-size:18px;line-height:1.65;padding-top:44px}.compare-band{background:var(--paper2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:50px 0}.compare-grid{display:grid;grid-template-columns:1fr 120px 1fr;align-items:stretch}.compare-panel{border:1px solid var(--ink);padding:40px;background:var(--paper)}.compare-panel h3{font-family:Georgia,serif;font-size:44px;font-weight:400}.hq-panel{background:var(--ink);color:white}.compare-panel ol{list-style:none;padding:0;margin:32px 0 0}.compare-panel li{border-top:1px solid currentColor;padding:17px 0;display:flex;gap:20px;align-items:center}.compare-panel li b{font-size:11px;opacity:.55}.compare-panel li span{font-size:18px}.becomes{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:11px;text-transform:uppercase;letter-spacing:.13em}.becomes strong{font-size:34px;margin-top:5px}.translation-table{border-top:1px solid var(--ink);margin-top:50px}.translation-row{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;border-bottom:1px solid var(--line);min-height:90px}.translation-row>span:nth-child(2){text-align:center;font-size:24px}.translation-row strong{display:block;font-size:19px}.translation-row small{display:block;color:var(--muted);margin-top:4px}.translation-row.head{min-height:45px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.concept-block{border-top:1px solid var(--line)}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:20px}.before-after article{border:1px solid var(--ink);padding:36px;min-height:300px;display:flex;flex-direction:column}.before-after h3{font-family:Georgia,serif;font-size:31px;font-weight:400}.formula{margin:auto 0 12px;font-size:11px;text-transform:uppercase;letter-spacing:.13em}.before-after .result{border-top:1px solid var(--ink);padding-top:20px}.dark-section,.developer-section,.final-cta{background:var(--dark);color:white}.light{color:#f3f4f6}.component-columns{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;margin-top:50px}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.chips span{border:1px solid #9ca3af;padding:14px 18px;font-size:13px}.chips.active span{border-color:var(--lime)}.mid-arrow{text-align:center;font-size:40px}.dark-section blockquote{font-family:Georgia,serif;font-size:36px;line-height:1.2;margin:60px 0 0;border-top:1px solid #9ca3af;padding-top:35px}.cards{display:grid;gap:16px}.cards.four{grid-template-columns:repeat(4,1fr);margin-top:45px}.card{border:1px solid var(--line);padding:28px;min-height:250px}.card .icon{font-size:24px}.card p{color:var(--muted)}.inline-message{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:22px 0;margin-top:35px;display:flex;justify-content:space-between;gap:30px}.data-story{display:grid;grid-template-columns:1fr .9fr;gap:80px;border-top:1px solid var(--line)}.data-story p,.large-copy{font-size:19px;line-height:1.6;color:var(--muted)}.record-graph{display:flex;flex-direction:column;align-items:center;justify-content:center}.node{border:1px solid var(--ink);background:var(--white);min-width:220px;text-align:center;padding:18px 20px;font-weight:700}.node.root{background:var(--ink);color:white}.node.small{min-width:auto}.line{height:32px;border-left:1px solid var(--ink)}.row-nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line);margin-top:50px}.permission-grid div{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:150px}.permission-grid span{display:block;font-size:10px;letter-spacing:.14em;color:var(--muted);margin-bottom:25px}.permission-grid b{font-family:Georgia,serif;font-size:22px;font-weight:400}.logic-section{background:#f3f4f6;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.logic-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.logic-layout p{font-size:18px;line-height:1.6}.action-flow{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center}.action-flow div{border:1px solid var(--ink);background:var(--paper);padding:16px;text-align:center;font-size:13px;font-weight:700}.action-flow i{font-style:normal;text-align:center;transform:rotate(-90deg)}.monetization{text-align:center}.monetization h2 span{font-style:italic}.monetization .large-copy{max-width:700px;margin:0 auto 45px}.revenue-strip{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--ink)}.revenue-strip span{padding:25px 10px;border-right:1px solid var(--ink);font-size:12px;font-weight:700}.revenue-strip span:last-child{border:0}.agency-section{background:var(--paper2);border-block:1px solid var(--line)}.agency-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}.agency-compare article{border:1px solid var(--ink);padding:40px;min-height:260px}.agency-compare h3{font-family:Georgia,serif;font-size:38px;font-weight:400}.accent-card{background:var(--ink);color:white}.statement{font-family:Georgia,serif;font-size:34px;line-height:1.25;border-top:1px solid var(--ink);margin-top:55px;padding-top:30px}.template-story{text-align:left}.template-story .large-copy{max-width:900px}.template-path{display:grid;grid-template-columns:1.15fr 35px 1fr 35px 1fr 35px 1fr;align-items:center;margin-top:45px}.template-path div{border:1px solid var(--ink);padding:22px;min-height:120px}.template-path small{display:block;font-size:9px;letter-spacing:.14em;margin-bottom:20px;color:var(--muted)}.template-path strong{font-family:Georgia,serif;font-size:18px}.template-path i{text-align:center;font-style:normal}.developer-grid{display:grid;grid-template-columns:1fr .65fr;gap:90px;align-items:center}.developer-grid p{font-size:18px;color:#e5e7eb;line-height:1.7}.light-button{background:white;color:var(--ink);border-color:white}.stack-diagram{display:flex;flex-direction:column;align-items:center}.stack-diagram div{border:1px solid #9ca3af;width:100%;padding:18px;text-align:center}.stack-diagram div:last-child{border-color:var(--lime)}.stack-diagram span{padding:6px}.publish-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.publish-grid>div{border:1px solid var(--ink);padding:30px}.publish-grid p{font-family:Georgia,serif;font-size:24px}.big-quote{font-family:Georgia,serif;font-size:clamp(35px,5vw,58px);line-height:1.15;margin-top:75px;border-top:1px solid var(--ink);padding-top:35px}.timeline-section{background:#f8fafc;border-block:1px solid var(--line)}.timeline{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ink);margin-bottom:65px}.timeline div{min-height:210px;padding:25px;border-right:1px solid var(--ink);display:flex;flex-direction:column;justify-content:space-between}.timeline div:last-child{border:0}.timeline small{font-size:11px;letter-spacing:.12em}.timeline strong{font-family:Georgia,serif;font-size:25px;font-weight:400}.timeline .now{background:var(--ink);color:white}.center{text-align:center}.foundation-grid{display:grid;grid-template-columns:repeat(5,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line);margin:50px 0 35px}.foundation-grid span{padding:22px 10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;font-size:12px;font-weight:700}.substatement{font-size:20px}.analogy-limit{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;column-gap:70px}.analogy-limit .eyebrow{grid-column:1/-1}.analogy-limit p{font-size:20px;line-height:1.7;margin-top:5px}.final-cta h2{font-size:clamp(48px,7vw,86px)}.final-cta p{font-size:20px;color:#e5e7eb}.center-actions{justify-content:center}.outline-light{background:transparent;border-color:white}.footer{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px;padding-top:65px;padding-bottom:35px}.footer>div:not(.footer-brand):not(.copyright){display:flex;flex-direction:column;gap:9px;font-size:12px}.footer b{font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.footer-brand p{max-width:420px;color:var(--muted);font-size:13px}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px;font-size:11px;color:var(--muted);margin-top:25px}
@media(max-width:900px){.site-header nav{display:none}.site-header{gap:14px}.header-actions{margin-left:auto}.split-intro,.data-story,.logic-layout,.developer-grid,.analogy-limit{grid-template-columns:1fr}.compare-grid{grid-template-columns:1fr}.becomes{padding:25px}.becomes strong{transform:rotate(90deg)}.cards.four{grid-template-columns:1fr 1fr}.permission-grid{grid-template-columns:1fr 1fr}.revenue-strip{grid-template-columns:repeat(3,1fr)}.revenue-strip span:nth-child(3n){border-right:0}.template-path{grid-template-columns:1fr}.template-path i{transform:rotate(90deg);padding:10px}.timeline{grid-template-columns:1fr 1fr}.timeline div:nth-child(2){border-right:0}.timeline div:nth-child(-n+2){border-bottom:1px solid var(--ink)}.foundation-grid{grid-template-columns:repeat(3,1fr)}.footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:600px){.wrap{width:min(100% - 28px,1180px)}.announcement{font-size:11px}.site-header{height:66px}.brand{font-size:18px}.brand-b{width:24px;height:24px}.text-link{display:none}.button.small{font-size:11px;padding:9px 12px}.section{padding-top:66px;padding-bottom:66px}.hero{padding-top:70px}.hero h1{font-size:47px}.hero-copy{font-size:16px}.hero-actions .button{width:100%}.checks{gap:10px 20px}.split-intro{gap:10px}.split-intro p{padding-top:0}.compare-panel{padding:25px}.translation-row{grid-template-columns:1fr 30px 1fr;min-height:105px}.translation-row strong{font-size:15px}.translation-row small{font-size:11px}.before-after,.cards.four,.agency-compare,.publish-grid,.component-columns{grid-template-columns:1fr}.mid-arrow{transform:rotate(90deg);padding:15px}.inline-message{flex-direction:column}.permission-grid{grid-template-columns:1fr}.action-flow{grid-template-columns:1fr}.action-flow i{transform:none;padding:5px}.revenue-strip{grid-template-columns:1fr 1fr}.revenue-strip span{border-bottom:1px solid var(--ink)}.revenue-strip span:nth-child(odd){border-right:1px solid var(--ink)}.revenue-strip span:nth-child(even){border-right:0}.template-path{display:block}.template-path i{display:block}.timeline{grid-template-columns:1fr}.timeline div{border-right:0!important;border-bottom:1px solid var(--ink)!important}.timeline div:last-child{border-bottom:0!important}.foundation-grid{grid-template-columns:1fr 1fr}.footer{grid-template-columns:1fr}.footer-brand{grid-column:auto}.copyright{grid-column:1}.row-nodes{grid-template-columns:1fr}.line{height:20px}}

.trademark-note{display:inline-block;margin-top:8px;max-width:760px;line-height:1.5;opacity:.8}

/* Readability pass: higher contrast, cleaner white surfaces */
.compare-panel,.card,.before-after article,.agency-compare article,.publish-grid>div,.template-path div,.node,.action-flow div{box-shadow:0 1px 0 rgba(17,24,39,.03)}
.dark-section .chips span,.developer-section .stack-diagram div{color:#f9fafb}
.compare-panel.hq-panel,.accent-card,.timeline .now{box-shadow:none}


/* 2026-09-01 shared site navigation */
.ed-announcement{background:#171816;color:#f7f7f4;text-align:center;padding:9px 18px;font-size:12px;letter-spacing:.01em}
.ed-announcement a{color:#fff;text-underline-offset:3px}
.nav{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.96);border-bottom:1px solid #d7d7d1;backdrop-filter:blur(10px)}
.nav-in{min-height:68px;display:flex;align-items:center;gap:26px}
.nav-brand{font-family:Arial,Helvetica,sans-serif;color:#171816;font-size:19px;font-weight:800;letter-spacing:-.04em;text-decoration:none;white-space:nowrap}
.nav-brand em{font-family:Georgia,'Times New Roman',serif;font-style:italic;color:#171816;font-weight:400}
.nav-links{display:flex;gap:24px;align-items:center}
.nav-links a,.nav-right a.plain{color:#2b2d29;font-size:12px;font-weight:500;text-decoration:none;white-space:nowrap}
.nav-links a:hover,.nav-right a.plain:hover{text-decoration:underline;text-underline-offset:5px;color:#000}
.nav-sp{flex:1}.nav-right{display:flex;align-items:center;gap:16px}
.nav-cta{background:#181916;border:1px solid #181916;color:#fff;text-decoration:none;padding:10px 16px;font-size:11px;white-space:nowrap}
.nav-cta:hover{background:#000}
@media(max-width:1000px){.nav-links{display:none}.nav-right .plain{display:none}.nav-in{min-height:62px}}


/* Unified link-rich site footer */
.footer:not(.ed-site-footer){display:none!important}
.ed-site-footer{display:block!important;background:#f7f5ef!important;color:#171816!important;border-top:1px solid #d7d7d1!important;padding:0!important;margin:0!important;font-family:Arial,Helvetica,sans-serif!important}
.ed-site-footer .ed-footer-inner{width:min(1380px,calc(100% - 48px));margin:0 auto;padding:58px 0 24px!important}
.ed-site-footer .ed-footer-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:34px 26px;padding-bottom:44px!important}
.ed-site-footer .ed-footer-col{min-width:0}
.ed-site-footer h5{font-family:Arial,Helvetica,sans-serif!important;font-size:10px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#171816!important;margin:0 0 16px!important}
.ed-site-footer a{display:block!important;color:#50534d!important;font-size:12px!important;line-height:1.45!important;text-decoration:none!important;margin:0 0 9px!important;letter-spacing:0!important}
.ed-site-footer a:hover{color:#000!important;text-decoration:underline!important;text-underline-offset:3px!important}
.ed-site-footer .ed-footer-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-top:20px!important;border-top:1px solid #d7d7d1!important;color:#6d7069!important;font-size:11px!important}
.ed-site-footer .ed-footer-bottom-links{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:9px 20px}
.ed-site-footer .ed-footer-bottom-links a{display:inline-block!important;margin:0!important;font-size:11px!important;color:#575a54!important}
.ed-site-footer .ed-footer-legal-note{margin-top:18px;padding-top:18px;border-top:1px solid #dedfd9;color:#777a73;font-size:10px;line-height:1.55}
@media(max-width:1220px){.ed-site-footer .ed-footer-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(max-width:820px){.ed-site-footer .ed-footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ed-site-footer .ed-footer-bottom{flex-direction:column!important}.ed-site-footer .ed-footer-bottom-links{justify-content:flex-start!important}}
@media(max-width:560px){.ed-site-footer .ed-footer-inner{width:min(100% - 30px,1380px)!important;padding-top:42px!important}.ed-site-footer .ed-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 18px!important}}