:root{--bg: #f1f0ed;--bg-deep: #e6e4e0;--carbon: #fafaf8;--graphite: #dcd9d4;--smoke: #c3beb7;--ash: #6b645d;--ink: #1c1712;--on-accent: #f7f5f2;--accent: #1f150c;--accent-soft: #7a5a3e;--display: "Work Sans", system-ui, sans-serif;--body: "Work Sans", system-ui, sans-serif;--gutter: clamp(16px, 4vw, 56px);--max: 1280px;--ease: cubic-bezier(.16, 1, .3, 1);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--accent);color:var(--on-accent)}h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.03em;line-height:1.05;margin:0}p{margin:0}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px;border-radius:4px}.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);font:600 15px/1 var(--body);cursor:pointer;position:relative;overflow:hidden;isolation:isolate;transition:color .4s var(--ease),transform .3s var(--ease)}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-soft);transform:translateY(101%);transition:transform .45s var(--ease);z-index:-1}.btn:hover{color:var(--on-accent)}.btn:hover:before{transform:translateY(0)}.btn:active{transform:scale(.97)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--smoke)}.btn-ghost:before{background:var(--accent)}.btn-ghost:hover{color:var(--on-accent);border-color:var(--accent)}.btn-small{padding:10px 18px;font-size:14px}.play-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-soft);box-shadow:0 0 #7a5a3e99;animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 10px #7a5a3e00}to{box-shadow:0 0 #7a5a3e00}}.nav{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px var(--gutter);transition:background .4s,backdrop-filter .4s,border-color .4s;border-bottom:1px solid transparent}.nav.is-scrolled{background:#f1f0edcc;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--graphite)}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:-.02em}.brand i{font-style:normal;color:var(--accent-soft)}.nav-links{display:flex;align-items:center;gap:32px;font-size:15px}.nav-links>a:not(.btn){color:var(--ash);position:relative;transition:color .3s}.nav-links>a:not(.btn):after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:var(--accent-soft);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}.nav-links>a:not(.btn):hover{color:var(--ink)}.nav-links>a:not(.btn):hover:after{transform:scaleX(1);transform-origin:left}.nav-toggle{display:none;width:44px;height:44px;background:none;border:1px solid var(--smoke);border-radius:50%;cursor:pointer;position:relative}.nav-toggle span{position:absolute;left:13px;right:13px;height:1.5px;background:var(--ink);transition:transform .4s var(--ease)}.nav-toggle span:first-child{top:17px}.nav-toggle span:last-child{top:25px}.nav.is-open .nav-toggle span:first-child{transform:translateY(4px) rotate(45deg)}.nav.is-open .nav-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero{height:260vh;position:relative}.hero-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;align-items:end}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.hero-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,var(--bg) 0%,rgba(241,240,237,.85) 32%,transparent 58%)}.hero-copy{grid-area:1 / 1;position:relative;padding:0 var(--gutter) clamp(64px,12vh,120px);max-width:var(--max);width:100%;margin:0 auto;pointer-events:none}.hero-copy a{pointer-events:auto}.hero-kicker{color:var(--ash);font-size:15px;margin-bottom:20px;display:flex;align-items:center;gap:12px}.hero-kicker:before{content:"";width:28px;height:1px;background:var(--accent-soft)}.hero h1,.hero h2{font-size:clamp(40px,6.4vw,100px);font-weight:600;letter-spacing:-.045em;line-height:1}.split-line{display:block;overflow:hidden;padding-bottom:.08em}.split-word{display:inline-block;white-space:nowrap;margin-right:.28em}.split-word:last-child{margin-right:0}.split-word>span{display:inline-block}.hero-sub{margin-top:28px;max-width:46ch;color:var(--ash);font-size:clamp(16px,1.4vw,19px)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.hero-copy-second h2{background:linear-gradient(180deg,var(--ink) 30%,var(--ash));-webkit-background-clip:text;background-clip:text;color:transparent}.scroll-hint{position:absolute;right:var(--gutter);bottom:40px;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--ash);font-size:13px;writing-mode:vertical-rl}.scroll-hint i{width:1px;height:56px;background:linear-gradient(var(--accent-soft),transparent);animation:drip 2s var(--ease) infinite;transform-origin:top}@keyframes drip{0%{transform:scaleY(0)}60%{transform:scaleY(1);opacity:1}to{transform:scaleY(1);opacity:0}}.section{position:relative;padding:clamp(72px,9vw,128px) var(--gutter);scroll-margin-top:calc(84px - clamp(72px,9vw,128px));max-width:calc(var(--max) + var(--gutter) * 2);margin:0 auto}.section-head{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:end;margin-bottom:clamp(32px,4vw,48px)}.section-head h2{font-size:clamp(30px,3.8vw,54px)}.section-head p{color:var(--ash);max-width:44ch}.panels{display:grid;grid-template-columns:1fr 1fr;gap:20px;perspective:1400px}.panel{position:relative;border-radius:28px;background:linear-gradient(160deg,var(--carbon),var(--bg) 75%);border:1px solid var(--graphite);transform-style:preserve-3d;overflow:hidden}.panel-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(500px circle at var(--gx, 50%) var(--gy, 50%),rgba(122,90,62,.14),transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none}.panel:hover .panel-glow{opacity:1}.panel-inner{position:relative;padding:clamp(24px,2.6vw,36px);transform:translateZ(40px);transform-style:preserve-3d}.panel-side{color:var(--accent-soft);font-size:14px;margin-bottom:8px}.panel h3{font-size:clamp(22px,2vw,28px)}.panel-lede{color:var(--ash);margin-top:8px;max-width:46ch}.panel ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--graphite)}.panel li{padding:6px 0;border-bottom:1px solid var(--graphite);font-size:14.5px;display:flex;gap:14px;align-items:baseline}.panel li:before{content:"";width:6px;height:6px;flex:none;background:var(--accent-soft);transform:translateY(-2px)}.viz{position:relative;height:100px;margin:16px 0;transform-style:preserve-3d}.viz-layer{position:absolute}.viz-seo .l1{top:6px;right:30%;bottom:6px;left:0;display:flex;flex-direction:column;justify-content:space-between;transform:translateZ(0)}.viz-seo .l1 span{height:14px;border-radius:5px;background:var(--graphite)}.viz-seo .l1 span:first-child{background:var(--accent)}.viz-seo .l2{left:-6px;top:-2px;transform:translateZ(70px)}.viz-pill{font-family:var(--display);font-size:13px;font-weight:600;background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);padding:6px 12px;border-radius:999px;box-shadow:0 10px 24px #1f150c40}.viz-seo .l3{right:0;bottom:0;width:62%;transform:translateZ(40px)}.viz-web .viz-window{top:0;right:18%;bottom:0;left:0;border-radius:14px;border:1px solid var(--smoke);background:linear-gradient(var(--graphite) 0 26px,var(--carbon) 26px);padding:9px 12px;display:flex;gap:6px}.viz-window i{width:8px;height:8px;border-radius:50%;background:var(--smoke)}.viz-window i:first-child{background:var(--accent-soft)}.viz-web .viz-block{left:20px;top:30px;width:52%;height:66px;border-radius:10px;background:linear-gradient(var(--ink) 0 0) 16px 18px / 60% 10px no-repeat,linear-gradient(var(--ash) 0 0) 16px 38px / 40% 6px no-repeat,linear-gradient(var(--accent-soft) 0 0) 16px 46px / 30% 10px no-repeat,var(--bg-deep);border:1px solid var(--smoke);transform:translateZ(50px);box-shadow:0 20px 40px #1f150c1f}.viz-web .viz-score{right:0;top:8px;width:80px;height:80px;transform:translateZ(90px);display:grid;place-items:center;background:var(--bg-deep);border-radius:50%;border:1px solid var(--smoke)}.viz-score svg{position:absolute;top:8px;right:8px;bottom:8px;left:8px}.viz-score b{font-family:var(--display);font-size:22px}.results{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(40px,6vw,96px);align-items:center}.results-copy h2{font-size:clamp(30px,3.8vw,54px)}.results-copy>p{color:var(--ash);margin-top:24px;max-width:46ch}.results-stats{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:40px;margin:32px 0}.results-stats dt{color:var(--ash);font-size:14px}.results-stats dd{margin:4px 0 0;font-family:var(--display);font-size:clamp(24px,2.4vw,32px);font-weight:400}.serp{border-radius:24px;border:1px solid var(--graphite);background:var(--carbon);padding:14px;box-shadow:0 40px 100px -40px #1f150c38}.serp-bar{display:flex;align-items:center;gap:12px;padding:10px 18px;border-radius:999px;background:var(--bg-deep);border:1px solid var(--graphite);color:var(--ash);margin-bottom:8px}.serp-bar span{color:var(--ink)}.serp-bar span:after{content:"";display:inline-block;width:1px;height:1em;background:var(--accent-soft);margin-left:2px;vertical-align:-2px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.serp-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.serp-item{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:start;padding:7px 14px;border-radius:12px;line-height:1.4;position:relative}.serp-item>div{display:grid;min-width:0}.serp-rank{font-family:var(--display);font-size:13px;color:var(--ash);padding-top:2px}.serp-url{font-size:12px;color:var(--ash)}.serp-title{font-weight:600;font-size:14px;color:#3a342e}.serp-desc{font-size:13px;color:var(--ash);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.serp-item.is-client{background:linear-gradient(90deg,#7a5a3e29,#7a5a3e08);outline:1px solid rgba(122,90,62,.5);z-index:1}.is-client .serp-title,.is-client .serp-rank{color:var(--ink)}.is-client .serp-rank{color:var(--accent-soft)}.serp-badge{font-size:12px;font-weight:600;background:var(--accent);color:var(--on-accent);padding:4px 10px;border-radius:999px;align-self:center}.player{position:relative;aspect-ratio:16 / 9;width:min(100%,calc((100svh - 300px) * 16 / 9));margin-inline:auto;border-radius:32px;overflow:hidden;border:1px solid var(--graphite);background:radial-gradient(ellipse at 50% 60%,#faf8f5 0%,var(--bg-deep) 75%)}.player-poster,.player-video{position:absolute;top:0;right:0;bottom:0;left:0}.player-poster{z-index:1;border:0;padding:0;background:none;color:var(--ink);cursor:pointer;display:grid;place-items:center}.particle-field{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.player-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(31,21,12,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(31,21,12,.06) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);pointer-events:none}.play-btn{position:relative;width:clamp(130px,16vw,200px);aspect-ratio:1;display:grid;place-items:center}.play-ring{position:absolute;top:0;right:0;bottom:0;left:0;animation:spin 18s linear infinite;font-family:var(--body);font-size:13.5px;letter-spacing:.08em;fill:var(--ash)}@keyframes spin{to{transform:rotate(360deg)}}.play-core{width:42%;aspect-ratio:1;border-radius:50%;background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);display:grid;place-items:center;padding-left:4px;box-shadow:0 0 #7a5a3e66,0 18px 50px #1f150c40;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}.player-poster:hover .play-core{transform:scale(1.12);box-shadow:0 0 0 14px #7a5a3e26,0 24px 70px #1f150c59}.player-caption{position:absolute;left:28px;bottom:24px;font-size:14px;color:var(--ash)}.player-video video{width:100%;height:100%;object-fit:contain;background:var(--bg-deep)}.player-missing{height:100%;display:grid;place-content:center;text-align:center;gap:8px;color:var(--ash);padding:24px}.player-missing p:first-child{color:var(--ink);font-family:var(--display);font-size:20px}.player-missing code{color:var(--accent-soft)}.player-close{position:absolute;top:18px;right:18px;width:42px;height:42px;border-radius:50%;border:1px solid var(--smoke);background:#fafaf8d9;color:var(--ink);display:grid;place-items:center;cursor:pointer}.steps-wrap{position:relative}.steps{list-style:none;margin:0;padding:0 0 0 clamp(28px,4vw,56px)}.steps-track{position:absolute;left:0;top:8px;bottom:8px;width:1px;background:var(--graphite)}.steps-fill{width:100%;background:var(--accent-soft);box-shadow:0 0 12px var(--accent-soft)}.step{display:grid;grid-template-columns:70px 1fr 1.4fr;gap:24px;padding:22px 0;border-bottom:1px solid var(--graphite);align-items:start}.step:first-child{padding-top:0}.step-num{font-family:var(--display);color:var(--accent-soft);font-size:15px;padding-top:6px}.step h3{font-size:clamp(24px,2.4vw,32px)}.step-time{display:block;color:var(--ash);font-size:14px;margin-top:4px}.step p{color:var(--ash);max-width:48ch}.contact{max-width:none;overflow:hidden;border-top:1px solid var(--graphite);background:radial-gradient(ellipse 70% 60% at 20% 100%,rgba(122,90,62,.12),transparent 70%)}.contact-field{opacity:.6}.contact-grid{position:relative;max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px);pointer-events:none}.contact-grid>*{pointer-events:auto}.contact-copy h2{font-size:clamp(34px,4.8vw,68px)}.contact-copy p{color:var(--ash);margin-top:24px;max-width:42ch}.contact-email{display:inline-block;margin-top:32px;font-family:var(--display);font-size:clamp(16px,1.6vw,22px);border-bottom:1px solid var(--accent-soft);padding-bottom:4px}.form{display:grid;gap:22px;padding:clamp(24px,3vw,40px);border-radius:28px;background:#fafaf8d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--graphite)}.form label,.form fieldset{display:grid;gap:8px;font-size:14px;color:var(--ash)}.form fieldset{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.form legend{margin-bottom:8px;padding:0}.form input:not([type=radio]),.form textarea{font:inherit;font-size:16px;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--smoke);padding:10px 0;resize:vertical;transition:border-color .3s}.form input:focus,.form textarea:focus{outline:none;border-bottom-color:var(--accent-soft)}.chip{position:relative;cursor:pointer}.chip input{position:absolute;opacity:0}.chip span{display:inline-block;padding:9px 18px;border-radius:999px;border:1px solid var(--smoke);color:var(--ink);transition:all .3s var(--ease)}.chip input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.chip input:focus-visible+span{outline:2px solid var(--accent-soft);outline-offset:3px}.form .btn{justify-self:start;margin-top:8px}.form-done{display:grid;gap:16px;align-content:center;justify-items:start}.form-done h3{font-size:28px}.form-done p{color:var(--ash)}.footer{padding:0 var(--gutter) 32px;overflow:hidden}.footer-word{font-family:var(--display);font-weight:800;font-size:14.6vw;line-height:.9;letter-spacing:-.055em;white-space:nowrap;text-align:center;background:linear-gradient(180deg,var(--smoke) 10%,var(--bg) 95%);-webkit-background-clip:text;background-clip:text;color:transparent;margin:40px 0 24px;-webkit-user-select:none;user-select:none}.footer-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:var(--max);margin:0 auto;color:var(--ash);font-size:14px}.footer-row nav{display:flex;gap:24px}.footer-row nav a:hover{color:var(--accent-soft)}@media (max-width: 900px){.nav-toggle{display:block;z-index:2}.nav-links{position:fixed;top:0;right:0;bottom:0;left:0;flex-direction:column;justify-content:center;gap:28px;font-size:22px;background:#f1f0edf7;opacity:0;pointer-events:none;transition:opacity .4s var(--ease)}.nav.is-open .nav-links{opacity:1;pointer-events:auto}.section-head,.panels,.results,.contact-grid{grid-template-columns:1fr}.step{grid-template-columns:1fr;gap:10px}.player{width:100%;aspect-ratio:4 / 5;border-radius:24px}.scroll-hint{display:none}.results-stats{gap:24px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.player.is-playing .player-poster{pointer-events:none}