:root{--blue:#0966C3;--blue-deep:#07529C;--blue-soft:#EBF0FA;--navy:#032444;--gold:#C9A227;--ink:#1B2430;--ink-soft:#5B6472;--paper:#FFFFFF;--stone:#F6F5F2;--line:#E4E1D8;--rust:#C1552E;--radius:2px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Fraunces,serif;font-weight:600;letter-spacing:-.01em;color:var(--navy)}a{color:inherit}img{max-width:100%;display:block}.mono{font-family:'IBM Plex Mono',monospace}.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-deep);display:flex;align-items:center;gap:8px}.eyebrow::before{content:'';width:18px;height:1px;background:var(--gold)}.wrap{max-width:1180px;margin:0 auto;padding:0 28px}section{padding:96px 0}@media (max-width:720px){section{padding:64px 0}}.site-top{position:sticky;top:0;z-index:60}.demo-banner{background:linear-gradient(90deg,var(--navy) 0%,#0b3f70 55%,var(--navy) 100%);color:#eaf1fa;text-align:center;font-family:'IBM Plex Mono',monospace;font-size:12.5px;letter-spacing:.02em;padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,.14)}.demo-banner strong{color:#fff}.demo-banner .banner-cta{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);color:#fff;padding:5px 14px;border-radius:20px;font-family:'IBM Plex Mono',monospace;font-size:11.5px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .15s,transform .15s,color .15s}.demo-banner .banner-cta:hover{background:var(--gold);border-color:var(--gold);color:var(--navy);transform:translateY(-1px)}.demo-banner .banner-cta:hover svg{transform:translateX(2px)}.demo-banner .banner-cta svg{width:11px;height:11px;transition:transform .15s}@media (max-width:640px){.demo-banner{font-size:11.5px;padding:9px 12px}}header.site{position:relative;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.brand{display:flex;align-items:center;gap:10px;font-family:Fraunces,serif;font-weight:600;font-size:19px;color:var(--navy);text-decoration:none;cursor:pointer}.brand .mark{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0}.nav-links{display:flex;align-items:center;gap:28px;font-size:14.5px;font-weight:500}.nav-links a{text-decoration:none;color:var(--ink);transition:color .15s}.nav-links a:hover{color:var(--blue)}.nav-links .portfolio-link{color:var(--blue-deep);font-weight:600}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--radius);font-weight:600;font-size:14.5px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:all .15s}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-deep)}.btn-ghost{background:0 0;border-color:var(--navy);color:var(--navy)}.btn-ghost:hover{background:var(--navy);color:#fff}.btn-wsp{background:#25d366;color:#fff}.btn-wsp:hover{background:#1da851}.nav-cta{display:flex;gap:10px}.nav-toggle{display:none}.hero{background:linear-gradient(180deg,var(--navy) 0,#06345e 100%);color:#eff4fa;padding:76px 0 0;overflow:hidden;position:relative}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}}.hero .eyebrow{color:#9fc4ee}.hero .eyebrow::before{background:var(--gold)}.hero h1{color:#fff;font-size:clamp(34px,4.4vw,54px);line-height:1.06;margin:18px 0 20px}.hero h1 em{font-style:normal;color:var(--gold)}.hero p.lead{font-size:17.5px;color:#c7d8ea;max-width:46ch;margin-bottom:30px}.price-chip{display:inline-flex;align-items:baseline;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);padding:14px 20px;border-radius:var(--radius);margin-bottom:30px}.price-chip .label{font-family:'IBM Plex Mono',monospace;font-size:11px;color:#9fc4ee;text-transform:uppercase;letter-spacing:.08em}.price-chip .value{font-family:Fraunces,serif;font-size:26px;color:#fff;font-weight:600}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.trust-row{display:flex;gap:34px;margin-top:44px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.14);padding-top:26px}.trust-row .stat b{display:block;font-family:Fraunces,serif;font-size:24px;color:#fff}.trust-row .stat span{font-size:12.5px;color:#9fc4ee}.hero-visual{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:4/5;box-shadow:0 30px 60px -20px rgba(0,0,0,.5)}.hero-visual img{width:100%;height:100%;object-fit:cover}.hero-visual .badge{position:absolute;bottom:18px;left:18px;right:18px;background:rgba(3,36,68,.82);backdrop-filter:blur(6px);color:#fff;padding:14px 16px;border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.hero-visual .badge .stars{color:var(--gold);font-size:14px}.section-head{max-width:640px;margin-bottom:48px}.section-head h2{font-size:clamp(26px,3vw,36px);margin-top:14px}.section-head p{color:var(--ink-soft);margin-top:12px;font-size:15.5px}.features{background:var(--stone)}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}@media (max-width:820px){.feat-grid{grid-template-columns:1fr}}.feat-card{background:var(--paper);padding:34px 30px}.feat-card .num{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--gold)}.feat-card h3{font-size:19px;margin:14px 0 10px}.feat-card p{color:var(--ink-soft);font-size:14.5px}.pricing table{width:100%;border-collapse:collapse;margin-top:8px}.pricing th{text-align:left;font-family:'IBM Plex Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);border-bottom:2px solid var(--navy);padding:12px 14px}.pricing td{padding:18px 14px;border-bottom:1px solid var(--line);font-size:15px}.pricing tr:hover td{background:var(--blue-soft)}.pricing .price{font-family:Fraunces,serif;font-weight:600;color:var(--navy);font-size:17px}.pricing .tag{font-family:'IBM Plex Mono',monospace;font-size:10.5px;padding:4px 9px;border-radius:20px;background:var(--blue-soft);color:var(--blue-deep);font-weight:600}.pricing .tag.gold{background:#fbf2da;color:#8a6a0f}.calc-card{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:var(--stone);border:1px solid var(--line);padding:36px;border-radius:var(--radius)}@media (max-width:820px){.calc-card{grid-template-columns:1fr}}.calc-inputs .field{margin-bottom:22px}.calc-inputs input[type=range]{accent-color:var(--blue);width:100%}.calc-result{background:#fff;border:1px solid var(--line);padding:26px;border-radius:var(--radius);align-self:start}.calc-num{margin-bottom:18px}.calc-num .label{display:block;font-family:'IBM Plex Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin-bottom:6px}.calc-num .value{font-family:Fraunces,serif;font-size:34px;color:var(--navy);font-weight:600}.calc-sub{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:14px}.calc-sub div{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--ink-soft)}.calc-sub b{color:var(--ink);font-size:14.5px;font-weight:600}.calc-note{font-size:11.5px;color:var(--ink-soft);margin-top:12px;line-height:1.45}.viewer3d-frame{position:relative;width:100%;aspect-ratio:16/9;background:linear-gradient(180deg,#dce6f2,#ebf0fa);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}#viewer3d{position:absolute;inset:0}#viewer3d canvas{width:100%!important;height:100%!important;display:block;cursor:grab}#viewer3d canvas:active{cursor:grabbing}.viewer3d-hint{position:absolute;top:14px;left:14px;z-index:5;pointer-events:none;font-family:'IBM Plex Mono',monospace;font-size:11px;color:#fff;background:rgba(3,36,68,.55);padding:7px 12px;border-radius:20px;letter-spacing:.02em}.viewer3d-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--ink-soft);background:var(--stone)}.viewer3d-reset{position:absolute;top:14px;right:14px;z-index:6;font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:rgba(3,36,68,.55);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:8px 14px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease,background .2s ease}.viewer3d-reset.visible{opacity:1;pointer-events:auto}.viewer3d-reset:hover{background:rgba(3,36,68,.85)}.viewer3d-fullscreen{position:absolute;bottom:14px;right:14px;z-index:6;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(3,36,68,.55);border:1px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;transition:background .2s ease;padding:0}.viewer3d-fullscreen:hover{background:rgba(3,36,68,.85)}.viewer3d-fullscreen svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2}.viewer3d-frame:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0;border:none;background:#0b0f14}.viewer3d-frame:-webkit-full-screen{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0;border:none;background:#0b0f14}.viewer3d-frame:fullscreen .viewer3d-attrib{max-width:60%}.viewer3d-attrib{position:absolute;bottom:14px;left:14px;z-index:5;font-family:'IBM Plex Mono',monospace;font-size:10.5px;line-height:1.6;color:#dce6f2;background:rgba(3,36,68,.55);padding:8px 12px;border-radius:6px;max-width:78%}.viewer3d-attrib strong{color:#fff}.viewer3d-attrib a{color:#9fc4ee;text-decoration:none;border-bottom:1px solid rgba(159,196,238,.5)}.viewer3d-attrib a:hover{color:#fff;border-bottom-color:#fff}.spot3d{position:absolute;width:16px;height:16px;margin-left:-8px;margin-top:-8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(201,162,39,.32);cursor:pointer;z-index:6;display:none;transition:transform .15s}.spot3d:hover{transform:scale(1.25)}.spot-tip{display:none;position:absolute;left:14px;bottom:14px;right:14px;max-width:320px;z-index:7;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;font-size:13px;box-shadow:0 12px 24px rgba(0,0,0,.18)}.spot-tip.active{display:block}.spot-tip strong{display:block;margin-bottom:4px;color:var(--navy);font-family:Fraunces,serif;font-size:15px}.spot-tip p{color:var(--ink-soft);font-size:12.5px}.quote{background:var(--navy);color:#eff4fa}.quote-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}@media (max-width:900px){.quote-grid{grid-template-columns:1fr}}.quote .eyebrow{color:#9fc4ee}.quote h2{color:#fff}.quote-why{list-style:none;margin-top:26px;display:flex;flex-direction:column;gap:16px}.quote-why li{display:flex;gap:12px;font-size:14.5px;color:#c7d8ea}.quote-why li .ic{color:var(--gold);font-size:16px;line-height:1.4}form.card{background:#fff;color:var(--ink);border-radius:var(--radius);padding:34px;box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:520px){.form-row{grid-template-columns:1fr}}.field{margin-bottom:16px}.field label{display:block;font-size:12.5px;font-weight:600;margin-bottom:6px;color:var(--ink-soft)}.field input,.field select,.field textarea{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:var(--radius);font-family:Inter,sans-serif;font-size:14.5px;background:#fff;color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.field.check{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;color:var(--ink-soft)}.field.check input{width:auto;margin-top:3px}.field.check a{color:var(--blue-deep);text-decoration:underline}.form-submit{width:100%;justify-content:center;font-size:15px;padding:14px}.form-note{font-size:12px;color:var(--ink-soft);text-align:center;margin-top:12px}.form-ok{display:none;background:var(--blue-soft);border:1px solid var(--blue);color:var(--blue-deep);padding:14px;border-radius:var(--radius);font-size:13.5px;margin-bottom:16px}.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}@media (max-width:900px){.testi-grid{grid-template-columns:1fr}}.testi-card{border:1px solid var(--line);padding:28px;border-radius:var(--radius);background:#fff}.testi-card .stars{color:var(--gold);font-size:14px;margin-bottom:12px}.testi-card p.quote-text{font-size:15px;color:var(--ink);margin-bottom:20px}.testi-who{display:flex;align-items:center;gap:12px}.testi-who .avatar{width:42px;height:42px;border-radius:50%;background:var(--blue-soft);color:var(--blue-deep);display:flex;align-items:center;justify-content:center;font-family:Fraunces,serif;font-weight:600}.testi-who .name{font-weight:600;font-size:13.5px}.testi-who .meta{font-size:12px;color:var(--ink-soft)}.testi-source{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:var(--ink-soft)}.faq{background:var(--stone)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{cursor:pointer;list-style:none;padding:20px 0;font-weight:600;font-size:15.5px;display:flex;justify-content:space-between;align-items:center;color:var(--navy)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:'+';font-size:20px;color:var(--blue);font-weight:400}.faq-item[open] summary::after{content:'–'}.faq-item p{padding-bottom:20px;color:var(--ink-soft);font-size:14.5px;max-width:70ch}.cta-band{background:var(--blue-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:56px 0;text-align:center}.cta-band h3{font-size:24px;margin-bottom:10px}.cta-band p{color:var(--ink-soft);max-width:56ch;margin:0 auto 24px;font-size:15px}footer.site{background:var(--navy);color:#b9c8d9;padding:60px 0 26px}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.12)}@media (max-width:720px){.footer-grid{grid-template-columns:1fr;gap:28px}}footer.site h4{color:#fff;font-size:13px;font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px}footer.site ul{list-style:none}footer.site ul li{margin-bottom:9px;font-size:14px}footer.site a{text-decoration:none;color:#b9c8d9}footer.site a:hover{color:#fff}.footer-legal{display:flex;justify-content:center;align-items:center;padding-top:24px;flex-wrap:wrap;gap:14px}.footer-legal .links{display:flex;justify-content:center;gap:20px;font-size:12.5px}.wsp-float{position:fixed;bottom:22px;right:22px;z-index:60;background:#25d366;color:#fff;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(0,0,0,.25);text-decoration:none;transition:transform .15s}.wsp-float svg{width:30px;height:30px}.wsp-float:hover{transform:scale(1.07)}.agency-toggle{position:fixed;top:96px;right:22px;z-index:59;background:var(--navy);color:#fff;border:1px solid rgba(255,255,255,.2);padding:10px 16px;border-radius:30px;font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 10px 20px rgba(0,0,0,.2)}.agency-toggle .dot{width:8px;height:8px;border-radius:50%;background:var(--gold)}@media (max-width:720px){.agency-toggle{top:auto;bottom:90px;right:14px;padding:9px 13px;font-size:11.5px}}
@media (max-width:820px){.agency-toggle,.note{display:none!important}}
.annotate{position:relative}.note{display:none;position:absolute;z-index:40;flex-direction:column;gap:6px;max-width:260px}body.agency-mode .note{display:flex}.note.dismissed{display:none!important}.note-num{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--gold);color:#3a2c05;font-family:'IBM Plex Mono',monospace;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,.25);border:2px solid #fff}.note-box{position:relative;background:#fff;color:var(--ink);border:1px solid var(--line);padding:12px 30px 12px 14px;border-radius:8px;font-family:Inter,sans-serif;font-weight:400;font-size:12.5px;line-height:1.5;box-shadow:0 16px 32px rgba(0,0,0,.22);max-width:min(260px,calc(100vw - 48px))}.note-close{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;border:none;background:transparent;color:var(--ink-soft);font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.note-close:hover{background:var(--stone);color:var(--ink)}@media (max-width:420px){.note{max-width:calc(100vw - 48px)}}body.agency-mode .hero,body.agency-mode section{scroll-margin-top:120px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;padding:10px 16px;z-index:100}
.brand-mark{text-align:center;pointer-events:none}.brand-mark .brand-sig{display:flex;align-items:center;justify-content:center;gap:6px;font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.03em;color:rgba(185,200,217,.7);flex-wrap:wrap}.brand-mark .brand-icon{width:14px;height:14px;border-radius:50%;flex-shrink:0}.brand-mark .brand-sig a{color:rgba(185,200,217,.9);pointer-events:auto;text-decoration:none;border-bottom:1px solid rgba(185,200,217,.4)}.brand-mark .brand-sig a:hover{color:#fff;border-bottom-color:#fff}.brand-mark .claude-star{color:var(--rust);font-size:14px;display:inline-block}.brand-mark .brand-inspired{margin-top:1px;font-family:'IBM Plex Mono',monospace;font-size:8.5px;color:rgba(185,200,217,.45)}.brand-mark .brand-inspired a{color:rgba(185,200,217,.6);pointer-events:auto;text-decoration:none;border-bottom:1px solid rgba(185,200,217,.25)}.brand-mark .brand-inspired a:hover{color:rgba(255,255,255,.9)}.legal-header{background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding:18px 0}
.legal-main{padding:56px 0 80px}
.legal-main .wrap{max-width:760px}
.legal-main h1{font-family:Fraunces,serif;font-size:clamp(28px,4vw,40px);margin-bottom:6px}
.legal-main .updated{color:var(--ink-soft);font-size:13.5px;margin-bottom:36px}
.legal-main h2{font-family:Fraunces,serif;font-size:20px;margin:32px 0 10px}
.legal-main p{font-size:15px;line-height:1.7;color:var(--ink);margin-bottom:14px}
.legal-main ul{margin:0 0 14px 20px;padding:0}
.legal-main li{font-size:15px;line-height:1.7;margin-bottom:6px}
.legal-back{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--blue-deep);text-decoration:none;font-weight:600;margin-bottom:24px}
.legal-back:hover{text-decoration:underline}
.legal-notice{background:var(--stone);border:1px solid var(--line);border-radius:8px;padding:14px 16px;font-size:13.5px;color:var(--ink-soft);margin-bottom:32px}