:root{--bg:#fff;--surface:#fff;--surface-soft:#f5f7f9;--text:#111827;--text-soft:#4b5563;--text-muted:#6b7280;--line:#e5e7eb;--accent:#186641;--accent-strong:#124f32;--radius:8px;--shadow:0 18px 50px #11182714}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}ul{margin:0;padding:0;list-style:none}.container{width:min(1120px,100% - 40px);margin:0 auto}.navbar{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;padding:14px 0;position:fixed;inset:0 0 auto}.nav-shell,.nav-links,.nav-actions,.hero-actions,.footer-links{align-items:center;display:flex}.nav-shell{gap:20px}.nav-actions{gap:8px}.brand{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-shrink:0;align-items:center;min-height:50px;padding:5px 12px;display:inline-flex}.brand-logo{width:auto;height:36px}.nav-links{gap:4px;margin-left:auto}.nav-link{border-radius:var(--radius);min-height:38px;color:var(--text-soft);align-items:center;padding:0 14px;font-size:.94rem;font-weight:750;display:inline-flex}.nav-link:hover,.nav-link.active{background:var(--surface-soft);color:var(--text)}.btn{border-radius:var(--radius);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;font-weight:800;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-strong)}.btn-secondary{color:var(--text);border-color:var(--line);background:#fff}.btn-secondary:hover{background:var(--surface-soft)}.btn-sm{min-height:40px;padding:0 18px;font-size:.92rem}.btn-lg{min-height:52px;padding:0 24px}.btn-block{width:100%}.menu-toggle{border:1px solid var(--line);border-radius:var(--radius);width:42px;height:42px;color:var(--text);background:#fff;margin-left:auto;display:none}.menu-toggle span{background:currentColor;border-radius:999px;width:16px;height:2px;margin:4px auto;display:block}.mobile-backdrop{z-index:39;opacity:0;pointer-events:none;background:#11182747;transition:opacity .16s;position:fixed;inset:0}.mobile-backdrop.open{opacity:1;pointer-events:auto}.mobile-nav{z-index:41;width:min(360px,100%);box-shadow:var(--shadow);background:#fff;flex-direction:column;padding:20px;transition:transform .16s;display:flex;position:fixed;inset:0 0 0 auto;transform:translate(104%)}.mobile-nav.open{transform:translate(0)}.mobile-nav-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.mobile-close{border-radius:var(--radius);background:var(--surface-soft);width:40px;height:40px;color:var(--text);font-size:1.1rem;font-weight:800}.mobile-links{gap:2px;padding:24px 0;display:grid}.mobile-links a{border-bottom:1px solid var(--line);padding:14px 0;font-weight:800;display:block}.mobile-actions{gap:10px;margin-top:auto;display:grid}.hero{background:#fff;min-height:82vh;padding:122px 0 64px}.hero-layout{grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);align-items:center;gap:48px;display:grid}.hero-content{max-width:620px}.eyebrow{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.84rem;font-weight:900}.hero h1{letter-spacing:0;margin:12px 0 16px;font-size:5.5rem;font-weight:900;line-height:.92}.hero-title-light{font-weight:400;display:block}.hero-title-line{align-items:center;gap:24px;display:flex}.sewing-needle{background:currentColor;border-radius:999px;flex:none;width:.12em;height:.72em;position:relative;transform:rotate(38deg)}.sewing-needle:before{content:"";border:.045em solid;border-radius:999px;width:.15em;height:.22em;position:absolute;top:-.15em;left:50%;transform:translate(-50%)}.hero-text{max-width:560px;color:var(--text-soft);margin:0;font-size:1.2rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px}.hero-media{background:#fff}.hero-media img{width:100%;height:auto;display:block}.section{border-top:1px solid var(--line);background:#fff;padding:64px 0 82px}.section-layout{display:block}.section-copy{justify-content:space-between;align-items:end;gap:40px;width:100%;margin-bottom:32px;display:flex}.section-copy h2{letter-spacing:0;margin:0;font-size:3rem;line-height:1.05}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.feature-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-height:220px;padding:22px}.feature-card span{color:var(--accent);font-size:.82rem;font-weight:900}.feature-card h3{margin:24px 0 10px;font-size:1.24rem}.feature-card p{color:var(--text-soft);margin:0}.footer{border-top:1px solid var(--line);background:#fff;padding:26px 0}.footer-shell{grid-template-columns:1fr auto auto;align-items:center;gap:24px;display:grid}.footer-brand{align-items:center;gap:12px;display:flex}.footer-brand p,.footer-copy{color:var(--text-muted);margin:0}.footer-links{color:var(--text-soft);flex-wrap:wrap;gap:14px;font-weight:800}.access-page,.intro-page{background:#fff;min-height:100vh}.access-header{border-bottom:1px solid var(--line);background:#fff}.access-header-shell{justify-content:space-between;align-items:center;gap:20px;min-height:80px;display:flex}.text-link{color:var(--text-soft);background:0 0;padding:8px 0;font-weight:800}.text-link:hover{color:var(--accent)}.access-main{align-items:center;min-height:calc(100vh - 81px);padding:56px 0;display:grid}.intro-hero h1{letter-spacing:0;margin:12px 0 20px;font-size:4rem;line-height:1}.intro-hero>div>p:last-child{max-width:650px;color:var(--text-soft);margin:0;font-size:1.16rem}.workspace-index,.demo-product>span{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:900}.free-trial{text-align:center;width:min(460px,100% - 32px)}.free-trial h1{letter-spacing:0;margin:0;font-size:3rem;line-height:1.05}.free-trial-text{color:var(--text-soft);margin:18px 0 0;font-size:1.08rem}.auth-options{gap:10px;margin-top:30px;display:grid}.btn-provider{min-height:54px}.btn-google{border-color:var(--line);color:var(--text);background:#fff;box-shadow:0 4px 16px #11182712}.btn-google:hover:not(:disabled){background:var(--surface-soft);border-color:#cbd5e1}.btn-apple{color:#fff;background:#111}.btn-apple:hover:not(:disabled){background:#303030}.form-alert{border-radius:var(--radius);color:#991b1b;text-align:left;background:#fef2f2;border:1px solid #fecaca;margin:20px 0 0;padding:12px 14px;font-size:.9rem}.privacy-note{color:var(--text-muted);margin:14px 0 0;font-size:.82rem}.intro-main{padding:56px 0 80px}.account-menu{color:var(--text-soft);align-items:center;gap:10px;font-size:.9rem;font-weight:750;display:flex}.account-menu img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:34px;height:34px}.account-menu form{margin:0 0 0 8px}.intro-hero{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:48px;display:grid}.intro-hero h1{max-width:760px;font-size:3.5rem}.trial-status{border-left:3px solid var(--accent);background:var(--surface-soft);gap:4px;min-width:160px;padding:16px;display:grid}.trial-status span{color:var(--text-muted);text-transform:uppercase;font-size:.78rem;font-weight:800}.trial-status.expired{border-left-color:#b91c1c}.workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:44px;display:grid}.workspace-card{border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;align-items:flex-start;min-height:320px;padding:32px;display:flex}.workspace-card h2{margin:30px 0 12px;font-size:2rem}.workspace-card p{max-width:520px;color:var(--text-soft);margin:0 0 32px}.workspace-card .btn{margin-top:auto}.demo-products{border-top:1px solid var(--line);margin-top:70px;padding-top:52px}.demo-products-head{grid-template-columns:1fr minmax(280px,420px);align-items:end;gap:40px;display:grid}.demo-products-head h2{margin:10px 0 0;font-size:2.4rem;line-height:1.1}.demo-products-head>p{color:var(--text-soft);margin:0}.demo-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}.demo-product{border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:22px;display:grid}.demo-product h3{margin:18px 0 10px;font-size:1.15rem}.demo-product code{overflow-wrap:anywhere;color:var(--text-soft);font-size:.9rem}.demo-product strong{margin-top:22px;font-size:1.1rem}@media (width<=860px){.container{width:min(100% - 28px,1120px)}.nav-links,.nav-actions{display:none}.menu-toggle{display:block}.brand{min-height:46px;padding:5px 10px}.brand-logo{height:32px}.hero{min-height:auto;padding:102px 0 48px}.hero-layout{grid-template-columns:1fr;gap:28px}.hero h1{font-size:4.5rem}.footer-shell,.intro-hero,.demo-products-head{grid-template-columns:1fr}.section-copy h2{font-size:2.5rem}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-hero h1{font-size:3rem}.trial-status{width:fit-content}.section{padding:48px 0 58px}.feature-card{min-height:auto}.footer-links,.footer-brand{align-items:flex-start}.footer-brand{flex-direction:column}}@media (width<=620px){.container{width:calc(100% - 32px)}.navbar{padding:10px 0}.hero{padding:92px 0 42px}.hero h1{margin-top:0;font-size:3.5rem;line-height:.96}.hero-title-line{gap:14px}.hero-text{font-size:1.05rem}.hero-actions,.workspace-grid,.feature-grid,.demo-product-grid{grid-template-columns:1fr}.hero-actions{display:grid}.hero-actions .btn{width:100%}.hero-actions .btn-secondary{display:none}.hero-media{margin:0 -4px}.hero-media img{width:auto;max-height:260px;margin:0 auto}.section{padding:42px 0 52px}.section-copy{margin-bottom:28px;display:block}.section-copy h2{margin-top:10px;font-size:2.1rem}.feature-card,.workspace-card,.demo-product{padding:20px}.access-header-shell{min-height:70px}.access-main,.intro-main{padding:36px 0 56px}.free-trial h1,.intro-hero h1{font-size:2.45rem}.account-menu>span{display:none}.account-menu form{margin-left:0}.workspace-grid{margin-top:32px}.workspace-card{min-height:290px}.demo-products{margin-top:50px;padding-top:40px}.demo-products-head,.demo-product-grid{gap:20px}.demo-products-head h2{font-size:2rem}}@media (width<=360px){.hero h1{font-size:3.1rem}.brand-logo{height:29px}.mobile-nav{padding:16px}.hero-media img{max-height:210px}}