:root{color-scheme:dark;--ink:#f6f8ff;--muted:#a9b5ca;--accent:#9be4da;--line:rgba(200,225,245,.16);--panel:#172233}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101725;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.skip{position:absolute;top:-100px;left:20px;z-index:4;padding:12px 18px;background:var(--accent);color:#11212a;border-radius:8px}.skip:focus{top:20px}.site-shell{overflow:hidden}.site-header,.hero,.building,.status-panel,.site-footer{width:min(100% - 64px,1200px);margin-inline:auto}.site-header{display:flex;justify-content:space-between;align-items:center;min-height:100px;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:24px;font-weight:760;letter-spacing:-.05em}.mark{position:relative;display:inline-grid;grid-template-columns:repeat(2,8px);grid-template-rows:repeat(2,8px);gap:3px;transform:rotate(-18deg)}.mark i{display:block;background:var(--accent);border-radius:2px}.mark i:nth-child(2){opacity:.5}.mark i:nth-child(3){opacity:.75}.launch-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(155,228,218,.32);background:rgba(155,228,218,.075);padding:10px 14px;border-radius:999px;color:#c5f6ed;font-size:12px;font-weight:700;letter-spacing:.055em;text-transform:uppercase}.status-dot{height:7px;width:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(155,228,218,.14)}.hero{min-height:655px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding-block:88px 106px}.hero-copy{position:relative;z-index:1;max-width:650px;animation:enter .7s both}.eyebrow{margin:0 0 24px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.eyebrow .line{display:inline-block;width:22px;height:1px;background:currentColor;vertical-align:middle;margin-right:10px}.hero h1{font-size:clamp(56px,6.7vw,100px);line-height:.99;letter-spacing:-.073em;margin:0 0 30px;font-weight:750}.hero h1 em{font-style:normal;color:var(--accent)}.lead{max-width:520px;color:#c0cbe0;font-size:clamp(17px,1.8vw,20px);line-height:1.6;margin:0 0 33px}.hero-link{display:inline-flex;align-items:center;gap:28px;padding:17px 20px;background:var(--accent);color:#10202c;text-decoration:none;border-radius:12px;font-size:14px;font-weight:800;transition:transform .2s,background .2s,box-shadow .2s}.hero-link:hover,.hero-link:focus-visible{transform:translateY(-3px);background:#b2f5ea;box-shadow:0 12px 34px rgba(54,215,194,.18)}.hero-link:active{transform:translateY(0) scale(.97)}.hero-link span{font-size:20px;font-weight:400}.visual{position:relative;min-height:495px;isolation:isolate;animation:enter .9s .1s both}.visual::before{content:"";position:absolute;inset:7% -11%;border-radius:50%;background:radial-gradient(circle,rgba(76,159,178,.17),transparent 67%);filter:blur(2px)}.orbit{position:absolute;border:1px solid rgba(129,213,218,.16);border-radius:50%;transform:rotate(-23deg)}.orbit-one{inset:4% -5%}.orbit-two{inset:18% 9%}.visual-card{position:absolute;border:1px solid rgba(202,230,239,.23);box-shadow:0 32px 80px rgba(0,0,0,.23);background:linear-gradient(140deg,#233449,#172434);border-radius:19px}.card-back{width:55%;height:52%;left:7%;top:12%;transform:rotate(-12deg);padding:23px}.card-front{width:62%;height:64%;right:5%;top:20%;transform:rotate(8deg);padding:25px;background:linear-gradient(155deg,#e8f2ed,#bfddd7);border-color:#b5ddd5}.card-dots{display:flex;gap:5px;margin-bottom:27px}.card-dots b{width:6px;height:6px;border-radius:50%;background:#7e9db0}.card-line,.card-title,.card-button{display:block;height:10px;background:rgba(205,232,232,.16);border-radius:9px;margin-top:15px;width:82%}.card-line.short{width:38%}.card-line.medium{width:58%}.card-top{display:flex;align-items:center;gap:10px}.card-sun{display:block;width:28px;height:28px;border-radius:9px;background:#44776c}.card-top-lines i{display:block;width:70px;height:5px;border-radius:10px;background:#789a91;margin:4px 0}.card-top-lines i:last-child{width:40px;opacity:.55}.card-front .card-title{width:72%;height:32px;margin-top:38px;background:#2e5f5a}.card-front .card-line{height:8px;background:#8db6aa}.card-front .card-button{width:38%;height:29px;margin-top:31px;background:#1b544e}.visual-glow{position:absolute;width:90px;height:90px;right:-1%;top:5%;border-radius:28px;background:#b2e8d8;filter:blur(75px);opacity:.2}.building{padding:70px 0 125px;border-top:1px solid var(--line)}.section-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);align-items:start;gap:18px 35px;margin-bottom:48px}.section-intro .eyebrow{grid-column:1/-1;margin:0}.section-intro h2{grid-column:1;font-size:clamp(34px,4.4vw,58px);line-height:1.07;letter-spacing:-.055em;max-width:560px;margin:0}.section-intro>p:not(.eyebrow){grid-column:2;align-self:end;font-size:16px;line-height:1.6;color:var(--muted);max-width:380px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature{border:1px solid var(--line);background:linear-gradient(160deg,#1b283a,#151e2d);border-radius:20px;padding:31px;min-height:240px;transition:transform .22s,border-color .22s,background .22s}.feature:hover{transform:translateY(-5px);border-color:rgba(155,228,218,.42);background:#1d2c3d}.feature-number{display:block;color:#84b3b5;font-size:12px;font-weight:800;letter-spacing:.13em;margin-bottom:43px}.feature h3{font-size:22px;letter-spacing:-.035em;margin:0 0 11px}.feature p{color:var(--muted);line-height:1.6;margin:0;font-size:15px}.status-panel{display:flex;align-items:center;gap:40px;padding:42px 55px;margin-bottom:92px;border:1px solid rgba(155,228,218,.2);border-radius:24px;background:linear-gradient(110deg,#203b44,#1a2b3c 65%,#172435)}.status-symbol{display:grid;place-items:center;flex:none;width:82px;height:82px;color:var(--accent);font-size:44px;border:1px solid rgba(155,228,218,.45);border-radius:21px}.status-panel .eyebrow{margin:0 0 10px}.status-panel h2{margin:0 0 10px;font-size:clamp(26px,3vw,38px);letter-spacing:-.05em}.status-panel p:last-child{margin:0;color:#c2d1db;line-height:1.6}.site-footer{display:flex;align-items:center;gap:25px;padding:35px 0 44px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.footer-wordmark{font-size:18px;color:var(--ink);margin-right:auto}.footer-wordmark .mark{transform:rotate(-18deg) scale(.7);margin-right:-4px}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.site-header,.hero,.building,.status-panel,.site-footer{width:min(100% - 38px,1200px)}.site-header{min-height:75px}.wordmark{font-size:21px}.launch-pill{font-size:9px;padding:8px 10px}.hero{grid-template-columns:1fr;gap:10px;min-height:auto;padding:76px 0 60px}.hero h1{font-size:clamp(54px,11vw,75px)}.visual{min-height:345px;max-width:510px;width:100%;margin-inline:auto}.section-intro{display:block}.section-intro .eyebrow{margin:0 0 18px}.section-intro>p:not(.eyebrow){margin-top:20px}.building{padding:55px 0 75px}.feature-grid{grid-template-columns:1fr}.feature{min-height:0;padding:27px}.feature-number{margin-bottom:25px}.status-panel{gap:22px;padding:30px 25px;margin-bottom:55px}.status-symbol{width:55px;height:55px;font-size:29px}.site-footer{flex-wrap:wrap;gap:12px;padding:25px 0 35px}.footer-wordmark{width:100%}}@media(max-width:470px){.launch-pill{max-width:145px;line-height:1.25}.hero h1{font-size:53px}.visual{min-height:285px}.status-panel{align-items:start;gap:16px}.status-symbol{width:42px;height:42px;border-radius:13px;font-size:23px}.status-panel h2{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.prompt-demo{max-width:560px;margin:0 0 25px;padding:18px;border:1px solid rgba(155,228,218,.42);border-radius:18px;background:linear-gradient(150deg,rgba(34,53,70,.94),rgba(18,29,44,.98));box-shadow:0 18px 48px rgba(0,0,0,.18)}.prompt-demo:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(155,228,218,.16),0 18px 48px rgba(0,0,0,.18)}.prompt-demo label{display:block;margin-bottom:11px;font-size:14px;font-weight:750;color:#ecfffc}.prompt-demo-input{position:relative}.prompt-demo textarea{display:block;width:100%;min-height:126px;resize:vertical;padding:14px 15px;border:1px solid rgba(199,231,233,.2);border-radius:12px;background:#101b2a;color:var(--ink);font:inherit;font-size:17px;line-height:1.5}.prompt-demo textarea:focus{outline:2px solid var(--accent);outline-offset:2px}.prompt-demo textarea::placeholder{color:transparent}.prompt-demo-example{position:absolute;top:15px;left:16px;right:16px;height:2em;color:#a9bdcb;font-size:17px;line-height:1.5;pointer-events:none}.prompt-demo-example span{position:absolute;top:0;left:0;width:0;max-width:100%;overflow:hidden;opacity:0;white-space:nowrap;border-right:2px solid var(--accent);animation:prompt-type 9s steps(26,end) infinite}.prompt-demo-example span:nth-child(1){--typed-width:22ch}.prompt-demo-example span:nth-child(2){--typed-width:22ch;animation-delay:3s}.prompt-demo-example span:nth-child(3){--typed-width:24ch;animation-delay:6s}.prompt-demo textarea:focus~.prompt-demo-example,.prompt-demo textarea:not(:placeholder-shown)~.prompt-demo-example{display:none}@keyframes prompt-type{0%{width:0;opacity:1}13%,23%{width:var(--typed-width);opacity:1}32%{width:0;opacity:1}33%,100%{width:0;opacity:0}}.prompt-demo p{margin:11px 1px 0;color:#aec0d0;font-size:12px;line-height:1.5}@media(max-width:470px){.prompt-demo{padding:14px}.prompt-demo textarea{min-height:112px;font-size:16px}.prompt-demo-example{font-size:16px}}@media(prefers-reduced-motion:reduce){.prompt-demo-example span{animation:none!important;opacity:0;width:0}.prompt-demo-example span:first-child{opacity:1;width:22ch}}

/* Give the prompt its own full-width row beneath the hero story and illustration. */
.hero .prompt-demo{grid-column:1/-1;width:100%;max-width:none;margin:10px 0 0;padding:25px 28px;border-radius:22px}
.hero .prompt-demo label{font-size:18px;margin-bottom:14px}
.hero .prompt-demo textarea{min-height:172px;padding:21px 23px;font-size:clamp(18px,2vw,23px)}
.hero .prompt-demo-example{top:22px;left:24px;right:24px;font-size:clamp(18px,2vw,23px)}
.hero .prompt-demo p{font-size:13px;margin-top:12px}
@media(max-width:760px){.hero .prompt-demo{grid-column:1;padding:20px;margin-top:8px}.hero .prompt-demo textarea{min-height:145px;padding:18px;font-size:18px}.hero .prompt-demo-example{top:19px;left:19px;right:19px;font-size:18px}}
@media(max-width:470px){.hero .prompt-demo{padding:16px}.hero .prompt-demo label{font-size:16px}.hero .prompt-demo textarea{min-height:132px}.hero .prompt-demo-example{font-size:16px}}