.landing-page{--violet:#8d7df8}.landing-page,.landing-page *{box-sizing:border-box}.landing-page{font-family:var(--font-sans),system-ui,sans-serif}.landing-page button,.landing-page textarea{font:inherit}.landing-page a{color:inherit;text-decoration:none}.landing-page a,.landing-page button{-webkit-tap-highlight-color:transparent}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.fold{position:relative;min-height:100svh;overflow:hidden}.landing-page{--page-bg:#09090b;--page-surface:#111114;--page-surface-2:#17171b;--page-text:#f5f5f7;--page-muted:#9999a2;--page-line:hsla(0,0%,100%,.12);background:var(--page-bg);color:var(--page-text);transition:background-color .28s ease,color .28s ease}.theme-light{--page-bg:#f4f4f1;--page-surface:#fff;--page-surface-2:#ececea;--page-text:#151518;--page-muted:#62626a;--page-line:rgba(21,21,24,.14);color-scheme:light}.theme-dark{color-scheme:dark}.nature-bg{background:url(/hero-nature.png) 50%/cover no-repeat;transform:scale(1.01)}.hero-shade,.nature-bg{position:absolute;inset:0}.hero-shade{background:linear-gradient(90deg,rgba(9,9,11,.94),rgba(9,9,11,.65) 48%,rgba(9,9,11,.15)),linear-gradient(0deg,rgba(9,9,11,.84),transparent 35%,rgba(9,9,11,.4))}.theme-light .nature-bg{background-image:url(/hero-morning.png);filter:saturate(.78) contrast(.94)}.theme-light .hero-shade{background:linear-gradient(90deg,hsla(60,16%,96%,.96),hsla(60,16%,96%,.78) 49%,hsla(60,16%,96%,.18)),linear-gradient(0deg,hsla(60,16%,96%,.86),transparent 38%,hsla(60,16%,96%,.44))}.nav{position:relative;z-index:4;height:78px;display:flex;justify-content:space-between;border-bottom:1px solid var(--page-line)}.brand,.nav{align-items:center}.brand{display:inline-flex;gap:10px;font-weight:560;letter-spacing:-.025em}.brand-mark{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--violet);color:#fff;font-weight:650}.nav nav{display:flex;gap:32px}.nav nav a{color:#b9b9c1;font-size:14px}.nav nav a:hover{color:#fff}.theme-light .nav nav a{color:#54545c}.theme-light .nav nav a:hover{color:#151518}.nav-actions{display:flex;align-items:center;gap:10px}.theme-toggle{position:relative;width:60px;height:36px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 7px;border:1px solid var(--page-line);border-radius:999px;background:hsla(0,0%,100%,.08);color:var(--page-text);cursor:pointer}.theme-toggle span{position:relative;z-index:2;font-size:13px;line-height:1;opacity:.72}.theme-toggle i{position:absolute;z-index:1;width:26px;height:26px;left:4px;border-radius:50%;background:var(--violet);transition:transform .22s ease}.theme-light .theme-toggle{background:hsla(0,0%,100%,.6)}.theme-light .theme-toggle i{transform:translateX(25px)}.nav-cta{padding:10px 15px;border-radius:8px;background:hsla(0,0%,100%,.1);border:1px solid var(--page-line);font-size:14px;transition:background .16s ease}.nav-cta:hover{background:var(--violet)}.theme-light .nav-cta{background:hsla(0,0%,100%,.56)}.theme-light .nav-cta:hover{background:var(--violet);color:#fff}.hero-content{position:relative;z-index:2;min-height:calc(100svh - 78px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:68px 0 100px}.eyebrow,.section-label{color:#b8b8c0;font-family:var(--font-mono),monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.theme-light .eyebrow,.theme-light .section-label{color:#606068}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:24px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--violet);box-shadow:0 0 0 5px rgba(141,125,248,.16)}.final-inner h2,.hero-content h1,.proof-head h2{margin:0;font-family:var(--font-display),var(--font-sans),sans-serif;font-size:clamp(62px,7.4vw,102px);line-height:.94;letter-spacing:-.065em;font-weight:500}.hero-content>p{max-width:610px;margin:28px 0 34px;color:#b6b6bd;font-size:17px;line-height:1.6}.theme-light .hero-content>p{color:#4f4f57}.prompt-box{width:min(680px,100%);padding:18px;background:rgba(14,14,17,.82);border:1px solid hsla(0,0%,100%,.18);border-radius:13px;backdrop-filter:blur(18px);box-shadow:0 24px 70px rgba(0,0,0,.35)}.theme-light .prompt-box{background:hsla(0,0%,100%,.76);border-color:rgba(21,21,24,.17);box-shadow:0 24px 70px rgba(32,31,43,.16)}.prompt-box label{display:block;margin-bottom:12px;color:#7f7f89;font-family:var(--font-mono),monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.prompt-box textarea{width:100%;padding:0;border:0;outline:0;resize:none;background:transparent;color:var(--page-text);font-size:20px;line-height:1.45}.prompt-actions{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid var(--page-line)}.prompt-pills{display:flex;gap:7px}.prompt-pills button{width:30px;height:30px;border:1px solid var(--page-line);border-radius:7px;background:transparent;color:#777780;font-size:9px;cursor:pointer}.prompt-pills button.active,.prompt-pills button:hover{border-color:var(--violet);color:#fff}.theme-light .prompt-pills button.active,.theme-light .prompt-pills button:hover{color:#151518;background:rgba(141,125,248,.13)}.build-btn{gap:22px;padding:11px 13px 11px 16px;border:0;border-radius:8px;background:var(--violet);color:#fff;cursor:pointer}.build-btn,.scroll-note{display:flex;align-items:center}.scroll-note{position:absolute;z-index:3;right:34px;bottom:30px;gap:14px;color:#8c8c96;font-family:var(--font-mono),monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;writing-mode:vertical-rl}.scroll-note i{width:1px;height:42px;background:#777780}.proof-fold{background:var(--page-bg)}.proof-inner{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-block:80px}.proof-head{display:grid;grid-template-columns:.7fr 1.6fr 1fr;gap:50px;align-items:start;margin-bottom:48px}.proof-head h2{font-size:clamp(45px,5vw,69px)}.proof-head p{margin:0;color:var(--page-muted);font-size:14px;line-height:1.65}.process{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--page-line)}.process article{display:grid;grid-template-columns:35px 1fr;padding:18px 24px 18px 0}.process article+article{padding-left:24px;border-left:1px solid var(--page-line)}.process span{grid-row:1/3;color:var(--violet);font-family:var(--font-mono),monospace;font-size:9px}.process strong{font-size:13px;font-weight:520}.process p{margin:4px 0 0;color:#777780;font-size:11px}.product-row{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;flex:1;min-height:280px;padding:28px 0}.app-window{border:1px solid var(--page-line);border-radius:12px;background:var(--page-surface);overflow:hidden}.window-top{height:40px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 14px;border-bottom:1px solid var(--page-line);color:#65656d;font-family:var(--font-mono),monospace;font-size:8px}.window-dots{letter-spacing:3px}.window-top b{justify-self:end;color:#88d59a;font-weight:400}.app-body{height:calc(100% - 40px);display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;align-items:center;padding:28px;background:radial-gradient(circle at 20% 100%,rgba(141,125,248,.18),transparent 40%),var(--page-surface)}.app-title{display:flex;align-items:center;gap:13px}.app-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:var(--violet)}.app-title div{display:flex;flex-direction:column;gap:4px}.app-metric small,.app-title small{color:#777780;font-size:8px;letter-spacing:.08em}.app-title strong{font-size:14px}.app-metric{padding:22px;border-radius:10px;background:color-mix(in srgb,var(--page-text) 4.5%,transparent);border:1px solid var(--page-line)}.app-metric strong{display:block;margin:10px 0 7px;font-size:clamp(22px,2.2vw,32px);letter-spacing:-.04em}.app-metric p{margin:0;color:#85858e;font-size:10px}.examples{padding:6px 0}.example{display:grid;grid-template-columns:30px 1fr auto;align-items:center;padding:17px 0;border-bottom:1px solid var(--page-line)}.example>span{color:#63636c;font-family:var(--font-mono);font-size:8px}.example div{display:flex;flex-direction:column;gap:4px}.example strong{font-size:13px;font-weight:500}.example small{color:#74747d;font-size:9px}.example i{color:var(--violet);font-style:normal}.integration-strip{display:flex;gap:24px;align-items:center;padding-top:18px;border-top:1px solid var(--page-line);color:#7d7d86;font-size:10px}.integration-strip>span{margin-right:auto;color:#b9b9c0;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.integration-strip b{font-weight:450}.integration-logo-section{padding:110px 0;background:var(--page-surface);border-top:1px solid var(--page-line)}.integration-logo-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.integration-logo-copy h2{max-width:540px;margin:18px 0 22px;font-family:var(--font-display),var(--font-sans),sans-serif;font-size:clamp(42px,5vw,66px);line-height:.98;letter-spacing:-.055em;font-weight:500}.integration-logo-copy p{max-width:500px;margin:0;color:var(--page-muted);font-size:15px;line-height:1.7}.brand-logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.brand-logo-card{min-height:126px;display:flex;flex-direction:column;justify-content:space-between;padding:16px;border:1px solid var(--page-line);border-radius:12px;background:color-mix(in srgb,var(--page-text) 3.5%,transparent);font-size:12px;transition:transform .18s ease,border-color .18s ease}.brand-logo-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--violet) 60%,transparent)}.brand-logo-card>div{border-color:var(--page-line);background:var(--page-surface-2);color:var(--page-text)}.brand-gmail{color:#e85d4a!important}.brand-slack{color:#36c5f0!important}.brand-github,.brand-notion,.brand-openai{color:var(--page-text)!important}.brand-linear{color:#8d7df8!important}.brand-stripe{color:#635bff!important}.brand-hubspot{color:#ff7a59!important}.final-nature{background-position:center 62%;transform:scale(1.08);filter:saturate(.8)}.final-shade{position:absolute;inset:0;background:rgba(9,9,11,.62);backdrop-filter:blur(3px)}.theme-light .final-nature{filter:saturate(.72) contrast(.9)}.theme-light .final-shade{background:hsla(60,14%,96%,.56)}.final-inner{position:relative;z-index:2;min-height:calc(100svh - 150px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.final-inner h2{margin-top:22px;font-size:clamp(64px,8vw,112px)}.final-inner p{margin:26px 0 30px;color:#b6b6bd}.theme-light .final-inner p{color:#52525a}.final-inner>a{display:inline-flex;gap:38px;padding:15px 16px 15px 19px;border-radius:8px;background:var(--violet);color:#fff;font-size:15px}.footer{position:relative;z-index:2;min-height:150px;display:grid;grid-template-columns:1fr 1.4fr auto;align-items:center;gap:24px;border-top:1px solid var(--page-line);color:#a2a2aa;font-size:11px}.footer>a:nth-of-type(2){justify-self:end}.footer small{grid-column:1/-1;color:#66666f;font-size:8px}.theme-light .footer{color:#55555d}.theme-light .footer small{color:#77777f}@media (max-width:850px){.proof-head{grid-template-columns:1fr;gap:20px}.proof-head p{max-width:520px}.product-row{grid-template-columns:1fr}.proof-fold{min-height:auto}.proof-inner{padding-block:70px}.app-body{min-height:210px}.integration-strip{overflow:hidden}.integration-logo-inner{grid-template-columns:1fr;gap:48px}}@media (max-width:600px){.shell{width:min(100% - 28px,1180px)}.nav{height:68px}.nav nav,.nav-cta{display:none}.hero-content{min-height:calc(100svh - 68px);padding-block:50px 70px}.hero-content h1{font-size:15vw}.hero-content>p{font-size:15px}.prompt-box textarea{font-size:16px}.scroll-note{display:none}.process{grid-template-columns:1fr}.process article,.process article+article{padding:15px 0;border-left:0;border-bottom:1px solid var(--page-line)}.product-row{min-height:0}.app-body{grid-template-columns:1fr}.integration-strip{gap:18px}.integration-strip b:nth-last-child(-n+3){display:none}.integration-logo-section{padding:76px 0}.brand-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.final-inner{min-height:calc(100svh - 180px)}.final-inner h2{font-size:16vw}.footer{min-height:180px;grid-template-columns:1fr auto}.footer>span{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}