@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap";:root{color:#15201d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#15201d;--paper:#f3f1ea;--acid:#d5ff45;--line:#15201d2b;background:#f3f1ea;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}main{overflow:hidden}.topbar{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;height:78px;padding:0 32px;display:grid}.logo{align-items:center;width:max-content;display:flex}.logo>i{background:var(--ink);width:38px;height:38px;color:var(--acid);border-radius:50%;place-items:center;margin-right:11px;font:italic 22px Instrument Serif,serif;display:grid}.logo>span{letter-spacing:-.03em;font-size:16px;font-weight:700}.logo>small{border-left:1px solid var(--line);letter-spacing:.15em;margin-left:11px;padding-left:11px;font-size:8px}.topbar-center{color:#626965;text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:9px;font-size:11px;display:flex}.live-dot{background:#64bc73;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #64bc7324}.built-by{border-bottom:1px solid;justify-self:end;font-size:12px;font-weight:650}.intro{flex-direction:column;justify-content:center;min-height:570px;padding:76px max(32px,50vw - 720px);display:flex}.kicker{text-transform:uppercase;letter-spacing:.15em;margin:0 0 24px;font-size:10px;font-weight:700}.kicker span{background:var(--ink);width:25px;height:25px;color:var(--acid);letter-spacing:0;border-radius:50%;place-items:center;margin-right:11px;display:inline-grid}.intro h1{letter-spacing:-.065em;max-width:1240px;margin:0;font-size:clamp(60px,7.6vw,118px);font-weight:700;line-height:.89}.intro h1 em,.score-intro h2 em,footer h2 em{color:#ff5f35;font-family:Instrument Serif,serif;font-weight:400}.intro-bottom{justify-content:space-between;align-items:end;gap:50px;margin-top:42px;display:flex}.intro-bottom p{color:#626965;max-width:620px;margin:0;font-size:16px;line-height:1.65}.intro-bottom>a{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;width:190px;padding-bottom:10px;font-size:13px;font-weight:700;display:flex}.lab-shell{color:#fff;background:#101614;border:1px solid #ffffff1f;grid-template-columns:370px 1fr;width:min(1500px,100% - 32px);min-height:900px;margin:0 auto;display:grid;box-shadow:0 30px 80px #15201d2e}.control-panel{border-right:1px solid #ffffff1f;padding:26px;overflow-y:auto}.control-head{justify-content:space-between;align-items:start;margin-bottom:26px;display:flex}.control-head span{color:#89918d;letter-spacing:.16em;font-size:8px}.control-head h2{letter-spacing:-.03em;margin:6px 0 0;font-size:18px}.control-head button{color:#aeb5b1;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #89918d;padding:0 0 3px;font-size:10px}fieldset{border:0;border-top:1px solid #ffffff1f;margin:0;padding:25px 0}legend{text-transform:uppercase;letter-spacing:.1em;width:100%;margin-bottom:17px;padding:0;font-size:10px;font-weight:700;display:block}legend span{color:var(--acid);margin-right:9px}.choice-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.choice-grid button{color:#c3c9c6;cursor:pointer;text-align:left;background:#ffffff09;border:1px solid #ffffff21;border-radius:3px;align-items:center;gap:10px;min-height:66px;padding:10px;transition:border-color .2s,background .2s,transform .2s;display:flex}.choice-grid button:hover{border-color:#ffffff59;transform:translateY(-1px)}.choice-grid button.active{border-color:var(--acid);color:#fff;background:#d5ff4517}.industry-grid button i{width:31px;height:31px;color:var(--acid);background:#262e2b;border-radius:50%;flex:none;place-items:center;font:italic 16px Instrument Serif,serif;display:grid}.choice-grid button span{font-size:11px;font-weight:650}.tone-swatch{color:#181b1a;background:#ede9df;place-items:center;width:31px;height:31px;font-size:13px;font-style:normal;display:grid}.tone-swatch.tone-premium{font-family:Instrument Serif,serif;font-style:italic}.tone-swatch.tone-friendly{border-radius:50%;font-weight:700}.tone-swatch.tone-bold{background:var(--acid);font-weight:800}.tone-swatch.tone-minimal{color:#fff;background:0 0;border:1px solid #ffffff4d;font-weight:400}.text-field{margin-bottom:12px;display:block;position:relative}.text-field>span{color:#939b97;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-size:9px;display:block}.text-field textarea,.text-field input{color:#fff;background:#ffffff0b;border:1px solid #ffffff26;border-radius:3px;outline:0;width:100%;font-size:11px;line-height:1.45}.text-field textarea{resize:none;height:65px;padding:11px 45px 11px 11px}.text-field input{height:42px;padding:0 45px 0 11px}.text-field textarea:focus,.text-field input:focus{border-color:var(--acid)}.text-field>small{color:#7c8581;font-size:8px;position:absolute;bottom:8px;right:8px}.switch-list{gap:9px;display:grid}.switch-row{cursor:pointer;justify-content:space-between;align-items:center;gap:15px;display:flex;position:relative}.switch-row>span{gap:2px;display:grid}.switch-row strong{font-size:11px}.switch-row small{color:#7f8884;font-size:9px}.switch-row input{opacity:0;pointer-events:none;position:absolute}.switch-row>i{background:#3c4541;border-radius:99px;flex:none;width:34px;height:19px;padding:2px;transition:background .2s;display:flex}.switch-row>i b{background:#9da49f;border-radius:50%;width:15px;height:15px;transition:transform .2s,background .2s}.switch-row input:checked+i{background:var(--acid)}.switch-row input:checked+i b{background:#17201d;transform:translate(15px)}.switch-row input:focus-visible+i{outline-offset:3px;outline:2px solid #fff}.preview-panel{background:radial-gradient(circle at 70% 20%,#26332e 0,#151c19 38%,#101614 72%);flex-direction:column;min-width:0;padding:22px;display:flex}.preview-toolbar{grid-template-columns:90px 1fr 90px;align-items:center;height:48px;display:grid}.window-dots{gap:6px;display:flex}.window-dots i{background:#626b67;border-radius:50%;width:7px;height:7px}.address-bar{text-align:center;color:#8d9692;border:1px solid #ffffff1f;border-radius:99px;justify-self:center;width:min(390px,80%);padding:8px 15px;font-size:9px}.address-bar span{color:#d3d7d5;margin-right:8px}.device-toggle{background:#222b27;border-radius:5px;justify-self:end;gap:2px;padding:3px;display:flex}.device-toggle button{color:#78817d;cursor:pointer;background:0 0;border:0;border-radius:3px;width:34px;height:27px}.device-toggle button.active{color:#fff;background:#3a4540}.comparison-stage{flex:1;place-items:center;min-height:700px;display:grid}.site-frame{aspect-ratio:1.47;color:#222;background:#fff;width:min(100%,1030px);transition:width .45s cubic-bezier(.2,.8,.2,1),aspect-ratio .45s;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000059}.comparison-stage.mobile .site-frame{aspect-ratio:.54;width:340px;max-height:720px}.site-surface{background:#fff;position:absolute;inset:0;overflow:hidden}.after-clip{clip-path:inset(0 calc(100% - var(--split)) 0 0);position:absolute;inset:0;overflow:hidden}.after-clip .after-site{width:100%}.split-line{z-index:12;left:var(--split);pointer-events:none;background:#fff;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #00000024}.split-line span{background:var(--acid);color:#17201d;border-radius:50%;place-items:center;width:42px;height:42px;font-size:17px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 18px #00000047}.split-range{z-index:15;opacity:0;cursor:ew-resize;width:100%;height:100%;position:absolute;inset:0}.compare-label{z-index:13;letter-spacing:.15em;pointer-events:none;border-radius:99px;padding:7px 10px;font-size:8px;font-weight:800;position:absolute;top:16px}.before-label{color:#656565;background:#ebe9e4;left:17px}.after-label{color:var(--acid);background:#17201d;right:17px}.reveal-toast{z-index:20;background:var(--acid);color:#17201d;border-radius:99px;padding:11px 17px;font-size:11px;font-weight:800;animation:.35s both toast-in;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}.bad-nav{border-bottom:1px solid #d9d9d9;justify-content:space-between;align-items:center;height:11%;padding:0 5%;font:600 8px Arial,sans-serif;display:flex}.bad-nav div{font-size:6px}.bad-hero{color:#fff;text-align:center;background:linear-gradient(#28282887,#28282887),repeating-linear-gradient(45deg,#aaa 0 10px,#a4a4a4 10px 20px);height:53%;padding:9% 8%;font-family:Arial,sans-serif}.bad-hero small{font-size:7px}.bad-hero h2{margin:3% 0 2%;font:700 clamp(22px,3.2vw,48px)/1.05 Georgia,serif}.bad-hero p{width:64%;margin:0 auto 3%;font-size:clamp(6px,.8vw,11px);line-height:1.5}.bad-hero button{color:#fff;background:#4277a8;border:0;padding:2% 4%;font-size:7px}.bad-boxes{grid-template-columns:repeat(3,1fr);gap:3%;height:29%;padding:3% 5%;font-family:Arial,sans-serif;display:grid}.bad-boxes div{text-align:center;border:1px solid #ddd;flex-direction:column;justify-content:center;align-items:center;gap:9%;padding:9%;display:flex}.bad-boxes b{color:#3b6488;font-size:clamp(7px,1vw,13px)}.bad-boxes span{color:#777;font-size:clamp(5px,.7vw,9px)}.bad-banner{color:#777;background:#efefef;place-items:center;height:7%;font:7px Arial,sans-serif;display:grid}.after-site{color:var(--site-ink);background:#f8f5ee;font-family:DM Sans,sans-serif}.good-nav{border-bottom:1px solid color-mix(in srgb, var(--site-ink) 16%, transparent);align-items:center;height:11%;padding:0 5%;display:flex}.mini-mark{background:var(--site-ink);width:clamp(18px,2.5vw,32px);height:clamp(18px,2.5vw,32px);color:var(--brand);border-radius:50%;place-items:center;margin-right:1%;font:italic clamp(10px,1.4vw,17px) Instrument Serif,serif;display:grid}.good-nav>strong{letter-spacing:-.03em;font-size:clamp(7px,1.1vw,14px)}.good-nav>div{align-items:center;gap:clamp(10px,2.4vw,30px);margin-left:auto;font-size:clamp(5px,.65vw,9px);font-weight:650;display:flex}.good-nav button{background:var(--brand);color:var(--site-ink);font-size:inherit;border:0;border-radius:99px;padding:clamp(6px,1vw,12px) clamp(10px,1.5vw,20px);font-weight:700}.good-hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:4%;height:58%;padding:5%;display:grid}.good-copy small{color:color-mix(in srgb,var(--site-ink) 60%,transparent);text-transform:uppercase;letter-spacing:.13em;margin-bottom:5%;font-size:clamp(5px,.65vw,9px);font-weight:700;display:block}.good-copy h2{letter-spacing:-.06em;max-width:600px;margin:0 0 4%;font-size:clamp(24px,4.4vw,66px);line-height:.91}.tone-premium .good-copy h2{letter-spacing:-.03em;font-family:Instrument Serif,serif;font-weight:400}.tone-friendly .good-copy h2{line-height:.98}.tone-bold .good-copy h2{text-transform:uppercase;font-weight:800;line-height:.84}.tone-minimal .good-copy h2{font-weight:500;line-height:1}.good-copy p{max-width:460px;color:color-mix(in srgb,var(--site-ink) 68%,transparent);margin:0 0 5%;font-size:clamp(6px,.83vw,11px);line-height:1.55}.good-copy button{background:var(--site-ink);color:#fff;border:0;border-radius:99px;justify-content:space-between;min-width:35%;padding:3% 4%;font-size:clamp(6px,.75vw,10px);font-weight:700;display:inline-flex}.good-copy button span{color:var(--brand)}.hero-art{aspect-ratio:1;background:var(--site-tint);border-radius:48% 48% 4px 4px;position:relative;overflow:hidden}.art-orbit{border:1px solid color-mix(in srgb,var(--site-ink) 23%,transparent);border-radius:50%;position:absolute}.orbit-one{width:86%;height:46%;top:28%;left:7%;transform:rotate(25deg)}.orbit-two{width:46%;height:86%;top:7%;left:27%;transform:rotate(25deg)}.art-card{aspect-ratio:.78;background:var(--site-ink);color:#fff;width:58%;box-shadow:10px 13px 0 var(--brand);flex-direction:column;justify-content:end;padding:9%;display:flex;position:absolute;top:12%;left:21%;transform:rotate(-5deg)}.art-card span{color:var(--brand);letter-spacing:.13em;margin-bottom:auto;font-size:clamp(4px,.55vw,7px)}.art-card b{font:italic clamp(15px,2.2vw,30px) Instrument Serif,serif}.art-card small{opacity:.7;font-size:clamp(4px,.5vw,7px)}.proof-row{border-top:1px solid color-mix(in srgb,var(--site-ink) 14%,transparent);border-bottom:1px solid color-mix(in srgb,var(--site-ink) 14%,transparent);justify-content:space-between;align-items:center;height:9%;padding:0 5%;font-size:clamp(5px,.65vw,9px);font-weight:650;display:flex}.proof-row span:first-letter{color:var(--brand)}.service-row{grid-template-columns:repeat(3,1fr);height:22%;padding:0 5%;display:grid}.service-row>div{border-right:1px solid color-mix(in srgb,var(--site-ink) 14%,transparent);flex-direction:column;padding:8% 8% 7% 0;display:flex}.service-row>div+div{padding-left:8%}.service-row>div:last-child{border:0}.service-row small{color:color-mix(in srgb,var(--site-ink) 45%,transparent);font-size:clamp(4px,.5vw,7px)}.service-row strong{letter-spacing:-.03em;margin-top:auto;font-size:clamp(7px,1.2vw,16px)}.service-row span{color:color-mix(in srgb,var(--site-ink) 60%,transparent);margin-top:4%;font-size:clamp(4px,.5vw,7px)}.comparison-stage.mobile .good-nav>div span,.comparison-stage.mobile .bad-nav div{display:none}.comparison-stage.mobile .good-hero{grid-template-columns:1fr;height:60%;padding:8%}.comparison-stage.mobile .hero-art{display:none}.comparison-stage.mobile .good-copy h2{font-size:38px}.comparison-stage.mobile .good-copy p{font-size:9px}.comparison-stage.mobile .good-copy small,.comparison-stage.mobile .proof-row,.comparison-stage.mobile .service-row span{font-size:6px}.comparison-stage.mobile .service-row{grid-template-columns:1fr;height:29%}.comparison-stage.mobile .service-row>div{border-right:0;border-bottom:1px solid color-mix(in srgb,var(--site-ink) 14%,transparent);flex-direction:row;align-items:center;gap:12px;padding:6% 8%}.comparison-stage.mobile .service-row>div+div{padding-left:8%}.comparison-stage.mobile .service-row strong{margin:0;font-size:10px}.comparison-stage.mobile .bad-hero{height:63%;padding-top:38%}.comparison-stage.mobile .bad-hero p{width:90%;font-size:8px}.comparison-stage.mobile .bad-boxes{grid-template-columns:1fr;height:26%}.comparison-stage.mobile .bad-boxes div{display:none}.comparison-stage.mobile .bad-boxes div:first-child{display:flex}.preview-footer{justify-content:space-between;align-items:center;height:70px;display:flex}.preview-footer p{color:#7f8884;text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:9px}.preview-footer p span{width:25px;height:25px;color:var(--acid);border:1px solid #39423f;border-radius:50%;place-items:center;margin-right:8px;display:inline-grid}.preview-footer button{background:var(--acid);color:#17201d;cursor:pointer;border:0;border-radius:3px;gap:35px;padding:13px 18px;font-size:10px;font-weight:800;display:flex}.score-section{grid-template-columns:.85fr 1.15fr;gap:100px;width:min(1440px,100% - 64px);margin:0 auto;padding:150px 0;display:grid}.score-intro h2,footer h2{letter-spacing:-.055em;margin:0;font-size:clamp(54px,5.6vw,86px);line-height:.93}.score-intro>p:last-child{color:#69706d;max-width:510px;margin:30px 0 0;line-height:1.7}.score-card{border:1px solid var(--line);background:#e8e5dc;grid-template-columns:180px 1fr;align-items:center;gap:32px;padding:45px;display:grid}.score-ring{background:conic-gradient(var(--ink) var(--score), #cbc9c1 0);border-radius:50%;place-items:center;width:170px;height:170px;padding:12px;display:grid;transform:rotate(-90deg)}.score-ring>div{text-align:center;background:#e8e5dc;border-radius:50%;place-content:center;width:100%;height:100%;display:grid;transform:rotate(90deg)}.score-ring strong{letter-spacing:-.06em;font-size:52px;line-height:.9}.score-ring span{color:#717774;font-size:10px}.score-copy>span{letter-spacing:.15em;font-size:8px;font-weight:800}.score-copy h3{letter-spacing:-.04em;margin:8px 0;font-size:28px}.score-copy p{color:#676e6a;margin:0;font-size:12px;line-height:1.6}.checklist{border-top:1px solid var(--line);grid-column:1/-1}.checklist>div{border-bottom:1px solid var(--line);opacity:.45;grid-template-columns:34px 1fr auto;align-items:center;padding:17px 0;display:grid}.checklist>div.passed{opacity:1}.checklist i{border:1px solid;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;font-style:normal;display:grid}.checklist .passed i{background:var(--ink);color:var(--acid)}.checklist span{display:grid}.checklist b{font-size:12px}.checklist small{color:#777c79;font-size:9px}.checklist strong{font-size:11px}.principles{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.principles>div{border-right:1px solid var(--line);flex-direction:column;min-height:290px;padding:42px;display:flex}.principles>div:last-child{border-right:0}.principles span{color:#858b88;font-size:9px}.principles h3{letter-spacing:-.04em;margin:auto 0 14px;font-size:25px}.principles p{color:#6d7470;margin:0;font-size:12px;line-height:1.65}footer{background:var(--ink);color:#fff;grid-template-columns:1fr auto;align-items:center;min-height:600px;padding:110px max(32px,50vw - 720px) 45px;display:grid}footer>a{background:var(--acid);width:250px;min-height:250px;color:var(--ink);border-radius:50%;flex-direction:column;justify-content:space-between;padding:35px;font-size:17px;font-weight:800;transition:transform .3s;display:flex;transform:rotate(-7deg)}footer>a:hover{transform:rotate(0)scale(1.04)}footer>a span{align-self:end;font-size:30px}footer>p{color:#8e9994;border-top:1px solid #ffffff26;grid-column:1/-1;align-self:end;margin:60px 0 0;padding-top:25px;font-size:10px;line-height:1.6}footer>p a{color:#fff;border-bottom:1px solid #fff}@media (width<=1050px){.lab-shell{grid-template-columns:310px 1fr}.control-panel{padding:20px}.site-frame{aspect-ratio:1.25}.score-section{gap:55px}.score-card{grid-template-columns:140px 1fr;padding:30px}.score-ring{width:140px;height:140px}.principles{grid-template-columns:1fr 1fr}.principles>div:nth-child(2){border-right:0}.principles>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media (width<=780px){.topbar{grid-template-columns:1fr auto;height:70px;padding:0 17px}.topbar-center{display:none}.built-by{font-size:10px}.logo>small{display:none}.intro{min-height:570px;padding:60px 20px}.intro h1{font-size:clamp(52px,16vw,76px)}.intro-bottom{flex-direction:column;align-items:start}.intro-bottom p{font-size:14px}.lab-shell{flex-direction:column;width:calc(100% - 18px);display:flex}.control-panel{border-top:1px solid #ffffff1f;border-right:0;order:2}.preview-panel{order:1;padding:10px}.preview-toolbar{grid-template-columns:45px 1fr 75px}.address-bar{width:92%}.comparison-stage{min-height:520px}.comparison-stage.desktop .site-frame{transform-origin:50%;width:730px;max-width:none;transform:scale(.61)}.preview-footer p{display:none}.preview-footer{justify-content:flex-end}.score-section{width:calc(100% - 36px);padding:100px 0;display:block}.score-intro{margin-bottom:45px}.score-intro h2,footer h2{font-size:clamp(48px,13vw,70px)}.score-card{padding:24px;display:block}.score-ring{margin:0 auto 25px}.checklist{margin-top:25px}.principles{grid-template-columns:1fr}.principles>div{border-right:0;border-bottom:1px solid var(--line);min-height:220px}footer{flex-direction:column;align-items:flex-start;min-height:720px;padding:80px 22px 35px;display:flex}footer>a{width:210px;min-height:210px;margin:60px auto}footer>p{width:100%;margin-top:auto}}