:root{
  --ink:#17152f;--ink-2:#262342;--ink-3:#6e6a82;--paper:#f7f6f1;--white:#fff;
  --violet:#7557ff;--violet-2:#9f8aff;--mint:#bff3d0;--peach:#ffd5bb;--sky:#cfe8ff;
  --line:rgba(23,21,47,.12);--line-light:rgba(255,255,255,.16);--shadow:0 28px 80px rgba(23,21,47,.14);
  --radius:28px;--shell:min(1180px,calc(100% - 40px));
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img,svg{max-width:100%}.shell{width:var(--shell);margin-inline:auto}.section-pad{padding:112px 0}.eyebrow,.section-index{display:inline-flex;align-items:center;gap:10px;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800}.eyebrow:before{content:"";width:34px;height:1px;background:currentColor}.section-index{color:var(--violet);margin-bottom:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:0 24px;border:1px solid transparent;border-radius:999px;font-weight:800;transition:.25s ease}.button span{transition:transform .25s ease}.button:hover span{transform:translate(3px,-2px)}.button.primary{background:var(--violet);color:white;box-shadow:0 16px 38px rgba(117,87,255,.3)}.button.primary:hover{background:#5f43eb;transform:translateY(-2px)}.button.ghost{border-color:rgba(255,255,255,.28);color:white;background:rgba(255,255,255,.05);backdrop-filter:blur(10px)}.button.ghost:hover{background:rgba(255,255,255,.12)}.light-button{background:white;color:var(--ink)}
.geo-bar{background:#c9f4d7;color:#123821;font-size:.88rem}.geo-bar.geo-excluded{background:#ffd7c7;color:#5e2414}.geo-bar[hidden]{display:none}.geo-inner{min-height:42px;display:flex;align-items:center;justify-content:center;gap:16px;position:relative}.geo-inner a{font-weight:800;text-decoration:underline;text-underline-offset:3px}.geo-inner button{position:absolute;right:0;border:0;background:transparent;color:inherit;font-size:1.25rem}
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,246,241,.82);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{border-color:var(--line);box-shadow:0 10px 35px rgba(23,21,47,.06)}.nav-shell{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px}.brand>span:last-child{display:grid;line-height:1}.brand strong{font-size:.92rem;letter-spacing:.11em}.brand small{font-size:.56rem;letter-spacing:.22em;color:var(--ink-3);margin-top:6px}.brand-symbol{width:38px;height:38px;position:relative;display:inline-grid;place-items:center;border-radius:12px;background:var(--ink);overflow:hidden}.brand-symbol i{position:absolute;width:18px;height:5px;border-radius:999px;background:white;transform:rotate(-35deg)}.brand-symbol i:nth-child(1){translate:-3px -8px}.brand-symbol i:nth-child(2){translate:3px 0;background:var(--violet-2)}.brand-symbol i:nth-child(3){translate:-3px 8px}.site-nav{display:flex;align-items:center;gap:28px;font-size:.9rem;font-weight:700}.site-nav>a:not(.nav-cta){position:relative}.site-nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--violet);transition:.25s}.site-nav>a:not(.nav-cta):hover:after{right:0}.nav-cta{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;background:var(--ink);color:white}.locale-picker{position:relative}.locale-picker>button{border:0;background:transparent;font-weight:700;color:var(--ink);padding:10px 0}.locale-panel{position:absolute;top:calc(100% + 16px);right:0;min-width:250px;padding:10px;background:white;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s}.locale-picker.open .locale-panel{opacity:1;visibility:visible;transform:none}.locale-panel a{display:flex;gap:10px;padding:10px 12px;border-radius:11px}.locale-panel a:hover,.locale-panel a[aria-current="page"]{background:#f0edff}.locale-panel small{display:block;padding:10px 12px;color:var(--ink-3);border-top:1px solid var(--line);margin-top:6px}.menu-button{display:none;border:0;background:transparent;padding:8px}.menu-button span{display:block;width:26px;height:2px;background:var(--ink);margin:5px}
.hero{position:relative;overflow:hidden;background:var(--ink);color:white;padding:100px 0 0;min-height:830px}.hero-noise{position:absolute;inset:0;opacity:.2;background-image:radial-gradient(rgba(255,255,255,.25) .6px,transparent .6px);background-size:8px 8px;mask-image:linear-gradient(to bottom,black,transparent 90%)}.hero-orb{position:absolute;border-radius:50%;filter:blur(10px);opacity:.35}.hero-orb-a{width:460px;height:460px;background:var(--violet);right:-150px;top:-100px}.hero-orb-b{width:310px;height:310px;background:#29c1b7;left:-160px;bottom:100px}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center}.hero-copy h1,.inner-hero h1,.portfolio-hero h1,.guide-hero h1{font-size:clamp(3rem,6vw,6.2rem);line-height:.98;letter-spacing:-.065em;margin:24px 0}.hero-copy p{font-size:1.12rem;color:rgba(255,255,255,.72);max-width:680px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.market-line{margin-top:26px;color:rgba(255,255,255,.58);font-size:.83rem;display:flex;align-items:center;gap:9px}.pulse{width:8px;height:8px;background:#82efaa;border-radius:50%;box-shadow:0 0 0 7px rgba(130,239,170,.12)}.hero-stage{position:relative;min-height:520px}.browser-card{position:absolute;width:92%;right:0;top:30px;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 38px 100px rgba(0,0,0,.35);transform:rotate(2deg)}.browser-top,.demo-browser{height:38px;background:#eeedf3;display:flex;align-items:center;gap:7px;padding:0 14px}.browser-top i,.demo-browser i{width:8px;height:8px;border-radius:50%;background:#c5c3cc}.browser-top span{margin-left:8px;color:#8a8798;font-size:.62rem}.browser-content{padding:24px;color:var(--ink);min-height:390px;background:linear-gradient(145deg,#fff,#f0ecff)}.mini-nav{display:flex;align-items:center;gap:16px}.mini-nav b{font-size:.7rem;letter-spacing:.12em;margin-right:auto}.mini-nav span{width:42px;height:5px;background:#d7d2e6;border-radius:999px}.mini-nav em{width:50px;height:22px;background:var(--ink);border-radius:999px}.mini-hero{padding:60px 8px 36px}.mini-hero small{font-size:.54rem;letter-spacing:.17em;color:var(--violet);font-weight:900}.mini-hero strong{display:block;font-size:2.35rem;line-height:.98;letter-spacing:-.06em;margin:15px 0 19px}.mini-hero p{height:6px;width:68%;background:#d7d3e4;border-radius:99px;margin:8px 0}.mini-hero p.short{width:42%}.mini-hero button{margin-top:23px;border:0;border-radius:999px;background:var(--violet);color:white;padding:12px 16px;font-size:.66rem;font-weight:800}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-cards i{height:60px;border-radius:14px;background:white;box-shadow:0 8px 24px rgba(23,21,47,.08)}.score-card{position:absolute;bottom:0;left:-10px;background:#17152f;border:1px solid rgba(255,255,255,.16);padding:18px 20px;border-radius:18px;width:245px;box-shadow:0 28px 60px rgba(0,0,0,.35)}.score-card span,.score-card small{display:block;color:rgba(255,255,255,.56);font-size:.68rem}.score-card strong{display:block;font-size:1.28rem;margin:4px 0 12px}.score-card>div{height:7px;background:rgba(255,255,255,.12);border-radius:99px;overflow:hidden;margin-bottom:8px}.score-card>div i{display:block;height:100%;background:linear-gradient(90deg,var(--violet),#73ecc0);border-radius:99px}.stage-chip{position:absolute;z-index:3;padding:10px 14px;border-radius:999px;background:#fff;color:var(--ink);font-size:.72rem;font-weight:800;box-shadow:0 15px 35px rgba(0,0,0,.2)}.stage-chip b{color:#2ead66}.chip-one{right:-12px;top:4px}.chip-two{left:-4px;top:105px}.proof-strip{position:relative;z-index:2;margin-top:80px;border-top:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:repeat(4,1fr)}.proof-strip div{padding:30px;border-right:1px solid rgba(255,255,255,.14)}.proof-strip div:last-child{border-right:0}.proof-strip strong{font-size:1.8rem;display:block}.proof-strip span{color:rgba(255,255,255,.5);font-size:.78rem}
.statement{background:var(--peach)}.statement-grid{display:grid;grid-template-columns:220px 1fr;gap:60px}.statement h2,.section-head h2,.standards h2,.faq h2,.contact-copy h2,.split-content h2,.seo-grid h2{font-size:clamp(2.25rem,4.2vw,4.2rem);line-height:1.06;letter-spacing:-.055em;margin:0}.statement p{font-size:1.18rem;max-width:720px;color:#6a4d40;margin-top:28px}.section-head{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:48px}.section-head>p{max-width:400px;color:var(--ink-3);margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{position:relative;background:white;border:1px solid var(--line);border-radius:var(--radius);padding:30px;display:flex;flex-direction:column;min-height:560px;transition:.3s}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.service-card.featured{background:var(--ink);color:white}.service-card-top{display:flex;justify-content:space-between;align-items:center;color:var(--ink-3)}.service-card-top i{font-style:normal;width:42px;height:42px;border:1px solid var(--line);display:grid;place-items:center;border-radius:50%}.featured .service-card-top i{border-color:rgba(255,255,255,.2)}.service-card h3{font-size:1.8rem;letter-spacing:-.04em;margin:35px 0 14px}.service-card p{color:var(--ink-3)}.featured p{color:rgba(255,255,255,.62)}.service-card ul{list-style:none;padding:0;margin:22px 0}.service-card li{padding:9px 0;border-bottom:1px solid var(--line);font-size:.9rem}.featured li{border-color:rgba(255,255,255,.13)}.service-card li:before{content:"✓";color:var(--violet);font-weight:900;margin-right:10px}.price-line{margin-top:auto;padding-top:28px}.price-line small{display:block;font-size:.62rem;letter-spacing:.16em;color:var(--ink-3)}.price-line strong{font-size:2rem}.service-card>a{margin-top:20px;display:flex;justify-content:space-between;font-weight:800;color:var(--violet)}.featured>a{color:#b7a7ff}
.demo-showcase{background:#1b1931;color:white}.section-head.light p{color:rgba(255,255,255,.54)}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.demo-card{border:1px solid rgba(255,255,255,.13);border-radius:26px;padding:20px;background:rgba(255,255,255,.035);transition:.35s}.demo-card:hover{transform:translateY(-8px);background:rgba(255,255,255,.07)}.demo-label{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.demo-label span{color:rgba(255,255,255,.5);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.demo-label strong{font-size:1.25rem}.demo-window{border-radius:17px;overflow:hidden;background:#fff}.demo-clean-ui,.demo-craft-ui,.demo-forma-ui{height:330px;padding:24px;color:#153044;position:relative;overflow:hidden}.demo-clean-ui{background:linear-gradient(145deg,#f9fffc,#d9f7ec)}.demo-clean-ui b{font-size:.72rem;letter-spacing:.12em}.demo-clean-ui b span{color:#00a877}.demo-clean-ui small,.demo-craft-ui small,.demo-forma-ui small{display:block;margin-top:55px;font-size:.58rem;letter-spacing:.14em;font-weight:800}.demo-clean-ui h3,.demo-craft-ui h3,.demo-forma-ui h3{font-size:2.2rem;line-height:1;margin:10px 0}.demo-clean-ui button,.demo-craft-ui button,.demo-forma-ui button{border:0;border-radius:999px;padding:10px 14px;font-size:.62rem;font-weight:800}.demo-clean-ui button{background:#00a877;color:white}.demo-clean-ui>div{position:absolute;right:-20px;bottom:-30px;width:180px;height:180px;border:36px solid rgba(0,168,119,.12);border-radius:50%}.demo-craft-ui{background:#24201d;color:#f5e9d8}.demo-craft-ui b span{color:#e7a945}.demo-craft-ui button{background:#e7a945;color:#241f1b}.craft-lines{position:absolute;right:20px;bottom:20px;display:grid;gap:8px}.craft-lines i{display:block;width:130px;height:35px;background:linear-gradient(90deg,#51483f,#e7a945);transform:skew(-15deg)}.demo-forma-ui{background:#f5efff;color:#35264a}.demo-forma-ui button{background:#6e4ea5;color:white}.forma-ball{position:absolute;width:190px;height:190px;border-radius:50%;background:linear-gradient(140deg,#af8ae4,#f4c4d7);right:-40px;bottom:-30px}.open-demo{display:flex;justify-content:flex-end;margin-top:16px;font-size:.8rem;font-weight:800}.center-action{text-align:center;margin-top:40px}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.process-grid article{padding:34px 28px 0 0;position:relative}.process-grid article>span{font-size:.7rem;color:var(--ink-3)}.process-dot{width:12px;height:12px;background:var(--violet);border:4px solid var(--paper);box-shadow:0 0 0 1px var(--line);border-radius:50%;position:absolute;top:-6px;left:0}.process-grid h3{font-size:1.25rem;margin:20px 0 8px}.process-grid p{color:var(--ink-3);font-size:.9rem}.standards{background:#dfe9ff}.standards-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.standards-copy p{color:#58627a;font-size:1.05rem}.standards-copy a{font-weight:800;color:var(--violet)}.standards-list{display:grid}.standards-list article{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid rgba(23,21,47,.12)}.standards-list article>span{width:38px;height:38px;border-radius:50%;background:white;display:grid;place-items:center;color:var(--violet);font-weight:900}.standards-list h3{margin:0;font-size:1.1rem}.standards-list p{margin:5px 0 0;color:#5d6580}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px}.accordion details{border-bottom:1px solid var(--line)}.accordion summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:24px 0;font-weight:800;font-size:1.04rem}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{font-size:1.4rem;transition:.2s}.accordion details[open] summary span{transform:rotate(45deg)}.accordion details p{color:var(--ink-3);max-width:720px;margin:-8px 0 25px}
.contact-section{background:var(--ink);color:white;padding:110px 0}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.contact-copy>p{color:rgba(255,255,255,.65);font-size:1.05rem}.contact-note{display:grid;grid-template-columns:36px 1fr;gap:12px;margin:22px 0}.contact-note>span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:rgba(117,87,255,.25);color:#c7baff}.contact-note strong,.contact-note small{display:block}.contact-note small{color:rgba(255,255,255,.48)}.form-card{background:white;color:var(--ink);border-radius:30px;padding:30px}.project-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.project-form label{display:grid;gap:7px}.project-form label>span{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.project-form input,.project-form select,.project-form textarea{width:100%;border:1px solid var(--line);background:#faf9f7;border-radius:13px;padding:13px 14px;color:var(--ink);outline:none}.project-form input:focus,.project-form select:focus,.project-form textarea:focus{border-color:var(--violet);box-shadow:0 0 0 4px rgba(117,87,255,.1)}.project-form .full{grid-column:1/-1}.submit-row button{border:0;background:var(--violet);color:white;border-radius:999px;padding:15px 20px;font-weight:800}.submit-row{display:grid;gap:12px}.submit-row small{color:var(--ink-3)}.honey{position:absolute!important;left:-9999px!important}.notice{padding:14px 16px;border-radius:12px;margin-bottom:18px}.notice.success{background:#d8f6e2;color:#165b32}.notice.error{background:#ffe2d8;color:#7e301c}
.site-footer{background:#111022;color:white;padding:70px 0 24px}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:50px}.brand-footer strong{color:white}.brand-footer small{color:rgba(255,255,255,.48)}.footer-brand p{max-width:390px;color:rgba(255,255,255,.48)}.footer-grid>div:not(.footer-brand){display:grid;align-content:start;gap:11px}.footer-grid>div>strong{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}.footer-grid a{color:rgba(255,255,255,.56);font-size:.88rem}.footer-grid a:hover{color:white}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);padding-top:24px;margin-top:55px;color:rgba(255,255,255,.36);font-size:.75rem}
.inner-hero{background:var(--ink);color:white;padding:115px 0;position:relative;overflow:hidden}.inner-orb{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,var(--violet),transparent 68%);right:-250px;top:-220px;opacity:.35}.inner-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;position:relative}.inner-hero h1{font-size:clamp(3rem,5.8vw,5.7rem)}.inner-hero p{font-size:1.1rem;color:rgba(255,255,255,.66);max-width:680px}.inner-proof{align-self:end;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:28px;backdrop-filter:blur(10px)}.inner-proof small{letter-spacing:.14em;color:#b9aaff;font-weight:800}.inner-proof div{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.12)}.inner-proof div:last-child{border:0}.inner-proof span{color:#88efb1;margin-right:10px}.split-content{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.split-content>div:first-child p{color:var(--ink-3);font-size:1.05rem}.deliverable-list article{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:21px 0;border-bottom:1px solid var(--line)}.deliverable-list span{color:var(--violet);font-size:.72rem}.seo-block{background:#d9f5e4}.seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.seo-grid p{color:#466553}.seo-grid a{font-weight:800;color:#246a44}.code-panel{border-radius:22px;overflow:hidden;background:#141225;color:#e8e3ff;box-shadow:var(--shadow)}.code-top{height:44px;display:flex;align-items:center;gap:7px;padding:0 16px;background:#201d36}.code-top i{width:8px;height:8px;border-radius:50%;background:#5e5972}.code-top span{font-size:.65rem;color:#908aa5;margin-left:8px}.code-panel pre{margin:0;padding:28px;overflow:auto;font:13px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;color:#b7f0ca}.final-cta{background:var(--peach);padding:100px 0;text-align:center}.final-cta h2{font-size:clamp(2.4rem,5vw,5rem);letter-spacing:-.06em;line-height:1;margin:20px auto 32px;max-width:900px}.final-cta .eyebrow{justify-content:center}.guide-hero{background:var(--ink);color:white;padding:110px 0}.narrow{max-width:900px}.guide-hero p,.portfolio-hero p{font-size:1.15rem;color:rgba(255,255,255,.62);max-width:760px}.guide-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.guide-meta span{padding:8px 13px;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:.72rem}.article-body{padding:90px 0}.article-grid{display:grid;grid-template-columns:260px 1fr;gap:80px;align-items:start}.article-grid aside{position:sticky;top:120px;display:grid;gap:12px}.article-grid aside strong{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.article-grid aside a{font-size:.82rem;color:var(--ink-3)}.article-grid .aside-cta{margin-top:14px;background:var(--ink);color:white;padding:13px;border-radius:12px}.article-grid article{max-width:790px}.article-grid article section{padding:0 0 50px;margin-bottom:50px;border-bottom:1px solid var(--line);scroll-margin-top:120px}.article-grid h2{font-size:2rem;letter-spacing:-.04em}.article-grid p{font-size:1.05rem;color:var(--ink-3)}.price-comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.price-comparison div{background:white;border:1px solid var(--line);border-radius:16px;padding:18px}.price-comparison small{display:block;color:var(--ink-3);font-size:.65rem}.price-comparison strong{font-size:1.25rem}.article-callout{background:#efeaff;border-radius:24px;padding:28px}.article-callout strong{font-size:1.4rem}.article-callout a{font-weight:800;color:var(--violet)}.portfolio-hero{background:var(--ink);color:white;padding:120px 0}.portfolio-list{background:#efede7}.portfolio-item{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;padding:60px 0;border-bottom:1px solid var(--line)}.portfolio-item.reverse{grid-template-columns:1.2fr .8fr}.portfolio-item.reverse .portfolio-copy{order:2}.portfolio-copy>span{font-size:.72rem;letter-spacing:.14em;color:var(--violet);font-weight:800}.portfolio-copy h2{font-size:3.2rem;letter-spacing:-.055em;margin:12px 0}.portfolio-copy p{color:var(--ink-3)}.portfolio-copy ul{list-style:none;padding:0;margin:24px 0}.portfolio-copy li{padding:7px 0}.portfolio-copy li:before{content:"✓";color:var(--violet);margin-right:10px}.portfolio-frame{min-height:510px;border-radius:30px;padding:30px;display:grid;place-items:center;box-shadow:var(--shadow)}.portfolio-frame>div{width:88%;height:82%;border-radius:20px;padding:35px;position:relative;overflow:hidden}.portfolio-frame b{letter-spacing:.12em}.portfolio-frame small{display:block;margin-top:80px;letter-spacing:.14em;text-transform:uppercase;font-size:.65rem}.portfolio-frame h3{font-size:3rem;line-height:.95;margin:12px 0;letter-spacing:-.06em}.portfolio-frame i{position:absolute;display:block}.clean-frame{background:#d7f5e8}.clean-frame>div{background:#f9fffc;color:#153b31}.clean-frame b span{color:#00a877}.clean-frame i{width:220px;height:220px;border:48px solid rgba(0,168,119,.15);border-radius:50%;right:-30px;bottom:-50px}.craft-frame{background:#4a4036}.craft-frame>div{background:#211e1b;color:#f7e8d3}.craft-frame b span{color:#e6aa49}.craft-frame i:nth-of-type(1){width:220px;height:70px;background:#e6aa49;right:-20px;bottom:70px;transform:skew(-15deg)}.craft-frame i:nth-of-type(2){width:180px;height:50px;background:#5d5146;right:20px;bottom:145px;transform:skew(-15deg)}.forma-frame{background:#eadcf6}.forma-frame>div{background:#faf6ff;color:#362744}.forma-frame i{width:260px;height:260px;border-radius:50%;background:linear-gradient(140deg,#b08ce0,#f4c6d7);right:-65px;bottom:-80px}.not-found{min-height:70vh;display:grid;place-items:center;text-align:center;padding:100px 0}.not-found strong{font-size:8rem;color:var(--violet);line-height:1}.not-found h1{font-size:3rem;margin:10px}.not-found p{color:var(--ink-3)}
.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.site-nav{position:absolute;top:82px;left:20px;right:20px;display:none;align-items:stretch;flex-direction:column;background:white;border:1px solid var(--line);padding:20px;border-radius:20px;box-shadow:var(--shadow)}.site-nav.open{display:flex}.menu-button{display:block}.locale-picker>button{width:100%;text-align:left}.locale-panel{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;margin-top:10px}.locale-picker.open .locale-panel{display:block}.hero{padding-top:70px}.hero-grid,.inner-hero-grid,.contact-grid,.standards-grid,.seo-grid{grid-template-columns:1fr}.hero-stage{min-height:500px;margin-top:20px}.statement-grid,.faq-grid,.split-content{grid-template-columns:1fr;gap:40px}.service-grid,.demo-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr;row-gap:30px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.article-grid{grid-template-columns:1fr}.article-grid aside{position:static}.portfolio-item,.portfolio-item.reverse{grid-template-columns:1fr}.portfolio-item.reverse .portfolio-copy{order:0}.portfolio-frame{min-height:440px}}
@media(max-width:680px){:root{--shell:min(100% - 26px,1180px)}.section-pad{padding:78px 0}.geo-inner{padding:10px 30px 10px 0;justify-content:flex-start;flex-wrap:wrap}.hero{min-height:auto}.hero-copy h1,.inner-hero h1,.portfolio-hero h1,.guide-hero h1{font-size:3.15rem}.hero-stage{min-height:400px}.browser-card{width:100%;position:relative;top:0}.score-card{bottom:-20px;left:10px}.chip-two{display:none}.proof-strip{grid-template-columns:1fr 1fr;margin-top:70px}.proof-strip div:nth-child(2){border-right:0}.proof-strip div{padding:20px 10px}.statement h2,.section-head h2,.standards h2,.faq h2,.contact-copy h2,.split-content h2,.seo-grid h2{font-size:2.45rem}.section-head{display:block}.section-head>p{margin-top:20px}.process-grid{grid-template-columns:1fr}.project-form{grid-template-columns:1fr}.project-form .full{grid-column:auto}.contact-grid{gap:45px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{display:grid;gap:8px}.inner-hero{padding:82px 0}.price-comparison{grid-template-columns:1fr}.portfolio-frame{min-height:360px;padding:14px}.portfolio-frame>div{width:100%;height:100%}.portfolio-frame h3{font-size:2.2rem}.demo-clean-ui,.demo-craft-ui,.demo-forma-ui{height:290px}.article-grid h2{font-size:1.65rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.legal-stack{display:grid;gap:18px}.legal-stack>section{padding:26px;border:1px solid var(--line,#e6e6ef);border-radius:22px;background:rgba(255,255,255,.72)}.legal-stack h2{margin-top:0}.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.payment-card{padding:28px;border:1px solid var(--line,#e5e6ef);border-radius:24px;background:#fff;box-shadow:0 20px 50px rgba(28,25,62,.08)}.payment-card.full{grid-column:1/-1}.payment-logo{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#17152f;color:#fff;font-weight:900;font-size:1.25rem}.payment-disabled{display:inline-block;padding:11px 14px;border-radius:12px;background:#f0f0f5;color:#777}.payment-warning{margin-top:20px;padding:18px 20px;border-radius:18px;background:#fff7df;border:1px solid #efd99b;color:#584817}@media(max-width:700px){.payment-grid{grid-template-columns:1fr}.payment-card.full{grid-column:auto}}

.cookie-consent{position:fixed;inset:0;z-index:9999;background:rgba(12,11,28,.55);display:grid;align-items:end;padding:24px;backdrop-filter:blur(8px)}.cookie-consent[hidden]{display:none}.cookie-card{width:min(100%,980px);margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:26px;padding:24px;box-shadow:0 30px 90px rgba(12,11,28,.28);display:grid;grid-template-columns:1fr auto;gap:22px}.cookie-main h2{margin:0 0 8px;font-size:1.35rem}.cookie-main p{margin:0;color:var(--ink-3);font-size:.94rem}.cookie-main a{font-weight:800;color:var(--violet)}.cookie-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.cookie-actions button,.cookie-settings button,.cookie-reopen{border:1px solid var(--line);background:#fff;color:var(--ink);padding:11px 15px;border-radius:12px;font:inherit;font-weight:800;cursor:pointer}.cookie-actions .cookie-primary,.cookie-settings .cookie-primary{background:var(--ink);color:#fff;border-color:var(--ink)}.cookie-settings{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;display:grid;gap:12px}.cookie-settings[hidden]{display:none}.cookie-settings label{display:flex;justify-content:space-between;gap:20px;align-items:center}.cookie-settings small{display:block;color:var(--ink-3)}.cookie-settings input{width:20px;height:20px}.cookie-reopen{position:fixed;z-index:9000;left:14px;bottom:14px;padding:8px 11px;font-size:.72rem;box-shadow:0 8px 25px rgba(12,11,28,.14)}@media(max-width:760px){.cookie-consent{padding:12px}.cookie-card{grid-template-columns:1fr;padding:19px;border-radius:20px}.cookie-actions{justify-content:stretch}.cookie-actions button{flex:1 1 140px}.cookie-reopen{max-width:160px}}

.owner-proof{background:#fff}.owner-proof-grid{display:grid;grid-template-columns:180px 1fr;gap:48px;align-items:center}.owner-monogram{width:150px;height:150px;border-radius:40px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:3rem;font-weight:900;letter-spacing:-.08em}.owner-proof h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.05;letter-spacing:-.055em;margin:10px 0}.owner-proof p{max-width:760px;color:var(--ink-3);font-size:1.08rem}.owner-facts{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px}.owner-facts span{background:var(--violet-soft);padding:11px 15px;border-radius:999px;font-size:.82rem;font-weight:700}.pricing-tax-note{margin:20px 0 0;color:var(--ink-3);font-size:.82rem}.case-study{display:grid;gap:5px;margin:20px 0}.case-study strong{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--violet)}.case-study p{margin:0 0 10px}.short-form{grid-template-columns:1fr 1fr}.short-form .full{grid-column:1/-1}@media(max-width:700px){.owner-proof-grid{grid-template-columns:1fr}.owner-monogram{width:100px;height:100px;border-radius:28px}.short-form{grid-template-columns:1fr}.short-form .full{grid-column:auto}}
