@charset "UTF-8";
:root{color-scheme:dark;--ink:#101820;--panel:#17232e;--text:#f4f7fa;--muted:#acbbc8;--line:#33424e;--blue:#8ed0f5;--orange:#ffb16b;--paper:#f4f7fa;--max:1380px;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--ink);color:var(--text);font-size:1rem;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}svg{display:block}p,h1,h2,h3,figure{margin:0}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #3789bd;outline-offset:5px}.container{width:calc(100% - 96px);max-width:var(--max);margin-inline:auto}.skip-link{position:fixed;top:-70px;left:20px;z-index:50;padding:12px 20px;background:var(--paper);color:var(--ink)}.skip-link:focus{top:10px}.header{position:sticky;top:0;background:#101820f5;border-bottom:1px solid var(--line);z-index:10}.header-inner{min-height:82px;display:flex;align-items:center;gap:40px}.brand{font-size:1.5rem;font-weight:750;display:flex;align-items:center;gap:10px;letter-spacing:-.5px;white-space:nowrap}.brand svg{width:30px;height:32px;fill:none;stroke:var(--blue);stroke-width:1.6;stroke-linejoin:round}.brand-accent{color:var(--blue)}nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:34px;margin:auto;font-size:.9375rem}nav a{padding-block:12px;color:#c8d1d9}nav a:hover{color:white}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:54px;padding:13px 22px;border:1px solid transparent;border-radius:4px;font-weight:600;font-size:1rem;line-height:1.4;text-align:center;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.button span{font-size:1.3rem}.button-small{min-height:42px;padding:9px 16px;font-size:.9375rem;gap:18px;flex-shrink:0}.button-outline{border-color:#647887}.button-outline:hover{background:#20303d}.button-primary{background:var(--orange);color:#16202a}.button-primary:hover{background:#ffc38e}.button-dark{background:#172634;color:#fff}.button-dark:hover{background:#2b445a}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.13em;line-height:1.5}.hero{padding:40px 0 0;background:radial-gradient(ellipse at 83% 32%,#223b4b66,transparent 54%),var(--ink)}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--blue)}.version{font-size:.8125rem;color:#bdc9d2;font-family:Consolas,monospace}.hero-grid{display:grid;grid-template-columns:.96fr 1.12fr;align-items:center;gap:44px;padding-block:66px 78px}.hero h1{font-size:clamp(2.65rem,4.3vw,4.4rem);font-weight:600;line-height:1.12;letter-spacing:-.045em}.hero h1 span{color:var(--blue)}.hero-description{max-width:520px;font-size:1.125rem;line-height:1.7;margin-top:27px;color:#c3ced7}.hero-actions{display:flex;flex-wrap:wrap;gap:19px 22px;align-items:center;margin-top:32px}.text-link{font-size:.9375rem;color:#d8e3eb;display:inline-flex;align-items:center;gap:14px;padding-block:9px}.text-link:hover{color:var(--blue)}.small-note{font-size:.8125rem;line-height:1.65;color:var(--muted);margin-top:15px;max-width:470px}.hero-preview{border:1px solid #526271;background:#17232e;box-shadow:0 24px 70px #0005;border-radius:5px;overflow:hidden}.preview-label{display:flex;justify-content:space-between;gap:20px;padding:12px 16px;background:#233340;color:#c6dbe9;font-family:Consolas,monospace;font-size:.75rem}.hero-preview img{width:100%}.hero-preview a:focus-visible{display:block;outline-offset:-4px}.hero-preview figcaption{font-size:.75rem;line-height:1.5;color:var(--muted);padding:12px 16px}.format-strip{display:flex;align-items:center;gap:42px;border-top:1px solid var(--line);padding-block:25px;color:#e3ebf1;font-size:.9375rem}.format-strip>span{font-size:.75rem;letter-spacing:.1em;color:#a9becd;margin-right:auto}.format-strip i{font-style:normal;font-size:.8125rem;color:#acbbc8;margin-left:10px}.section{padding:90px 0}.light{background:var(--paper);color:#142332;color-scheme:light}.light .eyebrow{color:#526679}.section-heading>p:last-child{font-size:1.125rem;max-width:620px;margin-top:24px;color:#536678}h2{font-size:clamp(2rem,3vw,3rem);font-weight:550;letter-spacing:-.035em;line-height:1.17}.eyebrow+h2{margin-top:20px}.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px;margin-top:56px}.features-grid article{border-top:1px solid #bac9d4;padding-top:24px}.feature-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;color:#526b7d}.feature-top svg{width:34px;height:34px;fill:none;stroke:#3a6887;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.feature-top span{font-size:.8125rem;font-family:Consolas,monospace;color:#677f90}h3{font-size:1.2rem;font-weight:600;letter-spacing:-.02em;line-height:1.35}.features-grid p{margin-top:14px;color:#4c6072;line-height:1.8}.workflow{background:#14222e}.workflow-grid{display:grid;grid-template-columns:.86fr 1.1fr;gap:70px;align-items:center}.workflow .eyebrow{color:var(--blue)}.section-description{margin-top:24px;font-size:1.125rem;line-height:1.75;color:#b4c4d1;max-width:550px}.steps{list-style:none;padding:0;margin:35px 0 0;display:grid;gap:23px}.steps li{display:flex;gap:20px;align-items:flex-start}.steps li>span{display:grid;place-items:center;flex:0 0 30px;min-height:30px;border:1px solid #5a7488;font-family:Consolas,monospace;font-size:.875rem;color:var(--blue);border-radius:50%}.steps h3{font-size:1.0625rem}.steps p{color:#aabfcd;margin-top:4px;font-size:.9375rem;line-height:1.65;max-width:400px}.surface-preview{border:1px solid #41596b;background:#1d2e3c;border-radius:4px;overflow:hidden}.surface-preview img{width:100%}.surface-preview figcaption{padding:17px 20px;font-size:.8125rem;color:#becdd8;line-height:1.7}.surface-preview figcaption span{display:block;color:var(--blue);font-size:.75rem;letter-spacing:.1em;margin-bottom:4px}.project-grid{display:grid;grid-template-columns:1fr .8fr;gap:100px;align-items:center}.project-grid .section-description{color:#4c6072}.offer-note{font-size:.9375rem;line-height:1.75;color:#52687b;margin-top:24px}.project-detail{border-left:1px solid #bccbd7;padding:10px 0 10px 45px}.project-detail h3{font-size:1.3rem}.deliverables{list-style:none;margin:25px 0 28px;padding:0}.deliverables li{padding:9px 0 9px 27px;position:relative;color:#3c556b}.deliverables li:before{content:'✓';position:absolute;left:0;top:9px;color:#376c89}.project-detail .small-note{color:#617586;font-size:.8125rem}.faq-grid{display:grid;grid-template-columns:.8fr 1.4fr;gap:80px}.faq-grid .eyebrow{color:var(--blue)}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{position:relative;cursor:pointer;padding:22px 32px 22px 0;font-size:1.0625rem;font-weight:500;list-style:none;line-height:1.5}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:4px;top:21px;font-size:1.4rem;font-weight:400;color:var(--blue)}details[open] summary:after{content:'−'}details p{padding-bottom:25px;color:#b0c0cc;font-size:1rem;line-height:1.8;max-width:720px}.final-cta{background:#203749;border-top:1px solid #405365;padding:44px 0}.final-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.final-cta .eyebrow{color:var(--blue)}.final-cta h2{font-size:clamp(1.5rem,2.4vw,2.25rem);margin-top:12px}.final-cta .button{flex-shrink:0}.footer{padding:25px 0}.footer-inner{display:flex;gap:28px;align-items:center;font-size:.8125rem;color:#a3b5c3}.footer-brand{font-size:1.125rem;font-weight:600;color:#c9d9e5}.footer a{margin-left:auto;white-space:nowrap}.footer a:hover{color:white}dialog{background:#f4f7fa;color:#172939;color-scheme:light;border:1px solid #a9bdcc;padding:32px;max-width:580px;width:calc(100% - 32px);max-height:90dvh;border-radius:7px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#08131cbf;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading .eyebrow{color:#586e80}.close-dialog{background:transparent;border:0;color:#233e50;font-size:1.7rem;line-height:1;padding:4px 8px;min-width:38px;min-height:38px}dialog h2{font-size:2rem;margin-top:12px}.dialog-intro{font-size:.9375rem;line-height:1.65;color:#546a7b;margin:16px 0 24px}dialog label{display:block;font-weight:600;font-size:.9375rem;margin:18px 0 8px}textarea,select{width:100%;max-width:100%;background:#fff;color:#172939;border:1px solid #9aafbf;padding:12px;line-height:1.5;border-radius:3px;font-size:1rem}textarea{resize:vertical;min-height:76px}select{white-space:normal}.brief-submit{margin-top:24px;width:100%}dialog .small-note{color:#405f76}.modal-open{overflow:hidden}
@media(min-width:1600px){.hero-grid{gap:64px}.hero h1{font-size:4.5rem}}
@media(max-width:1100px){.container{width:calc(100% - 56px)}.header-inner{gap:24px}nav{gap:20px}.hero-grid{grid-template-columns:1fr 1fr;gap:28px;padding-block:50px 58px}.hero h1{font-size:3rem}.hero-description{font-size:1rem}.desktop-break{display:none}.format-strip{gap:28px}.format-strip i{display:block;margin-left:0}.features-grid{gap:28px}.workflow-grid{gap:35px;grid-template-columns:1fr 1fr}.project-grid{gap:50px}.project-detail{padding-left:30px}.faq-grid{gap:40px}.section{padding:70px 0}}
@media(max-width:850px){.header-inner{min-height:72px;flex-wrap:wrap;gap:0;justify-content:space-between;padding-block:14px}.header nav{order:3;width:100%;justify-content:flex-start;gap:25px;margin-top:6px;font-size:.875rem}.header nav a{padding:9px 0 0}.header .button-small{min-height:40px}.hero-grid{grid-template-columns:1fr;gap:40px;padding-block:35px 45px}.hero h1{font-size:clamp(2.65rem,8vw,4rem)}.hero-description{font-size:1.125rem}.hero-preview{max-width:720px}.hero-actions{margin-top:26px}.hero-top{align-items:flex-start}.hero-top .eyebrow{max-width:210px}.hero-top .version{font-size:.75rem;text-align:right}.format-strip{gap:20px;flex-wrap:wrap;justify-content:space-between}.format-strip>span{width:100%;margin:0}.features-grid{grid-template-columns:1fr;gap:30px}.features-grid article{display:grid;grid-template-columns:52px 1fr;column-gap:20px}.feature-top{grid-row:1/3;display:block;margin:0}.feature-top span{display:block;margin-top:12px}.features-grid p{margin-top:8px}.workflow-grid{grid-template-columns:1fr;gap:40px}.workflow-grid .section-description{max-width:640px}.steps{max-width:650px}.steps p{max-width:none}.project-grid{grid-template-columns:1fr;gap:35px}.project-detail{border-left:0;border-top:1px solid #bac9d4;padding:28px 0 0}.faq-grid{grid-template-columns:1fr;gap:30px}.final-cta-inner{display:block}.final-cta .button{margin-top:25px}.footer-inner{flex-wrap:wrap;gap:12px 20px}.footer p{order:3;flex-basis:100%}.section{padding:60px 0}html{scroll-padding-top:122px}}
@media(max-width:480px){.container{width:calc(100% - 36px)}.brand{font-size:1.25rem;gap:7px}.brand svg{width:26px}.header .button{padding:8px 12px;font-size:.875rem;gap:9px}.header nav{gap:20px;font-size:.875rem}.hero{padding-top:27px}.hero-top{gap:12px}.eyebrow{font-size:.75rem}.hero-top .eyebrow{max-width:168px;letter-spacing:.07em}.version{max-width:120px}.hero h1{font-size:2.6rem;letter-spacing:-.045em}.hero-description{font-size:1.0625rem}.hero-actions{align-items:flex-start;gap:10px}.hero-actions .button{width:100%}.hero-actions .text-link{padding-block:10px}.hero-preview figcaption{font-size:.75rem}.preview-label{font-size:.75rem;padding:10px}.format-strip{gap:17px;font-size:.8125rem}.format-strip i{font-size:.75rem}.section-heading h2 br{display:none}h2{font-size:2rem}.features-grid{margin-top:35px}.project-detail .button{width:100%;gap:12px}.final-cta h2{font-size:1.75rem}.final-cta .button{width:100%}dialog{padding:22px}dialog h2{font-size:1.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

.brand .brand-owner{display:block;font-size:.75rem;font-weight:400;letter-spacing:.02em;line-height:1.35;color:#adbfcd}.contact-link{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.contact-link:hover{color:#3d8fbc}.footer-inner>p a{margin-left:0}