@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/dm-sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/dm-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/manrope-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/manrope-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{--ink:#102d38;--navy:#092842;--muted:#64716f;--green:#007e65;--teal:#00bd94;--paper:#f8f9f5;--line:#dfe5de;--mint:#e7f2e9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #00a989;outline-offset:5px}.wrap{max-width:1280px;margin-inline:auto;padding-inline:44px}.header{height:100px;display:flex;align-items:center;gap:45px;border-bottom:1px solid var(--line)}.brand{display:block;width:174px;flex-shrink:0}.brand img{width:100%;height:auto;display:block}.header nav{display:flex;gap:30px;margin:auto;font-size:13px;font-weight:550}.header nav a:hover,.login:hover{color:var(--green)}.nav-actions{display:flex;align-items:center;gap:26px}.login{font-size:13px}.button{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;background:var(--navy);color:white;padding:15px 23px;border:1px solid var(--navy);border-radius:6px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#175164;transform:translateY(-2px)}.button span{font-size:19px;font-weight:400}.button.small{padding:9px 17px;gap:26px}.button.outline{background:transparent;color:var(--ink);border-color:#c6d1ca}.button.outline:hover{background:var(--mint)}.menu{display:none}.skip{position:fixed;top:-100px;z-index:50;padding:15px;background:white}.skip:focus{top:5px}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:40px;padding-top:85px;padding-bottom:85px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:650;margin:0 0 25px;display:flex;align-items:center;gap:9px}.dot,.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}.hero h1{font-family:Manrope,sans-serif;font-weight:500;font-size:clamp(42px,4.4vw,62px);letter-spacing:-3.3px;line-height:1.1;margin:0 0 25px}.hero h1>span{color:var(--green)}.intro{font-size:16px;line-height:1.8;color:var(--muted);max-width:420px}.actions{display:flex;gap:26px;align-items:center;margin-top:30px}.text-link{font-size:12px;font-weight:600;display:inline-flex;gap:17px;align-items:center}.text-link:hover{color:var(--green)}.fine{font-size:10px;color:var(--muted);margin-top:20px}.fine span{padding:0 8px}.hero-art{position:relative;height:490px;background:#dfece1;border-radius:120px 8px 8px 8px;display:flex;align-items:center;justify-content:center;padding:38px 28px 40px}.art-grid{position:absolute;inset:0;border-radius:inherit;opacity:.4;background-image:linear-gradient(#bfd5c2 1px,transparent 1px),linear-gradient(90deg,#bfd5c2 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(transparent,black)}.proposal{position:relative;width:100%;max-width:390px;background:white;border:1px solid #c8d2c9;box-shadow:0 18px 50px #173d2820;transform:rotate(-4deg);border-radius:8px;overflow:hidden}.browser-bar{background:#fafbf9;display:flex;align-items:center;gap:4px;padding:12px;border-bottom:1px solid var(--line);font-size:7px;color:#78837d}.browser-bar i{width:5px;height:5px;border-radius:50%;background:#d6ddd6}.browser-bar span{margin:auto}.proposal-body{padding:23px;background:#fcfbf5}.studio{font-size:8px;font-weight:700;letter-spacing:1px;display:flex;justify-content:space-between}.studio span{font-size:6px;font-weight:400}.proposal-title{font-family:Manrope,sans-serif;position:relative;letter-spacing:-1.4px;font-size:31px;line-height:1.1;margin:28px 0 22px}.proposal-title>span{position:absolute;right:1px;top:0;font-size:40px}.artwork{background:#e3ddc6;height:125px;position:relative;overflow:hidden}.arch{position:absolute;width:125px;height:180px;border-radius:100px 100px 0 0;transform:rotate(-40deg);left:38px;top:4px;background:#004c40}.arch.two{left:130px;top:40px;background:#9dbba2;transform:rotate(35deg)}.artwork>span{position:absolute;right:12px;top:13px;text-align:right;color:#3f5649;font-size:12px;line-height:1.1}.proposal-bottom{display:flex;justify-content:space-between;font-size:6px;margin-top:18px;line-height:1.9}.proposal-bottom b{font-weight:400;color:#6f776f}.note{display:flex;gap:10px;align-items:center;position:absolute;background:white;padding:13px 16px;border:1px solid #e0e7df;border-radius:8px;box-shadow:0 8px 25px #12342112;font-size:10px;z-index:2}.note strong{display:block;font-size:10px;font-weight:600}.note small{display:block;font-size:8px;color:var(--muted);margin-top:2px}.mini-check{display:inline-flex;justify-content:center;align-items:center;border-radius:50%;background:#dcf3e6;color:var(--green);width:26px;height:26px;flex-shrink:0}.top-note{right:14px;top:20px;transform:rotate(3deg)}.opened{left:-22px;bottom:88px}.avatar{background:#e7e8f6;color:#666386;border-radius:50%;width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;flex-shrink:0}.live-dot{margin-left:18px;background:var(--teal)}.approval{bottom:27px;right:14px;transform:rotate(3deg);font-size:9px}.approval .mini-check{width:20px;height:20px}.example-label{position:absolute;bottom:-34px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:1.4px;color:#7c897e}.audience{display:flex;justify-content:space-between;gap:25px;align-items:center;border-block:1px solid var(--line);padding-block:28px;font-size:13px;color:#6d7971}.audience p{font-size:10px;line-height:1.7;margin:0}.audience strong{font-weight:550;color:var(--ink)}.audience>span{font-family:Manrope,sans-serif;font-weight:650;letter-spacing:-.4px}.section{padding-block:100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:45px}.section-heading>p{max-width:290px;color:var(--muted);font-size:13px;margin-bottom:5px}h2{font-family:Manrope,sans-serif;font-size:37px;font-weight:500;line-height:1.22;letter-spacing:-1.6px;margin:0}h3{font-family:Manrope,sans-serif;font-weight:600;font-size:20px;line-height:1.3;letter-spacing:-.5px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps article{border-top:1px solid #cbd5cc;padding-top:20px}.step-top{display:flex;justify-content:space-between;color:var(--green);font-size:11px}.step-top span:last-child{font-size:25px;line-height:1}.steps p{font-size:13px;color:var(--muted);max-width:290px}.file-tags{display:flex;gap:7px;margin-top:24px}.file-tags span,.sample-link,.status-line{font-size:9px;border:1px solid var(--line);padding:8px 10px;border-radius:4px;background:white}.sample-link,.status-line{display:inline-block;margin-top:10px}.status-line{display:flex;align-items:center;gap:10px;width:fit-content}.demo-section{background:#edf1eb;padding:85px 0}.demo-layout{display:grid;grid-template-columns: .8fr 1.2fr;gap:65px}.demo-controls{display:flex;flex-direction:column;gap:8px}.demo-controls button{background:transparent;border:1px solid transparent;border-radius:6px;display:flex;gap:16px;text-align:left;color:var(--muted);padding:18px}.demo-controls button[aria-selected=true]{background:#fff;border-color:#dae4d7;color:var(--ink);box-shadow:0 4px 10px #1d392205}.demo-controls button>span{font-size:10px;margin-top:5px;color:var(--green)}.demo-controls button>span:last-child{margin-left:auto;font-size:20px}.demo-controls strong{font-size:16px;font-weight:550}.demo-controls p{font-size:12px;line-height:1.6;margin:7px 0 0;max-width:250px}.dashboard{align-self:start;background:white;border:1px solid #d6ded4;border-radius:9px;box-shadow:0 18px 40px #254f3010;overflow:hidden;min-height:345px}.dashboard-head{display:flex;align-items:center;justify-content:space-between;padding:18px 23px;border-bottom:1px solid var(--line);font-size:12px;font-weight:600}.demo-badge{font-size:7px;letter-spacing:1px;color:#768077;border:1px solid var(--line);border-radius:3px;padding:4px 6px}#demo-content{padding:20px 23px;min-height:245px}.dashboard-foot{background:#fafbf8;border-top:1px solid var(--line);padding:11px 23px;font-size:8px;display:flex;gap:7px;align-items:center;color:var(--muted)}.dashboard-foot .dot{width:4px;height:4px}.client-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #edf0eb;font-size:11px}.client-row:last-child{border-bottom:0}.client-row small{font-size:9px;color:var(--muted);display:block;margin-top:3px}.client-row strong{font-size:11px;font-weight:550}.pill{margin-left:auto;background:#e4f3e9;color:#267052;padding:4px 8px;border-radius:4px;font-size:8px}.pill.amber{background:#fbf0db;color:#8c6624}.pill.gray{background:#eff1ed;color:#798277}.reading-summary{display:flex;gap:35px;font-size:24px;font-family:Manrope}.reading-summary small{display:block;color:var(--muted);font:9px 'DM Sans';margin:4px 0 20px}.bar-row{font-size:9px;margin:13px 0;display:grid;grid-template-columns:85px 1fr 22px;align-items:center;gap:10px}.bar{height:6px;background:#edf1eb;border-radius:5px;overflow:hidden}.bar>span{display:block;height:100%;background:#27977e;border-radius:5px}.demo-caption{font-size:9px;color:var(--muted);margin:0 0 12px}.comment{background:#f6f8f4;padding:16px;border:1px solid var(--line);border-radius:5px;font-size:11px;line-height:1.7}.comment small{display:block;color:var(--muted);margin-bottom:8px;font-size:9px}.feedback-actions{display:flex;gap:8px;margin-top:15px}.feedback-actions button{font-size:9px;background:var(--green);border:1px solid var(--green);border-radius:4px;color:white;padding:9px 13px}.feedback-actions button+button{background:white;color:var(--ink);border-color:var(--line)}#feedback-result{font-size:10px;color:var(--green);margin-top:10px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{padding:30px;background:#eff1eb;border-radius:7px;overflow:hidden;min-height:275px}.feature.large{grid-column:span 2}.feature.mint{background:#dfeddf}.feature-symbol{display:block;font-size:24px;line-height:1;margin-bottom:26px;color:var(--green)}.feature h3{font-size:24px;font-weight:500;margin:0 0 15px}.feature p{font-size:12px;max-width:330px;color:var(--muted)}.domain-art{padding:20px;background:#ffffffb3;border:1px solid #cdddcf;border-radius:6px;font-size:19px;margin-top:25px;display:flex;align-items:center;letter-spacing:-.6px}.domain-art>span:first-child{margin-right:15px;color:var(--green)}.domain-art .mini-check{margin-left:auto;font-size:13px}.versions{margin-top:23px;font-size:10px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.versions>span:first-child{color:#89938b;text-decoration:line-through}.versions b{background:#fff;padding:7px 12px;border:1px solid var(--line);border-radius:4px;font-weight:500}.prompt{padding:15px;background:white;font-size:10px;margin-top:30px;border-radius:5px;display:flex;justify-content:space-between;gap:10px}.prompt span{color:var(--green)}.feature.navy{background:var(--navy);color:white;display:flex;gap:25px;align-items:center;justify-content:space-between}.navy .feature-symbol{color:#7cddba}.navy p{color:#bdcbd1;max-width:270px}.access{min-width:220px;background:#ffffff09;border:1px solid #ffffff20;padding:13px;border-radius:6px}.access>div{display:flex;align-items:center;gap:7px;font-size:9px;padding:9px 0;border-bottom:1px solid #ffffff20}.access .avatar{width:23px;height:23px;font-size:7px}.muted{background:#e8eadf;color:#777b61}.access-status,.access button{margin-left:auto;color:#85d3ae;font-size:8px}.access button{background:#17485b;border:1px solid #5a7f86;padding:4px 7px;border-radius:3px}.access small{font-size:7px;display:block;margin-top:13px;color:#b5c7cf}.use-section{padding-block:25px 85px;border-bottom:1px solid var(--line)}.use-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:30px}.use-grid h2{font-size:29px}.use-grid>div{border-left:1px solid var(--line);padding-left:25px}.use-grid span{font-size:8px;letter-spacing:1px;color:var(--green)}.use-grid h3{font-size:16px;margin:15px 0 10px}.use-grid p{color:var(--muted);font-size:11px}.center{text-align:center}.center .eyebrow{justify-content:center}.center>p:last-child{font-size:13px;color:var(--muted);margin-top:20px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px}.price{padding:30px;border:1px solid var(--line);border-radius:7px;position:relative;background:#fff}.plan-name{font-size:16px;font-weight:550;margin:0 0 20px}.amount{font-family:Manrope;font-size:43px;line-height:1;letter-spacing:-2px}.amount span{font-family:'DM Sans';font-size:11px;color:var(--muted);letter-spacing:0;margin-left:9px}.price>p:not(.plan-name){font-size:11px;color:var(--muted);margin:20px 0 25px}.price .button{width:100%;font-size:11px}.price ul{list-style:none;padding:20px 0 0;margin:0;border-top:1px solid var(--line);margin-top:25px}.price li{font-size:11px;color:#526359;margin:10px 0}.price li:before{content:'✓';margin-right:12px;color:var(--green)}.price.featured{border-color:#7cb292;background:#edf4eb}.popular{position:absolute;left:-1px;right:-1px;top:-27px;height:27px;background:#2d614b;color:white;font-size:8px;letter-spacing:1.2px;text-align:center;padding:7px;border-radius:5px 5px 0 0}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;padding-block:30px 100px}.faq .text-link{margin-top:30px}.faq .eyebrow{font-size:8px}.questions details{border-top:1px solid var(--line)}.questions details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;font-size:13px;padding:20px 0;display:flex;justify-content:space-between;gap:15px}summary::-webkit-details-marker{display:none}summary span{color:var(--green)}details[open] summary span{transform:rotate(45deg)}details p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 35px 20px 0}.final-cta{background:#dfeddf;padding-block:60px;border-radius:8px;display:flex;justify-content:space-between;position:relative;overflow:hidden}.final-cta h2{font-size:42px}.final-cta em{font-style:normal;color:var(--green)}.final-cta .button{margin-top:30px}.cta-mark{font-family:Manrope;font-size:230px;color:#c2d8bf;line-height:1;align-self:center;margin-right:30px}footer{display:flex;align-items:center;gap:25px;flex-wrap:wrap;padding-block:40px}footer .brand{width:135px}footer p{font-size:10px;color:var(--muted)}footer>div{display:flex;gap:24px;margin-left:auto;font-size:10px}footer small{flex-basis:100%;border-top:1px solid var(--line);padding-top:20px;font-size:9px;color:var(--muted)}
@media(min-width:1450px){.hero{padding-block:100px}.hero-art{height:530px}.proposal{max-width:405px}.artwork{height:145px}}
@media(max-width:1050px){.wrap{padding-inline:28px}.header{gap:25px}.header nav{gap:18px}.brand{width:150px}.hero{gap:25px}.hero h1{font-size:46px;letter-spacing:-2.7px}.hero-art{height:440px;padding:40px 22px}.proposal-title{font-size:26px}.opened{left:-12px}.actions{gap:16px}.hero .button{padding:13px 16px;gap:16px}.hero .text-link{font-size:10px;gap:8px}.audience>span{font-size:11px}.demo-layout{gap:30px}.feature.navy{display:block}.access{margin-top:25px}.use-grid{gap:15px}.use-grid>div{padding-left:15px}.price{padding:24px}}
@media(max-width:760px){.wrap{padding-inline:22px}.header{height:78px;gap:15px;position:relative}.brand{width:145px}.header nav{display:none}.nav-actions{margin-left:auto;gap:15px}.login{display:none}.button.small{font-size:11px;padding:7px 12px;gap:12px}.menu{display:block;background:none;border:0;color:var(--ink);font-size:23px;padding:0 2px}.header nav.mobile-open{position:absolute;display:flex;top:78px;left:0;right:0;background:var(--paper);z-index:10;padding:25px;box-shadow:0 10px 15px #17352910;flex-direction:column}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:60px;gap:38px}.hero h1{font-size:clamp(37px,8.8vw,60px);letter-spacing:-2.7px}.hero .eyebrow{font-size:8px;letter-spacing:1.3px}.intro{font-size:15px;max-width:430px}.hero .text-link{font-size:11px}.hero-art{height:445px;max-width:550px;width:100%;margin:auto;padding-inline:40px}.hero-copy{max-width:550px;margin:auto;width:100%}.opened{left:4px}.top-note{right:7px}.example-label{font-size:6px}.audience{display:grid;grid-template-columns:1fr 1fr;gap:20px}.audience p{grid-column:span 2}.audience p br{display:none}.audience>span{font-size:12px}.section{padding-block:65px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{max-width:430px;margin-top:20px}.eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:18px}h2{font-size:30px;letter-spacing:-1.2px}.steps{grid-template-columns:1fr;gap:30px}.steps p{max-width:none}.steps h3{margin-top:12px}.file-tags{margin-top:15px}.demo-section{padding-block:60px}.demo-layout{grid-template-columns:1fr;gap:22px}.demo-controls{gap:5px}.demo-controls button{padding:13px}.demo-controls p{max-width:none}.dashboard{min-height:345px}.feature-grid{grid-template-columns:1fr}.feature.large{grid-column:auto}.feature{min-height:0;padding:25px}.feature.navy{display:block}.domain-art{font-size:15px;padding:15px;letter-spacing:-.5px}.domain-art .mini-check{width:21px;height:21px}.use-section{padding-block:0 60px}.use-grid{grid-template-columns:1fr;gap:25px}.use-grid>div{border-left:0;border-top:1px solid var(--line);padding:15px 0 0}.use-grid h3{font-size:19px}.use-grid p{font-size:13px;max-width:400px}.pricing-grid{grid-template-columns:1fr;gap:45px;margin-top:40px}.price{padding:28px}.price li,.price>p:not(.plan-name){font-size:12px}.price .button{font-size:12px}.center{text-align:left}.center .eyebrow{justify-content:flex-start}.faq{grid-template-columns:1fr;gap:30px;padding-block:0 65px}.faq h2 br{display:none}.final-cta{margin-inline:15px;padding:35px 25px;display:block;width:calc(100% - 30px)}.final-cta h2{font-size:31px}.cta-mark{display:none}.final-cta .eyebrow{font-size:7px}footer{gap:20px;padding-top:30px}footer p{display:none}footer>div{gap:15px}.fine{font-size:9px}.fine span{padding:0 5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Log in inside the mobile menu (the header link is hidden on small screens) */
.header nav .nav-login{display:none}
@media(max-width:760px){.header nav.mobile-open .nav-login{display:block;border-top:1px solid var(--line);padding-top:16px}}
/* CSP-safe demo bar widths (no inline styles) */
.bar>span.w90{width:90%}.bar>span.w60{width:60%}.bar>span.w30{width:30%}
#access-toggle[aria-pressed=false]{color:#d6cbc3}
/* Legal pages and 404 */
.legal{max-width:780px;padding-block:70px 90px}
.legal h1{font-family:Manrope,sans-serif;font-weight:500;font-size:46px;letter-spacing:-2px;line-height:1.05;margin:14px 0 10px}
.legal h2{font-family:Manrope,sans-serif;font-weight:600;font-size:21px;letter-spacing:-.5px;margin:38px 0 8px}
.legal p,.legal li{color:var(--muted);font-size:15.5px}
.legal ul{padding-left:20px;margin:8px 0 0;display:grid;gap:7px}
.legal li strong{color:var(--ink)}
.legal a:not(.button){color:var(--green);text-decoration:underline;text-underline-offset:3px}
.legal code{font:13px ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--mint);padding:2px 7px;border-radius:4px;color:var(--ink);overflow-wrap:anywhere}
.legal .actions{margin-top:30px}
.draft{background:#fbf3df;color:#7a5a12;border:1px solid #efe0b7;padding:12px 15px;border-radius:6px;font-size:14px;margin:20px 0}
@media(max-width:760px){.legal{padding-block:44px 60px}.legal h1{font-size:36px}}