:root{color-scheme:light;--color-ink: #090909;--color-canvas: #f7f7f7;--color-panel: rgba(255, 255, 255, .78);--color-line: rgba(9, 9, 9, .11);--color-muted: rgba(9, 9, 9, .58);--color-soft: #f4f4f5;--color-success-bg: #edf5ee;--color-success-text: #254c31;--color-warning-bg: #f4f2eb;--color-warning-text: #66572f;--shadow-editorial: 0 28px 90px rgba(0, 0, 0, .1);--shadow-subtle: 0 18px 55px rgba(0, 0, 0, .06)}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:none}body{min-width:320px;margin:0;background:radial-gradient(circle at 16% 8%,rgba(255,255,255,.96),transparent 28%),radial-gradient(circle at 82% 20%,rgba(223,228,221,.68),transparent 34%),linear-gradient(180deg,#f7f7f7,#f1f1f1 52%,#fff);color:var(--color-ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.18}body::-webkit-scrollbar{width:0;height:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}main{min-height:100vh;overflow-x:clip}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:radial-gradient(circle at 50% 44%,#fffffffa,#f7f7f7eb 42%,#edefebf5);animation:loader-out 1.25s ease .26s both}.loader-card{position:relative;width:min(360px,calc(100vw - 44px));overflow:hidden;border:1px solid var(--color-line);border-radius:24px;background:#ffffffd1;box-shadow:var(--shadow-editorial);padding:24px;animation:loader-card-in .76s cubic-bezier(.16,1,.3,1) both}.loader-card:before{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.85) 42%,transparent 64%);transform:translate(-120%);animation:loader-sheen 1.1s ease-in-out infinite;content:"";pointer-events:none}.loader-card span{color:#0909097a;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.loader-card strong{display:block;margin-top:14px;font-size:34px;line-height:.98;letter-spacing:-.035em}.loader-card i{display:block;height:4px;margin-top:28px;overflow:hidden;border-radius:999px;background:#0909091a}.loader-card i:before{display:block;width:44%;height:100%;border-radius:inherit;background:#090909;animation:loader-bar .76s cubic-bezier(.16,1,.3,1) infinite;content:""}.topbar{position:fixed;top:18px;left:50%;z-index:30;display:grid;width:min(1180px,calc(100% - 28px));grid-template-columns:auto 1fr auto;align-items:center;gap:14px;transform:translate(-50%);border:1px solid var(--color-line);border-radius:999px;background:#ffffffd1;box-shadow:var(--shadow-subtle);padding:8px;-webkit-backdrop-filter:blur(22px) saturate(.92);backdrop-filter:blur(22px) saturate(.92);animation:topbar-drop .68s cubic-bezier(.16,1,.3,1) .12s both}.brand,.top-actions,.nav{display:flex;align-items:center}.brand{gap:9px;padding:4px 9px 4px 4px;font-size:13px;font-weight:750}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:999px;background:#090909;color:#fff;font-size:11px;letter-spacing:.05em}.nav{justify-content:center;gap:3px;min-width:0;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{border-radius:999px;padding:10px 12px;color:#0909098f;font-size:12px;font-weight:700;transition:background-color .18s ease,color .18s ease,transform .18s ease;white-space:nowrap}.nav a:hover,.nav a.active{background:#090909;color:#fff}.top-actions{gap:6px}.autoplay-control{display:inline-flex;height:38px;align-items:center;gap:7px;border:1px solid var(--color-line);border-radius:999px;background:#ffffffc2;color:var(--color-ink);padding:0 13px;font-size:12px;font-weight:800}.autoplay-control{cursor:pointer;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}.autoplay-control:hover,.autoplay-control.active{transform:translateY(-2px);background:#090909;color:#fff;box-shadow:var(--shadow-subtle)}.icon-button{display:inline-grid;width:38px;height:38px;place-items:center;border:1px solid var(--color-line);border-radius:999px;background:#ffffffc2;color:var(--color-ink);cursor:pointer;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}.icon-button:hover{transform:translateY(-2px);background:#fff;box-shadow:var(--shadow-subtle)}.progress-track{position:fixed;top:0;left:0;z-index:40;width:100%;height:3px;background:transparent}.progress-track span{display:block;height:100%;background:#090909;box-shadow:0 0 24px #09090959;transition:width .42s cubic-bezier(.16,1,.3,1)}.hero,.story-section,.summary-section{position:relative;min-height:100vh;scroll-snap-align:start}.hero{display:grid;place-items:center;padding:114px 24px 64px}.ambient{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#fff0,#ffffffa3,#fff0);-webkit-mask-image:linear-gradient(180deg,transparent,black 18%,black 82%,transparent);mask-image:linear-gradient(180deg,transparent,black 18%,black 82%,transparent);animation:intro-scan 6.4s ease-in-out infinite alternate}.hero-inner{position:relative;display:grid;width:min(1180px,100%);grid-template-columns:minmax(590px,1fr) minmax(360px,.82fr);align-items:center;gap:clamp(28px,6vw,76px)}.eyebrow,.section-kicker,.floating-card span,.metric-panel p,.card-index,.card-meta,.recommendation span{color:#09090973;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.hero h1,.section-copy h2,.summary-shell h2{margin:0;font-weight:720;letter-spacing:-.045em}.hero h1{max-width:none;margin-top:18px;font-size:clamp(58px,5.15vw,76px);line-height:.98;white-space:nowrap;animation:hero-line-in .82s cubic-bezier(.16,1,.3,1) .18s both}.hero-subtitle{max-width:660px;margin:26px 0 0;color:#0909099e;font-size:clamp(17px,1.8vw,22px);line-height:1.42;animation:hero-line-in .82s cubic-bezier(.16,1,.3,1) .32s both}.hero-controls{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px;animation:hero-line-in .76s cubic-bezier(.16,1,.3,1) .46s both}.hero-copy .eyebrow{animation:hero-line-in .7s cubic-bezier(.16,1,.3,1) 90ms both}.primary-button,.secondary-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:0 18px;font-size:14px;font-weight:750;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease,letter-spacing .18s ease}.primary-button{border:1px solid #090909;background:#090909;color:#fff;box-shadow:0 20px 60px #0000002e;cursor:pointer;animation:primary-breathe 3.2s ease-in-out .9s infinite}.secondary-button{border:1px solid var(--color-line);background:#ffffffc2;color:#090909b8}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px);letter-spacing:.01em}.hero-stage{position:relative;display:grid;min-height:430px;grid-template-columns:minmax(0,1fr);align-items:center;perspective:1200px}.floating-card,.metric-panel,.insight-card,.recommendation,.source-panel{border:1px solid var(--color-line);background:var(--color-panel);box-shadow:var(--shadow-editorial);-webkit-backdrop-filter:blur(22px) saturate(.92);backdrop-filter:blur(22px) saturate(.92)}.floating-card-rail{display:grid;width:min(560px,100%);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;justify-self:center;animation:rail-enter .76s cubic-bezier(.16,1,.3,1) .12s both}.floating-card{position:relative;z-index:2;min-height:188px;border-radius:22px;padding:18px;animation:card-enter .72s ease both,float-card 5.4s ease-in-out infinite alternate;animation-delay:var(--delay),calc(var(--delay) + .72s);transform-origin:center;transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease}.floating-card:nth-child(3){grid-column:1 / -1;width:min(330px,100%);justify-self:center}.floating-card:after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.72) 48%,transparent 70%);transform:translate(-130%);animation:card-sheen 4.8s ease-in-out infinite;animation-delay:calc(var(--delay) + 1.2s);content:"";pointer-events:none}.floating-card:hover{background:#fff;box-shadow:0 34px 96px #00000021;transform:translateY(-8px) rotate(0) scale(1.025)}.floating-card:nth-child(odd){transform:rotate(-1.2deg)}.floating-card:nth-child(2n){transform:rotate(1.2deg)}.floating-card strong{display:block;margin-top:16px;font-size:20px;letter-spacing:-.025em}.floating-card p{margin:8px 0 0;color:var(--color-muted);font-size:13px;line-height:1.35}.mini-source-row,.section-sources{display:flex;flex-wrap:wrap;gap:7px}.mini-source-row{margin-top:14px}.mini-source-row a,.section-sources a{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(9,9,9,.1);border-radius:999px;background:#ffffffa6;color:#090909a6;font-size:11px;font-weight:800;padding:6px 9px;transition:transform .16s ease,background-color .16s ease,color .16s ease}.mini-source-row a:hover,.section-sources a:hover{transform:translateY(-1px);background:#090909;color:#fff}.section-sources a{gap:8px}.section-sources em{font-style:normal;opacity:.62}.scroll-cue{position:absolute;bottom:20px;left:50%;display:grid;width:42px;height:42px;place-items:center;transform:translate(-50%);border:1px solid var(--color-line);border-radius:999px;background:#ffffffb8;animation:cue 1.6s ease-in-out infinite,cue-ring 2.8s ease-in-out infinite}.story-section{display:grid;place-items:center;padding:112px 24px 80px;overflow:hidden}.story-section:before{position:absolute;inset:12% -20% auto auto;width:420px;height:420px;border:1px solid rgba(9,9,9,.05);border-radius:50%;transform:scale(.8);opacity:0;content:"";pointer-events:none}.story-section.is-active:before{animation:section-orbit 4.4s ease-in-out both}.section-shell,.summary-shell{width:min(1180px,100%)}.section-kicker{display:flex;justify-content:space-between;border-bottom:1px solid var(--color-line);padding-bottom:18px;transform-origin:left center}.story-section.is-active .section-kicker{animation:kicker-sweep .64s cubic-bezier(.16,1,.3,1) both}.section-grid{display:grid;grid-template-columns:minmax(0,760px) minmax(320px,1fr);gap:clamp(30px,5vw,60px);align-items:center;margin-top:58px}.section-icon{display:grid;width:46px;height:46px;place-items:center;border:1px solid var(--color-line);border-radius:999px;background:#fff;box-shadow:var(--shadow-subtle);position:relative}.section-icon:after{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border:1px solid rgba(9,9,9,.1);border-radius:inherit;opacity:0;content:""}.section-copy h2{max-width:760px;margin-top:22px;font-size:clamp(38px,4.15vw,58px);line-height:.98}.statement{max-width:770px;margin:26px 0 0;color:#090909c2;font-size:clamp(19px,2.1vw,26px);font-weight:650;line-height:1.12;letter-spacing:-.025em}.section-sources{margin-top:22px}.body-copy{max-width:700px;margin:18px 0 0;color:var(--color-muted);font-size:17px;line-height:1.55}.bullet-list{display:grid;max-width:760px;gap:10px;margin-top:28px}.bullet-row{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;border:1px solid var(--color-line);border-radius:18px;background:#ffffff9e;padding:14px 16px;transform-origin:left center}.story-section.is-active .bullet-row{animation:row-arrive .62s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--stagger)}.bullet-row span{display:grid;width:28px;height:28px;place-items:center;border-radius:999px;background:#090909;color:#fff;transition:transform .18s ease}.bullet-row:hover span{transform:rotate(-8deg) scale(1.08)}.bullet-row p{margin:3px 0 0;color:#090909b8;font-size:15px;line-height:1.38}.section-visual{display:grid;gap:16px}.metric-panel{border-radius:28px;padding:26px}.metric-panel strong{display:block;margin-top:10px;font-size:clamp(24px,2.2vw,30px);line-height:1.02;letter-spacing:-.035em}.metric-panel span{display:block;max-width:340px;margin-top:16px;color:var(--color-muted);font-size:15px;line-height:1.45}.card-stack{display:grid;gap:14px}.automation-slider{display:flex;width:100%;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.automation-slider::-webkit-scrollbar{display:none}.automation-inline,.section-automation .section-visual{overflow:hidden;padding:8px 0 26px;-webkit-mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent)}.automation-inline{max-width:min(1040px,calc(100vw - 48px));margin-top:28px}.automation-controls{display:flex;justify-content:flex-end;gap:8px;margin-bottom:10px}.automation-controls button{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--color-line);border-radius:999px;background:#ffffffc7;color:var(--color-ink);cursor:pointer;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}.automation-controls button:hover{transform:translateY(-2px);background:#090909;color:#fff;box-shadow:var(--shadow-subtle)}.automation-slider .insight-card{flex:0 0 min(320px,76vw);min-height:245px;scroll-snap-align:start}@media(min-width:981px){.section-dns-agent-headers .section-grid,.section-wordpress-crawl .section-grid,.section-accessibility .section-grid{align-items:end}.section-dns-agent-headers .section-visual,.section-wordpress-crawl .section-visual,.section-accessibility .section-visual{align-self:end}.section-automation .section-grid{grid-template-columns:1fr;gap:24px;align-items:start;margin-top:40px}.section-automation .section-copy{max-width:1040px}.section-automation .section-copy h2{max-width:1100px;font-size:clamp(52px,4.8vw,68px)}.section-automation .statement{max-width:940px}.section-automation .body-copy{max-width:760px}.automation-inline{max-width:100%;margin-top:20px;overflow:visible;-webkit-mask-image:none;mask-image:none}.automation-controls{display:flex}.automation-slider{display:flex;width:100%;overflow-x:auto}.automation-slider .insight-card{flex-basis:310px;min-height:220px;padding:20px}.section-automation .bullet-list{max-width:1040px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}.section-automation .bullet-row{padding:11px 13px}.section-automation .bullet-row p{font-size:14px}}.insight-card{position:relative;overflow:hidden;border-radius:24px;padding:22px;transition:transform .19s ease,box-shadow .19s ease}.story-section.is-active .insight-card{animation:card-snap .7s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--stagger)}.insight-card:hover,.insight-card:focus-within{transform:translateY(-4px) rotate(-.4deg);box-shadow:0 30px 90px #0000001f}.insight-card.dark{background:#101010;color:#fff}.insight-card.soft{background:#f3f6f1}.insight-card.success{background:var(--color-success-bg);color:var(--color-success-text)}.insight-card.warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.insight-card h3{margin:20px 0 0;font-size:24px;letter-spacing:-.03em}.insight-card p{margin:10px 0 0;color:currentColor;font-size:15px;line-height:1.42;opacity:.72}.insight-card.dark .card-index,.insight-card.dark .card-meta{color:#ffffff80}.insight-card>div{display:flex;justify-content:space-between;gap:10px}.summary-section{display:grid;place-items:center;padding:112px 24px 80px}.summary-shell h2{max-width:1040px;margin-top:18px;font-size:clamp(38px,4.9vw,70px);line-height:.98}.recommendation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:54px}.recommendation{min-height:270px;border-radius:24px;padding:22px}.recommendation h3{margin:70px 0 0;font-size:22px;line-height:1.05;letter-spacing:-.025em}.recommendation p{margin:12px 0 0;color:var(--color-muted);font-size:14px;line-height:1.45}.source-panel{display:grid;grid-template-columns:.4fr 1fr;gap:24px;margin-top:18px;border-radius:28px;padding:24px}.source-panel h3{margin:10px 0 0;font-size:25px;letter-spacing:-.03em}.source-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.source-list a{display:grid;gap:6px;border:1px solid var(--color-line);border-radius:18px;background:#ffffffad;padding:14px;transition:transform .18s ease,background-color .18s ease}.source-list a:hover{transform:translateY(-2px);background:#fff}.source-list span,.source-list em{color:#0909097a;font-size:12px;font-style:normal;font-weight:700}.source-list strong{font-size:14px;letter-spacing:-.01em}.presenter-controls{position:fixed;right:22px;bottom:22px;z-index:35;display:grid;gap:8px}.reveal{opacity:1;transform:none;filter:none}.story-section.is-active .reveal{animation:section-enter .72s cubic-bezier(.16,1,.3,1) both}.story-section.is-active .section-icon{animation:icon-pop .76s cubic-bezier(.16,1,.3,1) both,icon-breathe 3.4s ease-in-out .9s infinite}.story-section.is-active .section-icon:after{animation:icon-ring 1.8s ease-out .28s both}.story-section.is-active .section-visual{transition-delay:.13s}@keyframes loader-bar{0%{transform:translate(-110%)}to{transform:translate(250%)}}@keyframes topbar-drop{0%{opacity:0;transform:translate(-50%,-16px) scale(.985);filter:blur(8px)}to{opacity:1;transform:translate(-50%) scale(1);filter:none}}@keyframes hero-line-in{0%{opacity:0;transform:translateY(22px);filter:blur(9px)}to{opacity:1;transform:none;filter:none}}@keyframes primary-breathe{0%,to{box-shadow:0 20px 60px #0000002e}50%{box-shadow:0 26px 78px #00000047}}@keyframes loader-card-in{0%{opacity:0;transform:translateY(18px) scale(.96);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}@keyframes loader-sheen{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes loader-out{0%,70%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes section-enter{0%{opacity:0;transform:translateY(24px) scale(.985);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes kicker-sweep{0%{opacity:0;transform:translateY(-10px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@keyframes row-arrive{0%{opacity:0;transform:translate(-18px) scale(.985);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@keyframes card-snap{0%{opacity:0;transform:translateY(24px) rotate(1.4deg) scale(.965);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes icon-pop{0%{opacity:0;transform:translateY(8px) scale(.7) rotate(-10deg)}to{opacity:1;transform:none}}@keyframes icon-breathe{0%,to{box-shadow:var(--shadow-subtle)}50%{box-shadow:0 16px 48px #00000024}}@keyframes icon-ring{0%{opacity:.8;transform:scale(.72)}to{opacity:0;transform:scale(1.55)}}@keyframes rail-enter{0%{opacity:0;transform:translate(28px);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}@keyframes card-sheen{0%,48%{transform:translate(-130%)}70%,to{transform:translate(130%)}}@keyframes intro-scan{0%{transform:translate(-18%);opacity:.28}to{transform:translate(18%);opacity:.62}}@keyframes section-orbit{0%{opacity:0;transform:translateY(34px) scale(.72)}28%{opacity:1}to{opacity:.36;transform:translateY(-12px) scale(1)}}@keyframes card-enter{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur(0)}}@keyframes float-card{0%{translate:0 0}to{translate:0 -12px}}@keyframes cue{0%,to{translate:0 0}50%{translate:0 6px}}@keyframes cue-ring{0%,to{box-shadow:0 0 #09090914}50%{box-shadow:0 0 0 10px #09090900}}@media(max-width:1120px){.topbar{grid-template-columns:auto minmax(0,1fr) auto;border-radius:24px}.nav{display:flex;justify-content:flex-start}.hero-inner,.section-grid,.source-panel{grid-template-columns:1fr}.section-visual{width:min(720px,100%)}.hero{padding-top:130px}.hero-stage{min-height:auto;margin-top:22px}.recommendation-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.brand span:last-child{display:none}.hero,.story-section,.summary-section{min-height:auto;padding-inline:16px}.hero{padding-bottom:94px}.hero h1{font-size:clamp(38px,11vw,58px);white-space:normal}.hero-stage{margin-top:20px}.floating-card-rail{grid-template-columns:1fr}.floating-card:nth-child(3){grid-column:auto;width:100%}.section-grid{margin-top:34px}.section-copy h2,.summary-shell h2{font-size:clamp(32px,9vw,48px)}.statement{font-size:19px}.recommendation-grid,.source-list{grid-template-columns:1fr}.recommendation{min-height:220px}.presenter-controls{right:14px;bottom:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}