@font-face{font-family:Outfit;src:url('/assets/fonts/outfit-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
*,*::before,*::after{box-sizing:border-box}
/* Evolve the existing identity. Teal carries the brand, coral identifies primary actions.
   Corners: 18px for surfaces, 10px for controls; circular theme control only. */
:root,html[data-theme="light"]{color-scheme:light;--bg:#f8faf8;--surface:#fff;--surface-2:#edf4f0;--surface-3:#dfede7;--text:#163138;--muted:#53686b;--faint:#596b6d;--teal:#087c71;--teal-hi:#09675f;--teal-soft:#e2f2ec;--coral:#eb795e;--coral-hi:#f18c73;--button-text:#182d31;--line:#d9e3df;--line-hi:#a8c3b9;--shadow:0 18px 48px rgba(30,65,55,.12);--radius:18px;--radius-sm:10px;--body:Outfit,system-ui,-apple-system,'Segoe UI',sans-serif;--display:var(--body)}
html[data-theme="dark"]{color-scheme:dark;--bg:#0d2027;--surface:#142b32;--surface-2:#183239;--surface-3:#204149;--text:#f0f6f3;--muted:#b7c9c8;--faint:#a1bab8;--teal:#57d5c0;--teal-hi:#82e2d1;--teal-soft:#193e3e;--coral:#ee8b72;--coral-hi:#f5a18c;--line:#314c51;--line-hi:#587d7c;--shadow:0 18px 48px rgba(0,12,15,.3)}
html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.6 var(--body);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:4px}img{display:block;max-width:100%;height:auto}button{cursor:pointer}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:550;letter-spacing:-.04em;line-height:1.12}h2{font-size:clamp(2rem,3.6vw,3.35rem)}p{color:var(--muted)}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--teal);outline-offset:5px}.shell{width:min(1220px,calc(100% - 64px));margin-inline:auto}.section{padding:100px 0;scroll-margin-top:80px}.section-heading{max-width:700px;margin-bottom:32px}.section-heading>p:not(.eyebrow){max-width:610px;margin-top:20px;font-size:1.1rem;line-height:1.65}.eyebrow{margin-bottom:23px;color:var(--teal);font-size:.9rem;font-weight:550;letter-spacing:.015em}.section-note{margin-top:25px;font-size:.85rem;max-width:850px}.skip-link{position:fixed;z-index:200;top:8px;left:8px;padding:12px 20px;border-radius:10px;background:var(--text);color:var(--bg);transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:78px;padding:14px max(32px,calc((100vw - 1220px)/2));border-bottom:1px solid var(--line);background:var(--bg)}.brand{display:inline-flex;align-items:center;flex-shrink:0;text-decoration:none}.brand img{width:190px;height:38px;object-fit:contain;object-position:left}.brand strong{color:var(--teal)}.logo-dark,html[data-theme="dark"] .logo-light{display:none}html[data-theme="dark"] .logo-dark{display:block}.nav-links{display:flex;align-items:center;gap:25px;white-space:nowrap}.nav-links>a:not(.button){text-decoration:none;font-size:.88rem;color:var(--muted);font-weight:500}.nav-links>a:not(.button):hover{color:var(--teal)}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:50px;padding:13px 21px;border:1px solid transparent;border-radius:10px;white-space:nowrap;font-size:.95rem;line-height:1.3;font-weight:550;text-decoration:none;transition:background .18s ease,transform .18s ease,border-color .18s ease}.button>span{font-size:1.2em}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.button--primary{background:var(--coral);color:var(--button-text)}.button--primary:hover{background:var(--coral-hi)}.button--ghost{background:transparent;border-color:var(--line-hi);color:var(--text)}.button--ghost:hover{background:var(--surface-2);border-color:var(--teal)}.button--small{font-size:.88rem;min-height:44px;padding:11px 17px;gap:10px}.theme-toggle{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:50%;color:var(--text);background:transparent}.theme-toggle span{width:15px;height:15px;border:1.7px solid currentColor;border-radius:50%;background:linear-gradient(90deg,currentColor 50%,transparent 50%)}.mobile-menu{display:none;position:relative}.mobile-menu summary{display:flex;align-items:center;min-height:44px;padding:8px 13px;border:1px solid var(--line-hi);border-radius:10px;font-size:.88rem;cursor:pointer;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu-links{position:absolute;top:calc(100% + 12px);right:0;min-width:215px;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.mobile-menu-links a{display:block;padding:10px 13px;min-height:44px;text-decoration:none;border-radius:6px}.mobile-menu-links a:hover{background:var(--surface-2)}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);align-items:center;gap:58px;padding-block:70px 66px;min-height:670px}.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(2.6rem,4.35vw,4rem);line-height:1.08;letter-spacing:-.05em}.hero h1 span{color:var(--teal);white-space:nowrap}.hero-lead{max-width:440px;margin-top:25px;font-size:1.12rem;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero-stage{position:relative;min-width:0;padding:25px 0 74px 12px}.hero-stage::before{content:"";position:absolute;inset:0 -24px 15px 45px;background:var(--surface-3);border-radius:48% 44% 40% 50%;transform:rotate(-6deg);z-index:-1}.hero-website{margin-left:25px;overflow:hidden;border:1px solid var(--line-hi);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);transform:none;transition:transform .25s ease}.hero-website:hover{transform:rotate(0)}.hero-website>a,.hero-system>a{display:block;text-decoration:none}.browser-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface);border-bottom:1px solid var(--line);font-size:.7rem;color:var(--muted)}.browser-bar>span:last-child{margin-left:auto;font-size:.65rem}.browser-glyph{color:var(--teal)}.hero-website img{width:100%;aspect-ratio:1.47;object-fit:cover;object-position:top}.hero-system{position:absolute;bottom:0;left:0;max-width:65%;width:345px;overflow:hidden;border:5px solid var(--surface);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);transform:none;transition:transform .25s ease}.hero-system:hover{transform:rotate(0)}.hero-system img{aspect-ratio:1.85;object-fit:cover;object-position:top}.hero-system .browser-bar{padding:6px 8px;font-size:.69rem;font-weight:500}.assurances{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding-block:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.assurances p{display:grid;gap:5px;font-size:.88rem}.assurances strong{color:var(--text);font-size:.99rem;font-weight:550}
.section--work{padding-top:94px}.example-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:34px 0}.example-toolbar>p{font-size:.85rem}.example-switcher{display:inline-flex;gap:4px;padding:5px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px}.example-switcher button{padding:10px 17px;min-height:44px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-weight:500;font-size:.88rem;transition:background .18s ease,color .18s ease}.example-switcher button[aria-pressed="true"]{color:var(--surface);background:var(--text)}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 30px}.example{min-width:0}.example--featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:48px;background:var(--surface-2);border-radius:var(--radius);padding:24px}.example-image{display:block;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 8px 24px rgba(30,65,55,.06);text-decoration:none}.example-image img{width:100%;aspect-ratio:1.7;object-fit:cover;object-position:top;transition:transform .3s ease}.example-image:hover img{transform:scale(1.018)}.example--featured .example-image img{aspect-ratio:1.47}.example-copy{padding:25px 4px 0}.example--featured .example-copy{padding:15px 20px 15px 0}.example-category{color:var(--teal);font-weight:550;font-size:.86rem;margin-bottom:12px}.example h3{font-size:clamp(1.45rem,2.2vw,2rem);letter-spacing:-.025em}.example--featured h3{font-size:clamp(1.8rem,2.8vw,2.55rem)}.example-copy>p:not(.example-category){max-width:480px;margin-top:17px;font-size:.98rem}.example-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px}.example-links a{display:inline-flex;gap:10px;align-items:center;min-height:40px;font-size:.91rem;font-weight:500;text-decoration:none;border-bottom:1px solid var(--line-hi)}.example-links a:hover{color:var(--teal);border-color:var(--teal)}.sample-label{display:block;margin-top:17px;color:var(--faint);font-size:.77rem}
.section--system{background:var(--surface-2);border-block:1px solid var(--line)}.services-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:110px}.services-intro>p{margin-top:24px;max-width:370px;font-size:1.12rem}.services-intro>.button{margin-top:30px}.services-list{min-width:0}.configuration{border-bottom:1px solid var(--line-hi)}.configuration:first-child{border-top:1px solid var(--line-hi)}.configuration summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:110px;padding:23px 0;list-style:none;cursor:pointer}.configuration summary::-webkit-details-marker{display:none}.configuration summary>span{display:grid;gap:7px}.configuration summary strong{font-size:clamp(1.15rem,2vw,1.45rem);font-weight:550;letter-spacing:-.02em}.configuration summary small{font-size:.9rem;color:var(--muted)}.configuration summary b{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border:1px solid var(--line-hi);border-radius:50%;color:var(--teal);font-size:1.35rem;font-weight:400;transition:transform .18s ease}.configuration[open] summary b{transform:rotate(45deg)}.configuration-body{padding:0 0 28px}.configuration-body>p{max-width:470px;margin-bottom:18px}.configuration-body ul{display:grid;grid-template-columns:1fr 1fr;gap:9px 22px;list-style:none;margin:0;padding:0;color:var(--text);font-size:.88rem}.configuration-body li::before{content:"✓";margin-right:9px;color:var(--teal)}.scope-details{margin-top:22px;font-size:.88rem}.scope-details>summary{padding-block:10px;color:var(--text);cursor:pointer;text-underline-offset:4px}.scope-details p+p{margin-top:12px}.scope-details>div{padding:12px 0}
.section--clipboard{background:var(--bg)}.workflow-example{margin:42px 0 28px;padding-top:25px;border-top:1px solid var(--line)}.workflow-example>h3{font-size:1.1rem;letter-spacing:-.01em;margin-bottom:23px}.workflow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;list-style:none;padding:0;margin:0;counter-reset:workflow}.workflow-steps li{position:relative;padding-left:37px;counter-increment:workflow}.workflow-steps li::before{content:counter(workflow);position:absolute;left:0;top:1px;color:var(--teal);font-size:1rem;font-weight:550}.workflow-steps strong{font-size:1rem;font-weight:550}.workflow-steps p{font-size:.88rem;margin-top:5px}.clipboard-showcase{display:grid;grid-template-columns:1.4fr 1fr;gap:45px;align-items:center;padding:26px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius)}.clipboard-frame{min-width:0;overflow:hidden;border:1px solid var(--line-hi);border-radius:12px;box-shadow:var(--shadow)}.clipboard-frame img{width:100%}.clipboard-invite{padding:15px 10px 15px 0}.clipboard-invite>span{color:var(--teal);font-size:.9rem;font-weight:500}.clipboard-invite h3{font-size:clamp(1.7rem,2.6vw,2.4rem);margin-top:14px}.clipboard-invite>p{font-size:.95rem;margin-top:20px}.clipboard-invite .button{margin-top:24px}.text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--teal);font-size:.93rem;font-weight:500;text-decoration:none}.text-link:hover{text-decoration:underline}.clipboard-invite>.text-link{margin-top:10px}.inline-demo{margin-top:20px;border-bottom:1px solid var(--line)}.inline-demo>summary{display:flex;justify-content:space-between;align-items:center;min-height:60px;padding:15px 2px;font-weight:500;cursor:pointer;list-style:none}.inline-demo>summary::-webkit-details-marker{display:none}.inline-demo>summary span{font-size:1.4rem;transition:transform .2s}.inline-demo[open]>summary span{transform:rotate(45deg)}.device-stage{overflow:hidden;border:1px solid var(--line);border-radius:12px;margin-bottom:20px}.device-stage iframe{display:block;width:100%;height:650px;border:0;background:#f5f3ef}
.section--builder{background:var(--surface);border-block:1px solid var(--line)}.builder-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:75px}.builder-photo{overflow:hidden;border-radius:var(--radius)}.builder-photo img{width:100%;aspect-ratio:1.16;object-fit:cover}.builder-copy h2{font-size:clamp(2rem,3.1vw,3rem)}.builder-copy>p{margin-top:23px;font-size:1.02rem}.builder-signoff{display:flex;align-items:center;gap:16px;margin-top:31px;padding-top:25px;border-top:1px solid var(--line)}.builder-signoff>img{flex:0 0 auto}.builder-signoff p{display:grid;gap:4px;font-size:.8rem}.builder-signoff strong{color:var(--text);font-weight:550;font-size:.94rem}.project-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin:62px 0 0;padding:30px 0 0;border-top:1px solid var(--line);list-style:none}.project-steps h3{font-size:1.17rem;letter-spacing:-.02em}.project-steps p{margin-top:13px;font-size:.92rem}
.section--fit{background:var(--surface-2)}.fit-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:90px}.fit-copy{padding-top:20px}.fit-copy h2{font-size:clamp(2.5rem,4.8vw,4.25rem)}.fit-copy>p{font-size:1.1rem;max-width:350px;margin-top:27px}.fit-expectation{padding-top:26px;margin-top:32px;border-top:1px solid var(--line-hi);max-width:340px}.fit-expectation strong{font-weight:550;font-size:1.05rem}.fit-expectation p{font-size:.92rem;margin-top:12px}.fit-copy .direct-contact{font-size:.95rem;margin-top:32px}.direct-contact>a{display:inline-block;margin-top:5px;color:var(--text);font-weight:500;overflow-wrap:anywhere}.fit-card{min-width:0;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.fit-card form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 18px}.field{display:grid;gap:8px;min-width:0}.field label{font-size:.88rem;font-weight:500;color:var(--text)}.field label span{font-weight:400;color:var(--faint)}.field input,.field select,.field textarea{width:100%;min-width:0;min-height:49px;padding:12px;border:1px solid var(--line-hi);border-radius:10px;background:var(--bg);color:var(--text);font-size:.96rem}.field textarea{resize:vertical}.field input::placeholder,.field textarea::placeholder{color:var(--faint);opacity:1}.field--full{grid-column:1/-1}.honeypot{position:absolute;left:-10000px}.consent-field{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start}.consent-field input{width:20px;height:20px;min-height:20px;margin:3px 0;accent-color:var(--teal)}.consent-field label{font-weight:400;font-size:.84rem;line-height:1.65;color:var(--muted)}.fit-status{font-size:.9rem;margin-top:14px}.fit-status:empty{display:none}.fit-status[data-tone="error"]{color:#a13226}html[data-theme="dark"] .fit-status[data-tone="error"]{color:#ffab94}.fit-result{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.fit-result h3{font-size:1.4rem}.fit-result>p{margin-top:12px;font-size:.94rem}.fit-modules{display:grid;gap:13px;margin-top:20px}.fit-module{padding:14px;background:var(--surface-2);border-radius:10px}.fit-module strong{font-weight:550}.fit-module p{font-size:.9rem;margin-top:5px}.fit-recommendation{padding:15px;background:var(--teal-soft);border-radius:10px}.fit-result .text-link{margin-top:16px}button:disabled{cursor:default;opacity:.7;transform:none}
footer{padding:50px 0 24px;border-top:1px solid var(--line);background:var(--bg)}.footer-grid{display:flex;justify-content:space-between;align-items:start;gap:35px}.footer-grid p{margin-top:17px;font-size:.94rem}.footer-grid nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:25px}.footer-grid nav a{font-size:.9rem;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.footer-grid nav a:hover{color:var(--teal)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:40px;padding-top:20px;border-top:1px solid var(--line);color:var(--faint);font-size:.8rem}.privacy-copy{max-width:800px;min-height:65vh}.privacy-copy h1{font-size:3rem}.privacy-copy h2{font-size:1.7rem;margin-top:36px}.privacy-copy p{margin-top:18px}.privacy-copy .button{margin-top:12px}
.motion-ready .reveal{opacity:0;transform:translateY(14px)}.motion-ready .reveal.is-visible{opacity:1;transform:none;transition:opacity .45s ease,transform .45s ease}.preview-notice{position:fixed;bottom:12px;left:12px;z-index:100;display:flex;align-items:center;gap:12px;max-width:calc(100% - 24px);padding:9px 11px 9px 15px;border:1px solid var(--line-hi);border-radius:10px;background:var(--surface);box-shadow:var(--shadow);font-size:.75rem;font-weight:500}.preview-notice>span{color:var(--muted);font-weight:400}.preview-notice button{width:28px;height:28px;border:0;border-radius:5px;background:var(--surface-2);color:var(--text);font-size:1.1rem}
@media(max-width:1120px){.nav-links{gap:17px}.site-nav{gap:18px}.brand img{width:163px;height:33px}.hero{gap:24px}.hero h1{font-size:clamp(2.55rem,4.3vw,3.4rem)}.hero-actions{gap:9px}.hero-actions .button{padding-inline:16px;font-size:.88rem}.services-layout,.fit-grid{gap:60px}.builder-intro{gap:45px}.clipboard-showcase{gap:30px}.clipboard-invite .button{font-size:.88rem;padding-inline:16px}}
@media(max-width:980px){.nav-links>a:not(.button){display:none}.mobile-menu{display:block}.hero{min-height:auto;padding-block:60px 55px;grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(2.1rem,4.3vw,2.7rem)}.hero .eyebrow{font-size:.83rem}.hero-lead{font-size:1.02rem}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button{justify-self:start;min-width:190px}.hero-stage{padding-bottom:63px;padding-left:0}.hero-website{margin-left:10px}.hero-system{width:70%;max-width:75%;left:-8px}.hero-stage::before{inset:0 -8px 15px 20px}.assurances{gap:25px}.assurances strong{font-size:.91rem}.assurances span{font-size:.8rem}.section{padding-block:78px}.example--featured{gap:25px;grid-template-columns:1.1fr 1fr;padding:18px}.example--featured .example-copy{padding:12px 4px 12px 0}.example-copy>p:not(.example-category){font-size:.92rem}.example-links{gap:15px}.example-links a{font-size:.85rem}.services-layout{gap:45px}.configuration-body ul{grid-template-columns:1fr}.clipboard-showcase{grid-template-columns:1.1fr 1fr;gap:23px;padding:20px}.clipboard-invite h3{font-size:1.8rem}.clipboard-invite>p{font-size:.9rem}.clipboard-invite .button{font-size:.8rem;padding-inline:12px;gap:9px}.builder-intro{gap:35px}.builder-copy>p{font-size:.95rem}.project-steps{grid-template-columns:1fr 1fr;gap:28px 38px}.fit-grid{grid-template-columns:.8fr 1.2fr;gap:35px}.fit-card{padding:24px}.fit-card form{grid-template-columns:1fr}.field--full{grid-column:auto}.footer-grid{gap:30px}.footer-grid nav{max-width:340px;gap:12px 22px}}
@media(max-width:700px){.shell{width:calc(100% - 36px)}.site-nav{min-height:70px;padding:12px 18px;gap:12px}.brand img{width:151px;height:30px}.nav-links{gap:8px}.nav-links>.button{display:none}.theme-toggle{width:38px;height:38px}.hero{grid-template-columns:1fr;gap:38px;padding-block:42px 38px}.hero h1{font-size:clamp(2.25rem,8.7vw,3.5rem);letter-spacing:-.045em}.hero .eyebrow{margin-bottom:17px;font-size:.85rem}.hero-lead{max-width:460px;margin-top:21px;font-size:1.06rem;line-height:1.6}.hero-actions{display:flex;flex-wrap:nowrap;gap:10px;margin-top:25px}.hero-actions .button{min-width:0;flex:1;padding:13px 11px;font-size:.85rem;gap:10px;justify-self:auto}.hero-stage{width:min(520px,100%);margin-inline:auto;padding:12px 5px 52px 16px}.hero-website{margin-left:16px}.hero-system{width:58%;max-width:none;left:0;bottom:0}.hero-system img{aspect-ratio:2}.hero-system .browser-bar{font-size:.61rem;padding:5px}.hero-system .browser-bar>span:last-child{font-size:.65rem}.hero-stage::before{inset:0 0 10px 30px}.browser-bar{padding:8px 10px;font-size:.65rem}.browser-bar>span:last-child{font-size:.6rem}.assurances{grid-template-columns:1fr;gap:21px;padding-block:25px}.assurances p{font-size:.89rem;gap:3px}.assurances strong{font-size:.96rem}.assurances span{font-size:.88rem}.section{padding-block:62px}.section-heading{margin-bottom:26px}.section-heading>p:not(.eyebrow){font-size:1rem;margin-top:18px}h2{font-size:clamp(2rem,7.8vw,2.7rem)}.eyebrow{font-size:.83rem}.example-toolbar{display:block;margin:27px 0}.example-toolbar>p{display:none}.example-switcher{display:flex}.example-switcher button{flex:1;font-size:.86rem;padding-inline:10px}.template-grid{grid-template-columns:1fr;gap:37px}.example--featured{display:block;grid-column:auto;padding:14px}.example--featured .example-copy{padding:23px 6px 9px}.example--featured h3{font-size:1.9rem}.example--featured h3 br{display:none}.example--featured .example-image img{aspect-ratio:1.47}.example-copy{padding:23px 2px 0}.example-category{font-size:.83rem}.example h3{font-size:1.6rem}.example-copy>p:not(.example-category){font-size:.97rem;margin-top:13px}.example-links{margin-top:17px;gap:24px}.example-links a{font-size:.9rem}.sample-label{margin-top:14px}.section-note{font-size:.82rem;margin-top:24px}.services-layout{grid-template-columns:1fr;gap:36px}.services-intro>p{max-width:450px;font-size:1.02rem;margin-top:20px}.services-intro>.button{margin-top:22px}.configuration summary{min-height:98px;padding-block:20px}.configuration summary strong{font-size:1.2rem}.configuration summary small{font-size:.88rem}.configuration-body ul{grid-template-columns:1fr 1fr;gap:12px}.workflow-example{margin-top:30px}.workflow-steps{grid-template-columns:1fr;gap:18px}.workflow-steps li{padding-left:30px}.clipboard-showcase{grid-template-columns:1fr;gap:15px;padding:14px}.clipboard-invite{padding:13px 8px 10px}.clipboard-invite h3{font-size:1.9rem}.clipboard-invite h3 br{display:none}.clipboard-invite>p{font-size:1rem;margin-top:15px}.clipboard-invite .button{font-size:.95rem;padding-inline:20px}.clipboard-invite>.text-link{display:flex;width:max-content;max-width:100%}.device-stage iframe{height:580px}.inline-demo>summary{font-size:.94rem}.builder-intro{grid-template-columns:1fr;gap:30px}.builder-photo img{aspect-ratio:1.45}.builder-copy h2{font-size:clamp(2rem,7.8vw,2.7rem)}.builder-copy>p{font-size:1rem;margin-top:18px}.builder-signoff{margin-top:24px;padding-top:22px;gap:13px}.builder-signoff strong{font-size:.93rem}.builder-signoff span{font-size:.81rem}.project-steps{margin-top:35px;padding-top:26px;gap:27px 22px}.project-steps h3{font-size:1.08rem}.project-steps p{font-size:.88rem;margin-top:10px}.fit-grid{grid-template-columns:1fr;gap:30px}.fit-copy{padding-top:0}.fit-copy h2{font-size:clamp(2.6rem,10vw,3.5rem)}.fit-copy h2 br{display:none}.fit-copy>p{max-width:440px;font-size:1.05rem;margin-top:20px}.fit-expectation{margin-top:24px;padding-top:21px;max-width:450px}.fit-copy .direct-contact{margin-top:24px}.fit-card{padding:23px 19px}.fit-card form{gap:20px}.field label{font-size:.9rem}.field input,.field select,.field textarea{font-size:1rem}.footer-grid{display:grid}.footer-grid nav{justify-content:flex-start;gap:6px 24px;max-width:none}.footer-bottom{font-size:.77rem;margin-top:25px;flex-wrap:wrap;gap:5px}.preview-notice{gap:8px;font-size:.7rem;bottom:8px;left:8px;max-width:calc(100% - 16px);padding:8px 9px}.preview-notice>span{max-width:190px;font-size:.68rem;line-height:1.4}}
@media(max-width:360px){.brand img{width:128px;height:28px}.site-nav{padding-inline:14px}.mobile-menu summary{padding-inline:9px}.shell{width:calc(100% - 28px)}.hero h1{font-size:2.05rem}.hero-actions .button{font-size:.79rem;padding-inline:9px;gap:7px}.configuration-body ul{grid-template-columns:1fr}.project-steps{grid-template-columns:1fr}.example-switcher button{font-size:.8rem}.example-links{gap:15px}.clipboard-invite .button{font-size:.86rem;padding-inline:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.hero-website,.hero-system,.example-image img,.example-switcher button,.configuration summary b,.inline-demo>summary span{transition:none}.hero-website,.hero-system{transform:none}.motion-ready .reveal{opacity:1;transform:none}.motion-ready .reveal.is-visible{transition:none}}

/* Paper colors and a curved lane echo the Higgsfield service illustration.
   All decoration is static, clipped to its section, and clear of pointer input. */
:root,html[data-theme="light"]{--paper:#fbfaf6;--welcome:#f2f6ef;--mint-paper:#d5e9de;--coral-lane:#edac91;--service-ground:#104e48;--service-ink:#f2f8f2;--service-muted:#cee0d8;--service-line:#739d90;--service-selected:#d5e9de;--service-selected-ink:#163b37;--clipboard-paper:#e4efe6;--fit-paper:#f4e4dc;--fit-lane:#ebcabe}
html[data-theme="dark"]{--paper:#10262b;--welcome:#102b2e;--mint-paper:#1b4944;--coral-lane:#77594a;--service-ground:#103a37;--service-ink:#eff8f3;--service-muted:#c0d9cf;--service-line:#6d9789;--service-selected:#bfdfd0;--service-selected-ink:#123b35;--clipboard-paper:#183b3b;--fit-paper:#2b3032;--fit-lane:#463c38}
.site-nav{background:var(--bg)}
.welcome{position:relative;isolation:isolate;overflow:clip;background:var(--welcome)}
.welcome{--muted:#374f52}
html[data-theme="dark"] .welcome{--muted:#dae7e1}
.welcome::before,.welcome::after{content:"";position:absolute;z-index:-1;pointer-events:none}
.welcome::before{width:min(75vw,1100px);height:900px;right:-170px;top:-185px;background:var(--mint-paper);border-radius:48% 0 0 52%;transform:rotate(-14deg)}
.welcome::after{width:900px;height:650px;right:-370px;top:15px;border:56px solid var(--coral-lane);border-radius:50%;transform:rotate(-30deg)}
.welcome .hero-stage::before{content:none}
.welcome .hero-preview-switch button{color:var(--text)}
.welcome .assurances{position:relative;border-bottom:0;border-top-color:color-mix(in srgb,var(--text) 16%,transparent)}
.section--work,.section--builder{background:var(--paper)}
.section--system{position:relative;isolation:isolate;overflow:clip;background:var(--service-ground);border-color:transparent}
.section--system::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:900px;height:700px;left:-520px;bottom:-490px;border:65px solid color-mix(in srgb,var(--service-ink) 5%,transparent);border-radius:50%;transform:rotate(-30deg)}
.section--system .services-intro h2,.section--system .scope-details>summary{color:var(--service-ink)}
.section--system .services-intro>p,.section--system .scope-details p{color:var(--service-muted)}
.section--system .service-options button{color:var(--service-ink);border-color:var(--service-line);background:transparent}
.section--system .service-options button>span:last-child{color:var(--service-selected)}
.section--system .service-options button:hover{background:color-mix(in srgb,var(--service-selected) 12%,transparent)}
.section--system .service-options button[aria-selected="true"]{background:var(--service-selected);border-color:var(--service-selected);color:var(--service-selected-ink)}
.section--system .service-options button[aria-selected="true"]>span:last-child{color:var(--service-selected-ink)}
.section--system .service-options button:focus-visible,.section--system .scope-details>summary:focus-visible{outline-color:var(--service-selected)}
.section--clipboard{background:var(--bg)}
.clipboard-showcase{background:var(--clipboard-paper);--teal:var(--teal-hi)}
.section--fit{position:relative;isolation:isolate;overflow:clip;background:var(--fit-paper)}
.section--fit::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:790px;height:790px;left:-280px;bottom:-470px;border:75px solid var(--fit-lane);border-radius:50%}
.section--fit .fit-card{box-shadow:0 15px 50px rgba(60,35,22,.05)}
.section--fit .fit-copy{--muted:#455b5e}
html[data-theme="dark"] .section--fit .fit-copy{--muted:#b7c9c8}
@media(max-width:980px){.welcome::before{width:80vw;right:-240px;top:-260px}.welcome::after{right:-570px;top:-100px}.section--system::before{left:-640px}}
@media(max-width:700px){.welcome::before{width:880px;height:700px;right:-420px;top:310px;transform:rotate(-25deg)}.welcome::after{width:620px;height:470px;right:-350px;top:390px;border-width:36px}.section--system::before{left:-650px;bottom:-410px}.section--fit::before{width:600px;height:600px;left:-380px;top:270px;bottom:auto;border-width:55px}}

/* Higgsfield upgrade: actual demo captures and a user-controlled hero preview. */
.hero-stage{padding-top:16px;padding-bottom:104px}
.hero-stage::before{inset:0 -15px 38px 35px;border-radius:24px;transform:none;opacity:.55}
.hero-website{margin-left:18px;border-radius:10px}
.hero-website:hover,.hero-system:hover{transform:translateY(-3px)}
.hero-system{bottom:60px;left:-18px;width:315px;max-width:60%;border-width:4px;border-radius:9px}
.hero-preview-switch{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:flex-end;gap:5px}
.hero-preview-switch button{min-height:42px;padding:8px 14px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);font-size:.78rem;font-weight:500}
.hero-preview-switch button:hover{color:var(--text);background:var(--surface-2)}
.hero-preview-switch button[aria-pressed="true"]{color:var(--text);border-color:var(--line-hi);background:var(--surface)}
.browser-bar{padding-block:11px}
.example-image img{aspect-ratio:1.474;object-fit:cover}
.example-copy h3{font-weight:500}
.builder-photo{background:var(--surface-2)}
.builder-photo img{aspect-ratio:1.12;object-position:42% center}
@media(max-width:980px){.hero-stage{padding-bottom:96px}.hero-system{left:0;bottom:58px;max-width:70%}.hero-preview-switch{justify-content:center}.hero-preview-switch button{padding-inline:9px;font-size:.73rem}}
@media(max-width:700px){.hero{gap:28px}.hero-stage{padding:10px 0 99px 0}.hero-website{margin-left:12px}.hero-system{bottom:55px;left:0;width:60%;max-width:65%}.hero-preview-switch{justify-content:center}.hero-preview-switch button{padding-inline:14px;font-size:.78rem}.hero-stage::before{inset:0 0 64px 28px;border-radius:18px}.builder-photo img{aspect-ratio:1.35}.example-image img{aspect-ratio:1.474}}
@media(prefers-reduced-motion:reduce){.hero-website:hover,.hero-system:hover{transform:none}}

/* Worklane's service finder: a real choice, with a clear next step. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.nav-links>a:not(.button){position:relative}
.nav-links>a:not(.button)::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
.nav-links a[aria-current="location"]{color:var(--teal)}
.nav-links>a[aria-current="location"]::after{transform:scaleX(1)}
.services-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:82px;align-items:start}
.services-intro>p{max-width:410px}
.service-art{margin-top:30px;overflow:hidden;border-radius:var(--radius)}
.service-art img{width:100%;height:auto;aspect-ratio:64/43;object-fit:cover}
.service-finder{min-width:0}
.service-options{display:none;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.service-finder-ready .service-options{display:grid}
.service-options button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:61px;padding:15px 18px;border:1px solid var(--line-hi);border-radius:var(--radius-sm);background:transparent;color:var(--text);font-size:.95rem;font-weight:500;text-align:left;transition:background .18s ease,border-color .18s ease}
.service-options button>span:last-child{font-size:1.2rem;color:var(--teal)}
.service-options button:hover{background:var(--surface)}
.service-options button[aria-selected="true"]{background:var(--text);color:var(--bg);border-color:var(--text)}
.service-options button[aria-selected="true"]>span:last-child{color:var(--bg)}
.service-panel{display:flex;flex-direction:column;align-items:flex-start;min-height:410px;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.service-panel+.service-panel{margin-top:18px}
.service-finder-ready .service-panels{display:grid}
.service-finder-ready .service-panel{grid-area:1/1;margin-top:0}
/* Reserve the tallest panel's space. Inactive content stays invisible and unfocusable. */
.service-finder-ready .service-panel[hidden]{display:flex!important;visibility:hidden;pointer-events:none}
.service-panel h3{font-size:clamp(1.55rem,2.3vw,1.9rem);letter-spacing:-.035em}
.service-panel .service-price{margin-top:13px;font-size:.91rem;color:var(--muted)}
.service-price strong{color:var(--text);font-size:1.55rem;font-weight:500;letter-spacing:-.035em;margin-inline:3px}
.service-panel .service-price--custom{min-height:30px;color:var(--teal);font-weight:500}
.service-panel>p:not(.service-price):not(.service-outcome){margin-top:19px;font-size:.97rem;max-width:470px;line-height:1.6}
.service-panel ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;list-style:none;padding:0;margin:24px 0;color:var(--text);font-size:.86rem}
.service-panel li{padding-left:17px;position:relative}
.service-panel li::before{content:"✓";position:absolute;left:0;color:var(--teal);font-size:.82rem}
.service-panel .service-outcome{font-size:.9rem;color:var(--teal);font-weight:500;margin-top:auto;padding-top:5px}
.service-panel .button{margin-top:20px}
.service-finder .scope-details{margin-top:15px}
.example-project{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:18px;row-gap:2px;border-top:1px solid var(--line);margin-top:22px;padding-top:10px}
.example-project .sample-label{margin:0;font-size:.76rem}
.example-project>a{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:.83rem;font-weight:500;color:var(--teal);text-decoration:none}
.example-project>a:hover{text-decoration:underline;text-underline-offset:4px}
.example--featured .example-project{align-items:flex-start;flex-direction:column}
.example--featured .example-project .sample-label{padding-top:4px}
.project-questions{margin-top:28px;max-width:440px}
.project-questions details+details{border-top:1px solid var(--line)}
.project-questions summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:62px;padding:16px 0;font-size:.97rem;font-weight:500;line-height:1.4;cursor:pointer;list-style:none}
.project-questions summary::-webkit-details-marker{display:none}
.project-questions summary>span{color:var(--teal);font-size:1.35rem;flex-shrink:0;transition:transform .18s ease}
.project-questions details[open] summary>span{transform:rotate(45deg)}
.project-questions details>p{font-size:.92rem;padding:0 25px 20px 0;line-height:1.65}
.fit-expectation{max-width:410px}
.fit-copy{padding-top:12px}
.project-context{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;margin-bottom:26px;border-left:3px solid var(--teal);background:var(--teal-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0}
.project-context>div{display:grid;gap:3px}
.project-context span{font-size:.78rem;color:var(--muted)}
.project-context strong{font-size:1rem;font-weight:500;color:var(--text)}
.project-context button{flex-shrink:0;min-height:44px;padding:8px 10px;border:0;background:transparent;color:var(--text);font-size:.86rem;text-decoration:underline;text-underline-offset:4px}
.project-context button:hover{color:var(--teal)}
@media(max-width:1100px){.services-layout{gap:45px}.service-panel{padding:26px;min-height:430px}.service-panel ul{grid-template-columns:1fr;gap:9px}.service-options button{font-size:.89rem;padding-inline:13px}.service-art{margin-top:35px}}
@media(max-width:980px){.services-layout{gap:30px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.services-intro h2{font-size:2.6rem}.service-panel{padding:23px;min-height:440px}.service-options{gap:8px}.service-options button{padding:12px;font-size:.85rem;gap:8px}.service-panel h3{font-size:1.65rem}.service-panel .button{font-size:.88rem;padding-inline:16px}.example-project{align-items:flex-start;flex-direction:column}.project-questions summary{font-size:.9rem}}
@media(max-width:700px){.services-layout{grid-template-columns:1fr;gap:30px}.services-intro h2{font-size:clamp(2rem,7.8vw,2.7rem)}.services-intro h2 br{display:none}.services-intro>p{max-width:440px;margin-top:18px}.service-art{margin-top:25px}.service-art img{aspect-ratio:1.9;object-position:center 65%}.service-options{margin-bottom:14px;gap:9px}.service-options button{font-size:.91rem;min-height:58px;padding:13px 15px}.service-panel{padding:25px 22px;min-height:420px}.service-panel h3{font-size:1.8rem}.service-panel ul{grid-template-columns:1fr 1fr;gap:12px 14px;font-size:.84rem}.service-panel>p:not(.service-price):not(.service-outcome){font-size:.97rem}.service-panel .button{font-size:.94rem}.example-project{margin-top:19px;flex-direction:row;align-items:center}.example--featured .example-project{flex-direction:row;align-items:center}.example-project>a{font-size:.82rem}.project-questions{max-width:none;margin-top:23px}.project-questions summary{font-size:.97rem}.project-context{padding:13px 14px;gap:10px}.project-context strong{font-size:.94rem}}
@media(max-width:360px){.service-options button{font-size:.82rem;padding-inline:11px;gap:6px}.service-panel{padding:22px 19px;min-height:465px}.service-panel ul{grid-template-columns:1fr;gap:10px}.service-panel .button{font-size:.85rem;padding-inline:15px}.example-project{flex-direction:column;align-items:flex-start}.example--featured .example-project{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.nav-links>a:not(.button)::after,.service-options button,.project-questions summary>span{transition:none}}

/* Layer the original paper sculpture behind the hero copy and demos. */
.hero{position:relative}
.hero-copy{z-index:2}
.hero-backdrop{position:absolute;z-index:1;top:50%;left:-3%;right:auto;width:70%;height:92%;transform:translateY(-50%);pointer-events:none;opacity:.84;mask-image:radial-gradient(ellipse at 42% 52%,#000 50%,transparent 83%)}
.hero-backdrop img{width:100%;height:100%;object-fit:contain;transform:scaleX(-1)}
.hero-stage{z-index:3}
@media(max-width:700px){.hero-backdrop{top:auto;left:-4%;right:auto;bottom:110px;width:94%;height:42%;transform:none;opacity:.62;mask-image:radial-gradient(ellipse at 43% 53%,#000 46%,transparent 82%)}}

.hero h1 .hero-title-coral{color:#bd593b}.hero h1 .hero-title-green{color:#1d654f}.hero-copy>.eyebrow,.hero-copy>.hero-lead{color:#435b56}html[data-theme="dark"] .hero h1 .hero-title-coral{color:#ee8b72}html[data-theme="dark"] .hero h1 .hero-title-green{color:#75c69c}html[data-theme="dark"] .hero-copy>.eyebrow,html[data-theme="dark"] .hero-copy>.hero-lead{color:#a1b8b0}