@font-face{font-family:Bricolage;src:url('/assets/fonts/bricolage-latin.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:'DM Sans';src:url('/assets/fonts/dm-sans-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--paper:#f7f5f0;--ink:#172c3c;--blue:#2457e6;--lime:#ddf568;--muted:#52616c;--line:#d7dcd9;--font:'DM Sans',Arial,sans-serif;--display:Bricolage,Arial,sans-serif;--radius:18px;--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased}::selection{color:var(--ink);background:var(--lime)}a{color:inherit;text-underline-offset:.22em}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}button:disabled{opacity:.6;cursor:not-allowed}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.055em;line-height:1.07}h1{font-size:clamp(3.4rem,6.5vw,6.8rem);font-weight:750;margin-bottom:1.8rem}h2{font-size:clamp(2.5rem,4vw,4.2rem);margin-bottom:1.5rem}h3{font-size:1.55rem;letter-spacing:-.035em}em{font-style:normal}p{margin-bottom:1.1rem}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.section{padding-block:112px}.prose{color:var(--muted);max-width:46rem}.prose p:last-child{margin-bottom:0}.prose a{color:var(--ink)}.lead{font-size:1.13rem;line-height:1.65;color:var(--ink)}.eyebrow{display:flex;align-items:center;gap:.6rem;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:600;margin-bottom:2rem}.eyebrow::before{content:'';height:7px;width:7px;flex-shrink:0;background:var(--blue);border-radius:50%}.section-index{display:block;font-size:.8rem;font-family:var(--font);font-weight:500;letter-spacing:.04em;margin-bottom:1.5rem;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:1rem;top:1rem;z-index:30;padding:.8rem 1.2rem;background:var(--ink);color:white;clip-path:inset(100%);pointer-events:none}.skip-link:focus{clip-path:none;pointer-events:auto}
.site-header{position:sticky;top:0;z-index:12;background:rgba(247,245,240,.97);border-bottom:1px solid rgba(23,44,60,.13);backdrop-filter:blur(12px)}.header-inner{height:106px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{width:207px;flex-shrink:0;text-decoration:none}.brand img{width:100%;height:auto;max-height:62px;object-fit:contain;object-position:left}.brand:hover{opacity:.75}#main-nav{display:flex;align-items:center;gap:1.7rem;font-size:.88rem;font-weight:500}#main-nav>a{text-decoration:none;padding:.7rem 0;white-space:nowrap;position:relative}#main-nav>a:not(.nav-contact)::after{content:'';position:absolute;height:2px;background:var(--blue);left:0;right:100%;bottom:.3rem;transition:right .3s var(--ease)}#main-nav>a:hover::after,#main-nav>a[aria-current]::after{right:0}#main-nav .nav-contact{display:flex;align-items:center;gap:1.25rem;padding:.82rem 1.12rem;background:var(--blue);color:#fff;border-radius:8px;transition:background .2s,transform .2s}#main-nav .nav-contact:hover{background:var(--ink);transform:translateY(-2px)}.nav-contact span{font-size:1.35rem;line-height:1}.menu-toggle{display:none;align-items:center;gap:1rem;background:transparent;border:1px solid var(--line);border-radius:6px;padding:.55rem .8rem;color:var(--ink)}.menu-icon{width:19px;display:grid;gap:5px}.menu-icon i{height:1.5px;background:var(--ink);transition:transform .2s}[aria-expanded=true] .menu-icon i:first-child{transform:translateY(3.25px) rotate(45deg)}[aria-expanded=true] .menu-icon i:last-child{transform:translateY(-3.25px) rotate(-45deg)}.review-notice{display:flex;gap:.5rem;align-items:center;justify-content:flex-end;font-size:.7rem;line-height:1.5;color:var(--muted);margin-block:11px}.review-notice>span{height:5px;width:5px;border-radius:50%;background:var(--muted);flex-shrink:0}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;border:1px solid transparent;border-radius:8px;padding:1rem 1.25rem;min-height:56px;background:var(--blue);color:white;text-decoration:none;font-size:.95rem;font-weight:550;line-height:1.5;transition:background .25s,transform .3s var(--ease),box-shadow .3s}.button>span,.text-link>span{font-size:1.45rem;line-height:1;transition:transform .3s var(--ease)}.button:hover{background:var(--ink);transform:translateY(-3px);box-shadow:0 8px 16px #172c3c14}.button:hover>span,.text-link:hover>span{transform:translate(3px,-3px)}.button:disabled:hover{transform:none;box-shadow:none;background:var(--blue)}.text-link{display:inline-flex;align-items:center;gap:1rem;font-size:.9rem;font-weight:500;text-decoration-thickness:1px;padding:.6rem 0}.text-link:hover{text-decoration-color:var(--blue);color:var(--blue)}.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem}.seo-links{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:1.7rem}.section-note{font-size:.8rem;color:var(--muted);max-width:58rem;margin-top:1.7rem;line-height:1.65}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:2.5rem;padding-block:42px 90px;align-items:center}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(4rem,7.3vw,7.35rem);letter-spacing:-.065em;line-height:.99;font-weight:750;max-width:690px;margin-bottom:1.6rem}.hero-word{display:inline-block}.hero-word:first-child{color:var(--blue)}.hero-description{max-width:34rem;color:var(--muted)}.hero-description p{font-size:.94rem;line-height:1.7}.hero-description p.lead{font-size:1.07rem;line-height:1.6}.hero-description>.button{margin:.8rem 1.5rem .8rem 0}.hero-description>.text-link{margin:.8rem 0}.hero-description .hero-price{font-size:.82rem;color:var(--ink);padding-top:.5rem;margin-bottom:.6rem;max-width:32rem}.hero-description .section-note{font-size:.71rem;word-spacing:.05em;margin:.7rem 0 0}.hero-visual{position:relative;min-height:640px;isolation:isolate;margin-left:0}.visual-blue{position:absolute;inset:35px -10px 50px 22px;background:var(--blue);border-radius:180px 180px 25px 25px;transform:rotate(4deg);z-index:-1}.visual-blue::before{content:'';position:absolute;inset:26px;border:1px solid #ffffff35;border-radius:170px 170px 18px 18px}.visual-label{position:absolute;left:46px;top:2px;display:flex;align-items:center;gap:1.5rem;font-size:.75rem;font-weight:500;color:var(--muted)}.visual-label>span{font-size:1.8rem;font-family:Arial}.hero-demo{position:absolute;display:block;text-decoration:none;filter:drop-shadow(0 18px 25px #0b193034);transition:transform .55s var(--ease);will-change:transform}.hero-demo-primary{width:102%;top:100px;left:-12px;transform:rotate(-7deg);z-index:2}.hero-demo-secondary{width:46%;bottom:34px;right:-16px;transform:rotate(8deg);z-index:3}.visual-arrow{display:grid;place-items:center;position:absolute;width:114px;height:114px;left:26px;bottom:45px;z-index:4;background:var(--lime);color:var(--ink);border-radius:50%;font-size:4.8rem;line-height:1;text-decoration:none;box-shadow:0 6px 0 #172c3c;transition:transform .3s var(--ease)}.visual-arrow:hover{transform:rotate(12deg)}.visual-mark{position:absolute;right:3px;top:56px;transform:rotate(12deg);width:68px;height:68px;z-index:3}
.demo-window{border:1px solid #172c3c30;border-radius:10px;overflow:hidden}.window-bar{height:30px;padding:0 13px;background:#fff;display:flex;align-items:center;justify-content:space-between;color:var(--ink)}.window-bar small{font-size:9px;letter-spacing:.04em}.window-dots{display:inline-flex;gap:4px}.window-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#bbc1bc}.window-dots i:first-child{background:#b3beb4}.demo-canvas{padding:20px 24px 16px;overflow:hidden}.green-window{background:#dbf1ce;color:#193a2e}.clay-window{background:#e8cdb8;color:#583b2d}.demo-nav{display:flex;justify-content:space-between;align-items:center;gap:1rem}.demo-nav b{font-family:var(--display);font-size:1.6rem;letter-spacing:-.06em;line-height:1}.demo-nav>span{font-size:8px}.demo-copy{padding:32px 0 14px;position:relative}.demo-copy small{font-size:7px;letter-spacing:.12em}.demo-copy h3{font-family:var(--display);font-weight:750;font-size:clamp(2.6rem,4.5vw,4.6rem);line-height:.92;margin:13px 0 20px;letter-spacing:-.07em;position:relative;z-index:2}.demo-copy h3 em{font-family:Georgia,serif;font-style:italic;font-weight:400}.demo-copy p{font-size:9px;margin-bottom:16px;position:relative;z-index:2}.demo-cta{font-size:8px;display:inline-block;padding:8px 11px;border-radius:30px;background:#193a2e;color:#e8f3e0;position:relative;z-index:2}.clay-window .demo-cta{background:#583b2d;color:#f9ebdf}.demo-type-symbol{position:absolute;right:5px;top:34px;font-family:Arial;font-size:150px;line-height:1;transform:rotate(-10deg);color:#609c63}.clay-window .demo-type-symbol{color:#c59a7b;font-family:Georgia;font-style:italic;right:0;top:15px;font-size:190px;opacity:.5}.demo-bottom{border-top:1px solid #193a2e40;padding-top:13px;display:flex;justify-content:space-between;gap:1rem;font-size:7px}.hero-demo-secondary .demo-canvas{padding:15px}.hero-demo-secondary .demo-nav b{font-size:1.3rem}.hero-demo-secondary .demo-nav>span{display:none}.hero-demo-secondary .demo-copy{padding-top:26px}.hero-demo-secondary .demo-copy h3{font-size:2.05rem;line-height:.99}.hero-demo-secondary .demo-copy small{font-size:6px}.hero-demo-secondary .demo-copy p{font-size:8px;max-width:9rem}.hero-demo-secondary .demo-type-symbol{font-size:160px;right:-8px;top:62px}.hero-demo-secondary .demo-bottom{font-size:6px}.hero-demo-secondary .demo-bottom>span:last-child{display:none}
.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:end;margin-bottom:3.3rem}.section-heading h2{margin-bottom:0}.section-heading>.prose{max-width:32rem;margin-left:auto}.quality-section{border-top:1px solid var(--line)}.feature-rows{border-bottom:1px solid var(--line)}.feature-rows article{display:grid;grid-template-columns:60px .85fr 1.1fr;gap:3rem;align-items:start;padding:2.2rem 0;border-top:1px solid var(--line)}.feature-rows article>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;font-size:.82rem;color:var(--blue);font-weight:600}.feature-rows h3{max-width:23rem;margin:.3rem 0 0;font-size:1.55rem}.feature-rows article>div{color:var(--muted);font-size:.97rem}.feature-rows article p:last-child{margin:0}
.examples-section{background:var(--ink);color:var(--paper);overflow:hidden}.examples-section .prose,.examples-section .section-note{color:#bfccd2}.examples-section .section-index{color:var(--lime)}.examples-section .prose a{color:var(--paper)}.examples-section h2{font-size:clamp(2.8rem,4.3vw,4.7rem);max-width:34rem}.examples-section .section-note{font-size:.75rem}.examples-section .section-heading{margin-bottom:5rem}.examples-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:3rem;align-items:start}.example-helder{padding-top:110px}.example-preview{border-radius:12px;overflow:hidden;background:var(--paper);box-shadow:0 24px 60px #00101c55;transition:transform .5s var(--ease)}.example-preview:hover{transform:translateY(-7px)}.preview-toolbar{height:42px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 14px;color:var(--ink);font-size:.65rem;background:#fff}.preview-toolbar>a{display:grid;place-items:center;width:28px;height:28px;text-decoration:none;font-size:1.3rem;background:#f1f2ee;border-radius:5px}.frame-viewport{height:440px;position:relative;overflow:hidden;background:#e8cdb8}.frame-viewport iframe{display:block;width:200%;height:200%;border:0;transform:scale(.5);transform-origin:top left;background:var(--paper)}.example-caption{display:flex;gap:1.5rem;padding:1.7rem 0 0;align-items:baseline}.example-number{font-size:.75rem;color:#9cabb5}.demo-tag{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:#bfccd2}.example-caption h3{font-size:1.35rem;line-height:1.25;margin:.5rem 0 0}.example-caption h3 a{display:flex;gap:1rem;align-items:center;justify-content:space-between;text-decoration:none}.example-caption h3 a span{color:var(--lime);font-family:Arial;font-size:1.5rem}.example-caption>div{flex:1}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.price-card{border:1px solid var(--line);border-radius:16px;padding:2.3rem;display:flex;flex-direction:column;background:#fff;position:relative}.price-card.featured{background:var(--ink);border-color:var(--ink);color:var(--paper)}.price-card.featured:before{content:'';height:6px;position:absolute;top:-1px;left:30px;right:30px;background:var(--lime);border-radius:0 0 5px 5px}.price-card h3{font-size:1.55rem;margin-bottom:1.5rem}.price-amount{display:block;font-size:clamp(2.4rem,3.5vw,3.8rem);letter-spacing:-.06em;font-weight:700;line-height:1;margin-top:1.6rem;white-space:normal}.price-amount small{display:block;font-family:var(--font);font-size:.72rem;font-weight:400;letter-spacing:0;line-height:1.5;margin-top:.55rem}.price-card p{font-size:.92rem;color:var(--muted);line-height:1.65;margin-bottom:1.2rem}.price-card ul{list-style:none;padding:1.3rem 0 .4rem;margin:0 0 1.5rem;border-top:1px solid var(--line);font-size:.85rem;line-height:1.55}.price-card li{position:relative;padding-left:22px;margin-bottom:.8rem}.price-card li::before{content:'✓';position:absolute;left:0;color:var(--blue);font-weight:600}.price-card>.button{width:100%;margin-top:auto;font-size:.85rem;gap:1rem}.price-card>.seo-links{font-size:.8rem;margin-bottom:0}.price-card .text-link{font-size:.75rem}.price-card.featured p,.price-card.featured small{color:#c4d0d7}.price-card.featured ul{border-color:#52616c}.price-card.featured li::before{color:var(--lime)}.price-card.featured .button{background:var(--lime);color:var(--ink)}.price-card.featured .button:hover{background:#fff}.price-card.featured .text-link{color:var(--paper)}.pricing-section>.section-note{max-width:100%;padding-top:.5rem}
.split-section{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:start}.split-section h2{max-width:33rem}.split-section>.prose{max-width:34rem}.page-home .split-section ol{list-style:none;counter-reset:step;padding:0;margin:0}.page-home .split-section ol li{counter-increment:step;position:relative;padding:0 0 1.6rem 3.3rem;margin-bottom:1.7rem;border-bottom:1px solid var(--line)}.page-home .split-section ol li:last-child{margin-bottom:0}.page-home .split-section ol li::before{content:'0' counter(step);position:absolute;left:0;top:0;color:var(--blue);font-size:.85rem;font-weight:600}.page-home .split-section ol strong{display:block;color:var(--ink);font-size:1.12rem;margin-bottom:.5rem}.page-home .section:has(.split-section){border-top:1px solid var(--line)}.process-section{display:grid;grid-template-columns:1fr 1fr;gap:6rem}.process-section>div:first-child{position:sticky;top:140px}.steps{list-style:none;margin:0;padding:0}.steps li{display:grid;grid-template-columns:2rem 1fr;gap:1.5rem;border-top:1px solid var(--line);padding-block:2rem}.steps li>span{font-size:.85rem;color:var(--blue)}.steps li h3{margin-bottom:1rem}.steps li p{color:var(--muted)}.ai-section{background:var(--ink);color:var(--paper);position:relative}.ai-section .section-index{color:var(--lime)}.ai-section h2{font-size:clamp(3rem,5.8vw,6rem);max-width:30rem}.ai-section .prose{color:#c4d0d7;font-size:1.06rem}.ai-section .prose p:first-child{font-size:1.25rem;color:var(--paper)}
.faq-section{display:grid;grid-template-columns:1fr 1fr;gap:6rem;border-top:1px solid var(--line)}.faq-section h2{max-width:26rem}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:1.3rem;padding:1.5rem 0;list-style:none;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary h3{font-family:var(--font);font-size:1rem;font-weight:600;line-height:1.5;letter-spacing:-.01em;margin:0}.faq-list summary>span{position:relative;display:block;width:29px;height:29px;border:1px solid var(--line);border-radius:50%;flex-shrink:0;color:var(--blue);font-size:0;line-height:0;transition:background .25s}.faq-list summary:hover>span{background:var(--lime)}.faq-list details[open] summary>span{background:var(--lime);color:var(--ink);border-color:var(--lime)}.faq-list details>div{padding:0 2.5rem 1.3rem 0;color:var(--muted);font-size:.95rem}details>div p:last-child{margin:0}
.cta-section{background:var(--blue);color:white;position:relative;overflow:hidden;border:0!important}.cta-inner{display:grid;grid-template-columns:1.25fr .75fr;gap:6rem;align-items:center}.cta-inner h2{font-size:clamp(3rem,5.3vw,5.4rem);margin:0;max-width:46rem}.cta-inner .section-index{color:#e4edff}.cta-inner .prose{color:#fff;font-size:1.1rem;max-width:27rem}.cta-inner .button{background:var(--lime);color:var(--ink);margin-top:1rem;min-width:240px}.cta-inner .button:hover{background:white}.cta-inner .text-link{color:white}.site-footer{background:var(--ink);color:var(--paper);padding:75px 0 0}.footer-top{display:flex;justify-content:space-between;gap:5rem;padding-bottom:4rem}.footer-intro{max-width:29rem;color:#c4d0d7;font-size:1.05rem}.footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem 4rem;font-size:.9rem;min-width:380px}.footer-nav a{text-decoration:none;display:flex;justify-content:space-between;gap:1.5rem}.footer-nav a:hover{color:var(--lime)}.footer-nav a span{color:var(--lime)}.footer-wordmark{display:block;max-width:1000px;margin-bottom:3rem}.footer-wordmark img{width:100%;height:auto;max-height:235px;object-fit:contain;object-position:left}.footer-bottom{display:flex;gap:2rem;flex-wrap:wrap;justify-content:space-between;border-top:1px solid #52616c;padding:1.5rem 0;font-size:.73rem;color:#b4c3cc}
.page-hero{display:grid;grid-template-columns:1fr auto;gap:3rem;padding-block:60px 88px;position:relative;border-bottom:1px solid var(--line)}.page-hero .hero-copy{max-width:960px}.page-hero h1{font-size:clamp(3rem,5.65vw,5.65rem);max-width:990px;margin-bottom:2rem}.page-hero .hero-description{max-width:44rem}.page-hero .hero-description p.lead{font-size:1.25rem}.page-hero .hero-description p:not(.lead){font-size:1rem}.page-counter{font-size:.78rem;color:var(--muted);padding-top:8px;white-space:nowrap}.page-inner .section:not(.cta-section):not(.ai-section){border-bottom:1px solid var(--line)}.contact-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:6rem;padding-block:80px 120px}.contact-layout>aside{position:sticky;top:145px;align-self:start;max-width:25rem}.contact-layout>aside h2{font-size:2.5rem}.contact-layout>aside p{color:var(--muted)}.notice{padding:1.3rem 1.5rem;background:#e9efdb;border:1px solid #ced9ba;border-radius:10px;margin-bottom:2rem;color:var(--ink);font-size:.9rem}.notice strong{font-weight:600}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.field{margin-bottom:1.5rem}.field label{display:block;font-size:.87rem;font-weight:600;margin-bottom:.55rem}.field input,.field select,.field textarea{width:100%;display:block;min-height:52px;padding:.75rem 1rem;border:1px solid #9ca8ae;border-radius:8px;background:#fffefa;color:var(--ink);transition:border-color .2s,box-shadow .2s}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2457e611}.field textarea{resize:vertical}.field small{display:block;margin-top:.5rem;font-size:.76rem;color:var(--muted);line-height:1.55}.form-privacy{font-size:.78rem;color:var(--muted)}.privacy-check{display:flex;gap:.7rem;align-items:flex-start;font-size:.85rem;margin:1.1rem 0}.privacy-check input{accent-color:var(--blue);width:20px;height:20px;margin:4px 0 0;flex-shrink:0}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.field-error{color:#a22b29;font-size:.82rem;margin:.5rem 0 0}.field-error:empty{display:none}[aria-invalid=true]{border-color:#a22b29!important}#form-status:not(:empty){padding:1rem 1.3rem;background:#e9edf6;border-left:3px solid var(--blue);margin-top:1.2rem;font-size:.9rem}.legal{padding-block:4rem 6rem}.legal h2{font-size:1.8rem;margin-top:2.5rem}.error-action{padding-block:2rem 5rem}
/* The two existing demonstrations: the same content and anchor interactions, now fully styled. */
.standalone-demo{--demo-bg:#dff1d2;--demo-ink:#173f32;--demo-accent:#6aa36d;background:var(--demo-bg);color:var(--demo-ink)}.clay-demo{--demo-bg:#eed9c6;--demo-ink:#583b2d;--demo-accent:#bb7958}.demo-notice{display:flex;justify-content:space-between;gap:1rem;padding:11px 4vw;background:var(--demo-ink);color:var(--demo-bg);font-size:.7rem}.demo-notice a{text-decoration:none}.concept-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 6vw;border-bottom:1px solid color-mix(in srgb,var(--demo-ink) 25%,transparent)}.concept-brand{font-family:var(--display);font-size:3rem;line-height:1;letter-spacing:-.075em;font-weight:750;text-decoration:none}.concept-header nav{display:flex;gap:2rem;font-size:.9rem}.concept-header nav a{text-decoration:none}.concept-hero{padding:7vw 6vw 6vw;position:relative;overflow:hidden;isolation:isolate}.concept-hero>p{text-transform:uppercase;letter-spacing:.13em;font-size:.8rem}.concept-hero h1{font-size:clamp(5rem,12vw,12rem);font-weight:750;letter-spacing:-.07em;line-height:.93;margin:3rem 0;position:relative;z-index:1}.concept-hero h1 em{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.065em}.concept-hero-bottom{display:flex;gap:2rem;justify-content:space-between;align-items:end;font-size:1.05rem;position:relative;z-index:1}.concept-hero-bottom a{background:var(--demo-ink);color:var(--demo-bg);border-radius:40px;padding:1rem 1.5rem;text-decoration:none;font-size:.9rem}.concept-symbol{position:absolute;right:6vw;top:7vw;font-size:clamp(12rem,38vw,35rem);font-family:Arial;line-height:1;color:var(--demo-accent);transform:rotate(-10deg);z-index:0}.clay-demo .concept-symbol{font-size:42vw;opacity:.35;right:-3vw;top:5vw}.concept-body{padding:6vw;border-top:1px solid color-mix(in srgb,var(--demo-ink) 25%,transparent)}.concept-body>p,.concept-contact>p:first-child{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.concept-body h2,.concept-contact h2{font-size:clamp(3rem,5.5vw,6rem);margin:2rem 0 3rem}.concept-columns{display:grid;grid-template-columns:1fr 1fr;gap:6vw;font-size:1.1rem;max-width:80rem}.concept-columns strong{display:block;font-size:.9rem;margin-top:1rem}.concept-contact{padding:6vw;background:var(--demo-ink);color:var(--demo-bg)}.concept-contact .button{background:var(--demo-bg);color:var(--demo-ink);border-radius:40px}.demo-disclosure{font-size:.75rem;margin-top:3rem;opacity:.85}.standalone-demo :focus-visible{outline-color:var(--demo-accent)}
.hero-actions{display:flex;align-items:center;gap:1.5rem;margin:1.3rem 0 1.3rem}.hero-actions>.text-link>span{flex-shrink:0}.hero-context{display:grid;grid-template-columns:1fr 1fr;gap:6rem;padding:0 0 75px;color:var(--muted);font-size:.96rem;line-height:1.7}.hero-context p{margin:0;max-width:36rem}
@media(min-width:1500px){.hero{gap:4rem}.hero-visual{min-height:660px}}
@media(max-width:1150px){.wrap{width:calc(100% - 72px)}.header-inner{gap:1.5rem}.brand{width:174px}#main-nav{gap:1.2rem;font-size:.82rem}#main-nav .nav-contact{padding:.75rem 1rem;gap:.7rem}.hero{gap:2rem}.hero h1{font-size:clamp(3.8rem,7.7vw,6rem)}.hero-visual{min-height:590px}.hero-demo-primary{top:110px}.hero-demo-secondary{right:-10px;bottom:65px;width:49%}.visual-arrow{width:98px;height:98px;font-size:4rem;bottom:65px}.price-card{padding:1.6rem}.section-heading,.split-section,.cta-inner,.process-section,.faq-section,.contact-layout{gap:4rem}.frame-viewport{height:360px}.examples-grid{gap:2rem}.feature-rows article{gap:2rem}.footer-nav{min-width:330px;gap:1rem 2rem}}
@media(max-width:950px){.header-inner{height:88px}.menu-toggle{display:flex}#main-nav{display:none;position:absolute;left:0;right:0;top:88px;background:var(--paper);border-bottom:1px solid var(--line);padding:1rem 36px 2rem;flex-direction:column;align-items:stretch;gap:.2rem;font-size:1rem}#main-nav.is-open{display:flex}#main-nav>a{padding:.8rem 0}#main-nav .nav-contact{margin-top:.7rem;justify-content:space-between}.hero{grid-template-columns:1.1fr .9fr;gap:1rem;padding-top:30px}.hero h1{font-size:4.4rem}.hero-visual{min-height:565px}.hero-demo-primary{width:115%;left:-28px;top:110px}.hero-demo-secondary{width:65%;right:-15px;bottom:80px}.demo-copy h3{font-size:3.1rem}.demo-type-symbol{font-size:120px;right:-10px}.hero-demo-secondary .demo-copy h3{font-size:1.8rem}.visual-blue{inset:70px -8px 80px 0;border-radius:150px 150px 20px 20px}.visual-label{left:0;top:35px}.visual-mark{right:-15px;top:80px;width:55px;height:55px}.visual-arrow{left:5px;width:83px;height:83px;font-size:3.5rem;bottom:90px}.section{padding-block:85px}.section-heading,.split-section,.cta-inner,.process-section,.faq-section,.contact-layout{gap:2.5rem}.section-heading{align-items:start}.section-heading h2{font-size:3rem}.examples-grid{grid-template-columns:1fr;gap:4rem}.example-helder{padding-top:0}.example{max-width:100%}.frame-viewport{height:420px}.example-helder{width:88%;margin-left:auto}.pricing-grid{gap:10px}.price-card{padding:1.3rem}.price-card h3{font-size:1.3rem}.price-amount{font-size:2.5rem}.price-card p{font-size:.84rem}.price-card ul{font-size:.8rem}.price-card>.button{font-size:.78rem;padding:.8rem .7rem;gap:.5rem}.feature-rows article{grid-template-columns:42px .8fr 1.1fr;gap:1.5rem}.footer-intro{max-width:22rem}.footer-nav{min-width:280px}.page-hero{padding-top:45px}.page-hero h1{font-size:4.4rem}.contact-layout{grid-template-columns:.7fr 1.3fr}.contact-layout>aside h2{font-size:2rem}.field-row{gap:1rem}}
@media(max-width:700px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 40px)}.header-inner{height:78px}.brand{width:167px}.brand img{max-height:48px}.menu-toggle{font-size:.85rem;padding:.5rem .65rem}#main-nav{top:78px;padding:1rem 20px 1.5rem}.review-notice{justify-content:flex-start;font-size:.62rem;line-height:1.4;margin:11px auto 0;align-items:baseline}.section{padding-block:66px}.section-index{font-size:.75rem;margin-bottom:1.1rem}.eyebrow{font-size:.66rem;letter-spacing:.1em;margin-bottom:1.6rem}h1{font-size:3.5rem}h2{font-size:2.6rem;letter-spacing:-.05em}h3{font-size:1.4rem}.hero{grid-template-columns:1fr;padding-block:34px 38px;gap:0}.hero h1{font-size:clamp(3.7rem,12.5vw,5.9rem);line-height:.99;max-width:550px;margin-bottom:1.7rem}.hero-description{max-width:100%}.hero-description p.lead{font-size:1.02rem;line-height:1.62}.hero-description>p:not(.lead){font-size:.9rem}.hero-description>.button{margin:.8rem 1.2rem .6rem 0}.button{padding:.95rem 1.05rem;min-height:54px;font-size:.89rem;gap:1.1rem}.text-link{font-size:.84rem;gap:.7rem}.hero-description .hero-price{font-size:.78rem!important;padding-top:.5rem}.hero-description .section-note{font-size:.64rem!important;line-height:1.6;margin-top:.8rem}.hero-visual{min-height:535px;width:min(480px,100%);margin:25px auto 0}.visual-blue{inset:45px 10px 40px 20px;border-radius:150px 150px 20px 20px}.visual-label{top:10px;left:30px;font-size:.65rem}.hero-demo-primary{left:0;top:100px;width:93%;transform:rotate(-6deg)}.hero-demo-secondary{width:45%;right:-1px;bottom:21px;transform:rotate(7deg)}.visual-mark{top:65px;right:3px;width:53px;height:53px}.hero-demo-secondary .demo-copy{padding-top:17px}.hero-demo-secondary .demo-copy h3{font-size:1.6rem}.hero-demo-secondary .demo-canvas{padding:12px}.hero-demo-secondary .demo-copy small{font-size:5px}.hero-demo-secondary .demo-nav b{font-size:1.2rem}.hero-demo-secondary .window-bar{padding:0 7px}.hero-demo-secondary .window-bar small{font-size:7px}.hero-demo-secondary .window-dots{display:none}.hero-demo-secondary .demo-bottom{font-size:5px}.hero-demo-secondary .demo-copy p{font-size:6px}.hero-demo-secondary .demo-type-symbol{font-size:130px;top:40px}.hero-demo-secondary .demo-cta{font-size:6px;padding:6px 8px}.visual-arrow{width:88px;height:88px;left:28px;bottom:32px;font-size:3.6rem}.demo-canvas{padding:19px}.demo-copy{padding:26px 0 12px}.demo-copy h3{font-size:3.1rem;margin-bottom:16px}.demo-copy p{font-size:8px}.demo-copy small{font-size:6px}.demo-nav>span{font-size:6px}.demo-type-symbol{right:10px;font-size:120px;top:22px}.demo-bottom{font-size:6px;padding-top:10px}.section-heading,.split-section,.process-section,.faq-section,.cta-inner,.contact-layout{grid-template-columns:1fr;gap:1.8rem}.section-heading{margin-bottom:2.2rem}.section-heading h2{font-size:2.6rem;margin-bottom:0}.section-heading>.prose{margin:0;max-width:100%}.prose{font-size:.96rem}.feature-rows article{grid-template-columns:35px 1fr;gap:1rem;padding-block:1.65rem}.feature-rows article>div{grid-column:2}.feature-rows h3{margin-top:.25rem;font-size:1.4rem;max-width:100%}.feature-rows article>span{width:32px;height:32px;font-size:.7rem}.feature-rows article>div{font-size:.91rem}.examples-section .section-heading{margin-bottom:3rem}.examples-section h2{font-size:2.8rem}.examples-section .section-note{font-size:.7rem}.examples-grid{gap:3rem}.example-helder{width:100%;padding-top:0}.frame-viewport{height:365px}.preview-toolbar{height:36px;font-size:.57rem;padding-inline:10px}.example-caption{gap:1rem;padding-top:1.2rem}.example-caption h3{font-size:1.3rem}.demo-tag{font-size:.61rem}.pricing-grid{grid-template-columns:1fr;gap:18px}.price-card{padding:1.8rem}.price-card h3{font-size:1.6rem;margin-bottom:1.4rem}.price-amount{font-size:3.5rem;margin-top:1.5rem}.price-card p{font-size:.95rem}.price-card ul{font-size:.9rem}.price-card>.button{font-size:.9rem;padding:1rem}.price-card .text-link{font-size:.81rem}.section-note{font-size:.75rem}.process-section>div:first-child,.contact-layout>aside{position:static;max-width:100%}.steps li{grid-template-columns:1.6rem 1fr;gap:1rem}.steps li h3{font-size:1.4rem}.steps li p{font-size:.93rem}.ai-section h2{font-size:3.7rem}.ai-section .prose{font-size:.97rem}.ai-section .prose p:first-child{font-size:1.1rem}.faq-section{gap:1rem}.faq-section h2{max-width:100%;margin-bottom:1rem}.faq-list summary{padding-block:1.3rem}.faq-list summary h3{font-size:.93rem}.faq-list details>div{font-size:.9rem}.cta-section{padding-block:65px}.cta-inner h2{font-size:3rem}.cta-inner .prose{font-size:1rem;max-width:100%}.cta-inner .button{min-width:0}.footer-top{flex-direction:column;gap:1.8rem;padding-bottom:2.7rem}.site-footer{padding-top:48px}.footer-intro{font-size:1rem;max-width:100%}.footer-nav{min-width:0;width:100%;gap:.85rem 2rem;font-size:.86rem}.footer-wordmark{margin-bottom:2rem}.footer-bottom{font-size:.67rem;gap:.65rem 1rem;justify-content:flex-start}.footer-bottom>span:last-child{margin-left:auto}.page-hero{padding-block:38px 52px;gap:.5rem;grid-template-columns:1fr}.page-hero h1{font-size:clamp(2.8rem,10vw,4.4rem);line-height:1.03;margin-bottom:1.7rem}.page-hero .hero-description p.lead{font-size:1.05rem}.page-hero .hero-description p:not(.lead){font-size:.93rem}.page-counter{display:none}.page-hero .eyebrow{max-width:26rem}.contact-layout{padding-block:48px 72px;gap:2rem}.contact-layout>aside h2{font-size:2.2rem}.contact-layout>aside p{font-size:.95rem}.field-row{grid-template-columns:1fr;gap:0}.field{margin-bottom:1.5rem}.field label{font-size:.87rem}.field input,.field select,.field textarea{font-size:1rem}.notice{padding:1.2rem;font-size:.85rem}.privacy-check{font-size:.82rem}.legal{padding-block:2rem 4rem}.demo-notice{font-size:.64rem;flex-direction:column;gap:.2rem;padding:10px 5vw}.concept-header{padding:1.5rem 5vw}.concept-brand{font-size:2.4rem}.concept-header nav{gap:1.1rem;font-size:.8rem}.concept-hero{padding:12vw 5vw}.concept-hero>p{font-size:.65rem;max-width:20rem}.concept-hero h1{font-size:clamp(4.7rem,15vw,7rem);margin:2.4rem 0}.concept-symbol{right:-10vw;top:26vw;font-size:60vw;opacity:.6}.clay-demo .concept-symbol{font-size:80vw;top:27vw}.concept-hero-bottom{align-items:start;flex-direction:column;font-size:.95rem;gap:1rem}.concept-hero-bottom a{font-size:.85rem}.concept-body,.concept-contact{padding:12vw 5vw}.concept-body h2,.concept-contact h2{font-size:2.8rem;margin:1.4rem 0 2rem}.concept-columns{grid-template-columns:1fr;gap:1rem;font-size:1rem}.demo-disclosure{font-size:.7rem}}
@media(max-width:700px){.hero-context{grid-template-columns:1fr;gap:1.2rem;padding-bottom:48px;font-size:.93rem}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.brand{width:150px}.hero h1{font-size:3.65rem}.hero-description>.button{margin-right:.7rem;font-size:.81rem;padding:.9rem}.hero-description>.text-link{font-size:.76rem}.hero-visual{min-height:485px}.hero-demo-primary{top:95px}.hero-demo-secondary{bottom:10px}.demo-copy h3{font-size:2.7rem}.visual-blue{bottom:30px}.visual-arrow{bottom:22px}.hero-demo-secondary .demo-copy h3{font-size:1.42rem}.frame-viewport{height:335px}.footer-nav{gap:.8rem 1.2rem}.price-card{padding:1.5rem}}
@media(min-width:701px) and (max-width:950px){.hero{grid-template-columns:1fr}.hero-copy{max-width:100%}.hero h1{font-size:5.4rem;max-width:660px}.hero-visual{width:560px;max-width:100%;min-height:610px;margin:0 auto}.hero-demo-primary{width:100%;left:0}.hero-demo-secondary{width:45%;right:0;bottom:25px}.visual-arrow{bottom:35px}.visual-blue{inset:35px 5px 40px 20px}.visual-label{top:0}.visual-mark{top:48px;right:0}}
@media(max-width:700px){.hero{padding-top:24px}.hero .eyebrow{margin-bottom:1.05rem}.hero h1{font-size:clamp(3.2rem,14vw,4rem);margin-bottom:1.25rem}.hero-actions{gap:14px;margin:1rem 0 .9rem}.hero-actions>.button{flex:1;max-width:225px;padding:.85rem .95rem;font-size:.85rem;gap:.7rem}.hero-actions>.text-link{width:116px;min-height:54px;flex-shrink:0;font-size:.8rem;line-height:1.4;gap:.6rem}.hero-visual{margin-top:12px;min-height:485px}.hero-demo-primary{top:66px}.visual-label{top:0}.visual-blue{top:30px}.visual-mark{top:42px}.hero-demo-secondary{bottom:15px}.visual-arrow{bottom:20px}.hero-description .section-note{margin-top:.5rem}.hero-description .hero-price{padding-top:0}}
@media(max-width:700px){.hero h1{font-size:clamp(3rem,12vw,4rem)}.hero-word:first-child{display:block}}
@media(max-width:370px){.hero h1{font-size:3rem}.hero-actions{gap:10px}.hero-actions>.button{padding:.85rem .7rem;font-size:.78rem;gap:.4rem}.hero-actions>.text-link{width:101px;font-size:.75rem;gap:.4rem}.hero-demo-primary{width:89%;left:4px}.hero-demo-secondary{right:6px}.hero-visual{min-height:458px}}
@media(prefers-reduced-motion:no-preference){.hero-word{animation:word-arrive .75s var(--ease) both}.hero-word:nth-child(2){animation-delay:.08s}.hero-word:nth-child(3){animation-delay:.16s}.hero-word:nth-child(4){animation-delay:.24s}.hero-demo-primary{animation:window-arrive .9s var(--ease) both}.hero-demo-secondary{animation:phone-arrive 1.1s var(--ease) both}.visual-blue{animation:blue-arrive .95s var(--ease) both}@keyframes word-arrive{from{transform:translateY(20px);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes window-arrive{from{opacity:.25;translate:20px 30px}to{opacity:1;translate:0 0}}@keyframes phone-arrive{from{opacity:.25;translate:-10px 45px}to{opacity:1;translate:0 0}}@keyframes blue-arrive{from{opacity:.3;scale:.93}to{opacity:1;scale:1}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-demo,.example-preview{will-change:auto}}
.visual-label{background:var(--paper);padding:.1rem .4rem;border-radius:5px}.brand{width:240px}.brand img{max-height:54px}.visual-mark{padding:6px;background:var(--ink);border-radius:12px}
@media(max-width:1150px){.brand{width:210px}}@media(max-width:700px){.brand{width:186px}}@media(max-width:370px){.brand{width:165px}}
@media print{.site-header,.site-footer,.hero-visual,.examples-section iframe{display:none}.wrap{width:100%}.section{padding:1.5rem 0}body{background:white;color:black}.prose{color:black}.section-heading,.split-section,.process-section,.faq-section{display:block}.cta-section,.ai-section,.examples-section{background:white;color:black}}
.example-preview:hover{transform:none;box-shadow:0 26px 65px #00101c70}
.footer-identity{max-width:29rem}.footer-company{font-size:.8rem;line-height:1.7;color:#b4c3cc;margin:1.3rem 0 0}

/* Geometric strokes stay centered independently of font metrics. */
.faq-list summary>span::before,.faq-list summary>span::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;border-radius:1px;background:currentColor;transform:translate(-50%,-50%)}
.faq-list summary>span::after{width:1.5px;height:11px;transition:opacity .18s}
.faq-list details[open]>summary>span::after{opacity:0}
.faq-list+*{margin-top:28px}
@media(prefers-reduced-motion:reduce){.faq-list summary>span::after{transition:none}}

/* Approved privacy statement: readable sections across screen sizes. */
.privacy-hero{grid-template-columns:1fr}.privacy-hero .hero-description{max-width:52rem}.privacy-document{padding-block:12px 96px}.privacy-section{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);gap:64px;padding-block:36px;border-bottom:1px solid var(--line)}.privacy-document h2{font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.2;margin:0;letter-spacing:-.025em}.privacy-section .prose{max-width:72ch}.privacy-section .prose>:last-child{margin-bottom:0}@media(max-width:700px){.privacy-document{padding-block:0 64px}.privacy-section{grid-template-columns:1fr;gap:18px;padding-block:28px}.privacy-section .prose{overflow-wrap:anywhere}}

.contact-layout button[type=submit]+.form-privacy{margin-top:10px}@media(max-width:700px){.privacy-hero h1{font-size:clamp(2.25rem,10vw,4.4rem)}}

/* Social profile links beside the footer identity. */
.footer-social{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:1.4rem}
.footer-social a{display:inline-flex;align-items:center;justify-content:space-between;gap:1.25rem;min-height:44px;padding:.4rem 0;border-bottom:1px solid #52616c;font-size:.85rem;text-decoration:none;color:var(--paper);transition:color .2s ease,border-color .2s ease}
.footer-social a span{color:var(--lime);line-height:1}
.footer-social a:hover{color:var(--lime);border-color:var(--lime)}
.footer-social a:focus-visible{outline:2px solid var(--lime);outline-offset:5px;border-radius:2px}
@media(prefers-reduced-motion:reduce){.footer-social a{transition:none}}

#main-nav>a.nav-spoed{color:var(--blue);font-weight:700}
/* Professional positioning: explanatory visuals, shared with the new service pages. */
.positioning-visual{background:#2457e6;color:#fff;border-radius:24px;padding:38px;align-self:center;box-shadow:14px 18px 0 #ddf568}.positioning-kicker{display:block;text-transform:uppercase;font-size:.7rem;letter-spacing:.13em;margin-bottom:24px}.positioning-visual h2{font-size:clamp(2rem,3.4vw,3.3rem);letter-spacing:-.05em;margin-bottom:28px}.positioning-foot{font-size:.78rem;line-height:1.6;margin:24px 0 0;color:#fff}.check-example{background:#f7f5f0;border-radius:13px;color:#172c3c;padding:22px}.example-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:#52616c}.check-example>div{display:flex;gap:14px;align-items:start;padding-top:19px}.check-example b{background:#ddf568;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:.72rem;flex-shrink:0}.check-example p{margin:0;font-weight:700;font-size:.95rem;line-height:1.5}.check-example small{display:block;font-weight:400;color:#52616c;font-size:.75rem}.developer-path{text-align:center;background:#173aa0;border-radius:14px;padding:22px}.developer-path>span{display:block;font-size:.9rem}.developer-path i{display:block;font-style:normal;color:#ddf568;font-size:1.4rem}.developer-path strong{display:block;background:#ddf568;color:#172c3c;border-radius:8px;padding:12px}.developer-path p{font-size:.86rem;line-height:1.8;margin:15px 0 0}.monthly-amount{font-family:Bricolage,Arial,sans-serif;font-size:5.7rem;font-weight:700;line-height:1;letter-spacing:-.06em;margin-bottom:24px}.monthly-amount span{display:block;font-family:'DM Sans',Arial,sans-serif;font-size:.88rem;font-weight:400;letter-spacing:0;margin-top:10px}.monthly-detail{background:#ddf568;color:#172c3c;padding:16px 20px;border-radius:10px;display:grid;font-size:.9rem;gap:4px}.monthly-includes{display:grid;gap:8px;margin-top:24px;font-size:.86rem}.monthly-includes span:before{content:'✓';color:#ddf568;margin-right:8px}[hidden]{display:none!important}@media(max-width:700px){.positioning-visual{padding:26px;box-shadow:7px 10px 0 #ddf568;margin:8px 8px 0 0}.positioning-visual h2{font-size:2.2rem}.monthly-amount{font-size:4.8rem}}