:root{--bg:#f5f6f8;--surface:#fff;--ink:#111318;--muted:#69707a;--line:#e2e5e9;--accent:#ff5a36;--blue:#dceeff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding-top:74px;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}
nav{position:fixed;top:0;left:0;right:0;z-index:20;background:rgba(245,246,248,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.navin{height:74px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{display:block;width:150px;height:auto}.links{display:flex;gap:24px;align-items:center;color:#515760;font-size:.94rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;background:var(--accent);color:#fff;font-weight:800;transition:transform .2s ease,background .2s ease}.btn:hover{background:#ef4d2a;transform:translateY(-1px)}.btn:focus-visible,a:focus-visible,audio:focus-visible{outline:3px solid #145cf0;outline-offset:4px}
.hero{padding:54px 0 34px}.hero-box{background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:64px 58px 58px;box-shadow:0 18px 48px rgba(17,19,24,.06);position:relative;overflow:hidden}.hero-box:after{content:"";position:absolute;width:11px;inset:0 0 0 auto;background:var(--accent)}.hero-logo-wrap{margin-bottom:28px}.hero-logo{width:240px;max-width:58%;height:auto;object-fit:contain}.k{font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:17px}h1,h2,h3{line-height:1.08;letter-spacing:-.04em;margin:0}h1{max-width:1050px;font-size:clamp(3.25rem,6vw,6.1rem);line-height:.98;letter-spacing:-.055em}.lead{color:var(--muted);font-size:1.1rem;margin:28px 0 26px;max-width:790px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-primary{box-shadow:0 12px 26px rgba(255,90,54,.28)}.hero-secondary{background:#fff;color:var(--ink);border:1px solid #cfd3da;box-shadow:none}.hero-secondary:hover{background:#f3f4f6;color:var(--ink)}section[id]{scroll-margin-top:90px}
section{padding:78px 0}.head{max-width:900px;margin-bottom:32px}.head h2{font-size:clamp(2.35rem,4.2vw,4.15rem);margin-bottom:14px}.head p{margin:0;color:var(--muted);font-size:1.05rem}.note{background:var(--surface);border-left:8px solid var(--accent);border-radius:15px;padding:28px 30px;box-shadow:0 15px 40px rgba(17,19,24,.06)}.note h3{font-size:1.45rem;margin-bottom:9px}.note p{margin:0;color:var(--muted)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px}.step b{display:inline-flex;width:34px;height:34px;border-radius:9px;background:var(--ink);color:#fff;align-items:center;justify-content:center;margin-bottom:17px}.step h3{font-size:1.22rem;margin-bottom:8px}.step p{margin:0;color:var(--muted);font-size:.94rem}
.architecture-section{background:var(--ink);color:#fff}.architecture-section .head p{color:#c4c8ce}.architecture-process{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.architecture-process article{min-height:245px;padding:28px;background:#1b1e24;border:1px solid #383c44;border-radius:16px;box-shadow:0 18px 36px rgba(0,0,0,.16);transition:transform .2s ease,border-color .2s ease}.architecture-process article:hover{transform:translateY(-3px);border-color:#5a5f69}.architecture-process span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin-bottom:24px;border-radius:10px;background:var(--accent);color:#fff;font-size:.78rem;font-weight:900;letter-spacing:.06em}.architecture-process h3{font-size:1.35rem;margin-bottom:10px}.architecture-process p{margin:0;color:#b9bec6}.architecture-outcome{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;align-items:start;padding-top:30px}.architecture-outcome strong{font-size:1.35rem;line-height:1.25}.architecture-outcome p{margin:0;color:#c4c8ce}
.comparison{display:grid;grid-template-columns:1fr 1fr;gap:22px}.visual{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 12px 34px rgba(17,19,24,.05)}.visual img{width:100%;height:auto;border-radius:12px}.visual figcaption,.caption{display:block;padding:13px 3px 2px;color:var(--muted);font-size:.9rem}.comparison .visual img{aspect-ratio:4/3;object-fit:contain;background:#fafbfc}.structured-data-grid .visual img{aspect-ratio:16/9}.server-response-proof{margin-top:22px}.server-response-proof img{object-fit:contain}.wide-image img{max-height:610px;object-fit:contain}.compact-proof img{object-fit:contain}.centered-proof{max-width:820px}.centered-proof img{max-height:520px;object-fit:contain}.proof-stack{display:grid;gap:22px}.proof-stack img{object-fit:contain}.year-comparison{margin-top:64px;padding-top:52px;border-top:1px solid var(--line)}.year-comparison-head{max-width:820px;margin-bottom:24px}.year-comparison-head h3{font-size:clamp(1.9rem,3.2vw,3rem);margin-bottom:12px}.year-comparison-head p{margin:0;color:var(--muted);font-size:1.05rem}.year-comparison-proof img{aspect-ratio:1280/472;object-fit:contain}.year-results{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.year-results div{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.year-results strong{display:block;font-size:1.7rem;letter-spacing:-.04em;line-height:1.1}.year-results span{display:block;margin-top:8px;color:var(--muted);font-size:.9rem}.ai-section{background:#edf5fc}.ai-proof{padding:16px}.ai-proof img{aspect-ratio:1517/608;object-fit:contain}
.impact-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}.impact-copy h2{font-size:clamp(2.35rem,4.2vw,4.15rem);margin-bottom:18px}.impact-copy p{color:var(--muted);font-size:1.05rem}.impact-copy strong{color:var(--ink)}.small{font-size:.86rem!important}.audio-proof{margin:0;background:var(--ink);color:#fff;border-radius:20px;padding:30px;box-shadow:0 18px 48px rgba(17,19,24,.16)}.audio-proof figcaption{display:flex;flex-direction:column;margin:20px 0}.audio-proof figcaption strong{font-size:1.25rem}.audio-proof figcaption span{color:#aeb4bd;font-size:.9rem}.audio-proof audio{width:100%;display:block;accent-color:var(--accent)}.audio-icon{height:70px;display:flex;align-items:center;gap:8px}.audio-icon span{display:block;width:8px;border-radius:8px;background:var(--accent);animation:pulse 1.3s ease-in-out infinite}.audio-icon span:nth-child(1){height:26px}.audio-icon span:nth-child(2){height:52px;animation-delay:.12s}.audio-icon span:nth-child(3){height:34px;animation-delay:.24s}.audio-icon span:nth-child(4){height:62px;animation-delay:.36s}.audio-icon span:nth-child(5){height:40px;animation-delay:.48s}@keyframes pulse{50%{transform:scaleY(.65);opacity:.7}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.audio-icon span{animation:none}.btn,.architecture-process article{transition:none}}
.dark{background:var(--ink);color:#fff;border-radius:24px;padding:46px}.dark h2{font-size:clamp(2.35rem,4.2vw,4.15rem)}.dark p{color:#c4c8ce;margin:15px 0 0}.dark strong{color:#fff}.cta{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:54px;display:grid;grid-template-columns:1.3fr .7fr;gap:34px;align-items:end;box-shadow:0 18px 48px rgba(17,19,24,.06)}.cta h2{font-size:clamp(2.35rem,4.1vw,4rem)}.cta p{color:var(--muted);margin:15px 0 0}.ctar{display:flex;justify-content:flex-end}.black{background:var(--ink)}footer{padding:32px 0 44px;color:#7a7f87;font-size:.9rem}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:960px){.steps{grid-template-columns:1fr 1fr}.architecture-outcome,.impact-layout,.cta{grid-template-columns:1fr}.ctar{justify-content:flex-start}}
@media(max-width:760px){.comparison,.year-results{grid-template-columns:1fr}.merchant-grid .visual img{aspect-ratio:auto}}
@media(max-width:620px){.wrap{width:min(calc(100% - 24px),var(--max))}.links a:not(.btn){display:none}.hero{padding:24px 0 28px}.hero-box{padding:38px 24px 34px;border-radius:20px}.hero-box:after{width:7px}.hero-logo-wrap{margin-bottom:22px}.hero-logo{width:190px;max-width:72%}h1{font-size:clamp(2.75rem,13vw,4.2rem)}.hero-actions{display:grid}.hero-actions .btn{width:100%}section{padding:60px 0}.steps{grid-template-columns:1fr}.architecture-process{grid-template-columns:1fr}.architecture-process article{min-height:auto;padding:24px}.dark,.cta{padding:32px 24px}.cta .btn{width:100%}.audio-proof{padding:24px}.impact-layout{gap:28px}}