.lime{color:var(--lime)}.hero{padding-top:35px}.hero-copy{margin-bottom:40px}h1{font-size:clamp(48px,6.2vw,84px)}.showcase{border:1px solid #42494d;border-radius:12px;overflow:hidden;background:#1a1d21}.showcase-top{display:flex;justify-content:space-between;padding:16px 24px;font:10px Consolas,monospace;letter-spacing:1.5px;color:#aeb9c0}.showcase-top .dot{margin-right:8px}.showcase-image{display:block;width:100%;height:520px;border:0;background:#171d20;overflow:hidden;padding:20px;cursor:zoom-in}.showcase-image img{width:100%;height:100%;object-fit:contain;display:block;transition:opacity .2s}.showcase-image.detail img{object-fit:cover;object-position:0 100%;transform:scale(1.6);transform-origin:0 100%}.showcase-image.studio{padding:0;background:#171a1e}.showcase-caption{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:28px 32px}.showcase-caption h2{font-size:28px;letter-spacing:-.7px;margin:10px 0}.showcase-caption p{font-size:14px;color:var(--muted);line-height:1.6;margin:0}.showcase-caption .eyebrow{color:var(--lime);font-size:9px}.project-stat{min-width:160px;text-align:right}.project-stat strong{display:block;font-size:44px;letter-spacing:-2px;font-weight:400;color:var(--lime)}.project-stat span{font-size:10px;color:var(--muted)}.carousel-controls{display:flex;justify-content:space-between;gap:12px;padding:0 24px 20px}.slide-buttons{display:flex;gap:8px}.carousel-controls button{background:none;color:#a2a8af;border:1px solid #363d42;border-radius:4px;padding:12px;font-size:11px}.slide-buttons button[aria-pressed=true]{border-color:var(--lime);color:#121417;background:var(--lime)}.slide-buttons span{margin-left:8px}.story{display:grid;grid-template-columns:1fr 1fr;gap:100px}.story>div>p,.ipad-section>div>p{color:var(--muted);font-size:16px;line-height:1.8;max-width:440px;margin:25px 0}.text-link{display:inline-block;color:var(--lime);border-bottom:1px solid #697c39;padding-bottom:8px;font-size:14px}.story-steps article{position:relative;padding:0 0 24px 50px;border-bottom:1px solid var(--line);margin-bottom:24px}.story-steps article>span{position:absolute;left:0;top:4px;color:var(--lime);font:12px Consolas,monospace}.story-steps h3{margin-top:0}.story-steps p{font-size:14px;color:var(--muted);line-height:1.7}.pro-section{background:radial-gradient(ellipse at 90% 20%,#303b2040,transparent 60%),#191d1a;border-block:1px solid #343e2b}.pro-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pro-cards article{display:flex;flex-direction:column;padding:30px;background:#161a17;border:1px solid #3b4434;border-radius:8px}.card-symbol{font-size:40px;color:var(--lime);margin-bottom:35px}.pro-cards .eyebrow{font-size:9px;color:#b4c69a}.pro-cards h3{font-size:26px;margin:18px 0}.pro-cards p{font-size:14px;color:#aeb6aa;line-height:1.8}.pro-cards small{font-size:11px;line-height:1.7;color:#8d9886;margin-top:auto;padding-top:22px}.assistant-chips{display:flex;gap:8px;margin:8px 0}.assistant-chips span{font-size:11px;border:1px solid #47513e;padding:8px 11px;border-radius:4px}.pro-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:35px}.pro-bottom p{line-height:1.8}.pro-bottom span{font-size:13px;color:var(--muted)}.ipad-section{display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:60px;overflow:hidden}.tablet-composition{padding:35px 25px 15px;position:relative}.tablet{background:#22272a;border:2px solid #727779;padding:16px;border-radius:30px;transform:rotate(-7deg);box-shadow:0 30px 50px #0007;position:relative}.tablet-screen{aspect-ratio:1.36;background:#171d20;border-radius:15px;overflow:hidden}.tablet-screen img{width:100%;height:100%;object-fit:cover}.tablet-camera{position:absolute;width:5px;height:5px;background:#050606;border-radius:100%;left:50%;top:6px}.pencil{height:85%;width:10px;border-radius:8px;background:linear-gradient(90deg,#bfc2c5,#fff,#d7d9da);position:absolute;right:0;top:2%;transform:rotate(13deg);box-shadow:6px 6px 10px #0005}.tablet-composition>p{font-size:10px;color:var(--muted);text-align:center;margin-top:40px}.roadmap{padding-top:25px}.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.roadmap-grid article{border-top:1px solid #50564c;padding:25px 0}.status{font:10px Consolas,monospace;letter-spacing:1px;color:#a4b19b}.status.current{color:var(--lime)}.roadmap-grid p{font-size:14px;line-height:1.8;color:var(--muted)}.roadmap-links{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.roadmap-links p{color:var(--muted);font-size:14px}.early-form{max-width:660px;margin:32px auto;text-align:left}.early-form label{display:block;font-size:12px;margin:18px 0 9px;color:#c8cebf}.early-form label span{color:#8f9988}.early-form input,.early-form select{width:100%;background:#121612;color:#eef1e9;border:1px solid #536048;border-radius:5px;padding:15px;font:14px Arial;min-width:0}.early-form input:focus,.early-form select:focus{outline:2px solid var(--lime);outline-offset:2px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.early-form .button{border:0;width:100%;margin-top:8px;justify-content:center}.contact .form-purpose{font-size:12px;line-height:1.7;margin:20px 0}.contact .preview-notice{font-size:12px;color:#d4c99b;line-height:1.7;margin:14px 0}.feedback-link{font-size:13px;text-decoration:underline;color:var(--muted)}
@media(max-width:1000px){.showcase-image{height:430px}.pro-cards{gap:12px}.pro-cards article{padding:22px}.story{gap:45px}.ipad-section{gap:25px}.pro-cards h3{font-size:23px}}@media(max-width:700px){.showcase-image{height:310px;padding:8px}.showcase-caption{padding:20px;align-items:start}.showcase-caption h2{font-size:22px}.showcase-caption p{font-size:12px}.project-stat{min-width:75px}.project-stat strong{font-size:30px}.project-stat span{font-size:9px}.carousel-controls{flex-wrap:wrap;padding:0 15px 18px}.slide-buttons{width:100%}.slide-buttons button{flex:1}.slide-buttons span{display:block;margin:6px 0 0;font-size:10px}.story,.ipad-section,.pro-cards,.roadmap-grid{grid-template-columns:1fr}.story{gap:35px}.pro-cards article{padding:28px}.card-symbol{margin-bottom:20px}.pro-bottom,.roadmap-links{align-items:start;flex-direction:column}.tablet-composition{margin-top:20px}.form-row{grid-template-columns:1fr;gap:0}.contact{padding:40px 20px}.showcase-top{font-size:8px;padding:14px}.hero-copy{margin-bottom:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Preserve the full IDE frame in every showcase slide. */
.showcase-image.ide{padding:0;background:#1c2024;height:auto;aspect-ratio:16/9}.showcase-image.ide img{object-fit:contain;transform:none}

.carousel-controls button:focus-visible,.showcase-image:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.carousel-controls button:hover{border-color:var(--lime)}

.slide-buttons{flex-wrap:wrap}.carousel-controls{align-items:flex-start}.project-stat{min-width:170px}.project-stat strong{font-size:clamp(24px,3.2vw,42px)}@media(max-width:700px){.slide-buttons{display:grid;grid-template-columns:1fr 1fr}.project-stat{min-width:90px}}

/* Actual iPad screenshots retain their full native frame and proportions. */
.ipad-section{grid-template-columns:.85fr 1.55fr;gap:44px}
.ipad-preview{margin:0;min-width:0;padding:12px 0}
.ipad-device{padding:13px;background:#202427;border:1px solid #626a70;border-radius:24px;box-shadow:0 24px 50px #0005}
.ipad-slides{position:relative;aspect-ratio:2732/2048;overflow:hidden;border-radius:12px;background:#f8f9fa}
.ipad-slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 900ms ease}
.ipad-slides img.is-active{opacity:1}
.ipad-preview figcaption{margin-top:18px;text-align:center;font-size:11px;line-height:1.6;color:var(--muted)}
@media(max-width:700px){.ipad-section{grid-template-columns:1fr;gap:28px}.ipad-device{padding:8px;border-radius:18px}.ipad-slides{border-radius:10px}}
@media(prefers-reduced-motion:reduce){.ipad-slides img{transition:none}}

.slide-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.carousel-controls .slide-buttons button{text-align:left}@media(max-width:700px){.slide-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}

.everyday-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.everyday-grid article{padding:28px;border:1px solid var(--line);border-radius:8px;background:#191d20}.everyday-grid article>span,.platform-grid span{font:10px Consolas,monospace;color:var(--lime)}.everyday-grid p,.platform-grid p{color:var(--muted);font-size:14px;line-height:1.8}.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.platform-grid article{border-top:1px solid #525c45;padding:12px 0 20px}.platform-grid h3{margin-top:16px}.pro-cards ul{padding-left:18px;font-size:14px;line-height:1.8;color:#aeb6aa}.pro-cards li{margin-bottom:10px}.pro-cards strong{color:#e5ebdf}.early-form .signup-consent{display:flex;gap:12px;align-items:flex-start;line-height:1.7;margin:24px 0}.signup-consent input{width:18px;height:18px;flex:0 0 18px;margin-top:3px;accent-color:var(--lime)}#signup-status{min-height:40px}#signup-status[data-state=error]{color:#ffb9aa}#signup-status[data-state=success]{color:var(--lime)}.early-form button:disabled{opacity:.65;cursor:wait}@media(max-width:1000px){.platform-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.everyday-grid{grid-template-columns:1fr}.platform-grid{gap:24px}.everyday-grid article{padding:22px}}

/* Readable hierarchy: product benefits are body copy, never fine print. */
.hero-side p{font-size:21px;line-height:1.6}.availability{font-size:16px;line-height:1.6;color:#d1d9ca}
.eyebrow,.showcase-top,.showcase-caption .eyebrow,.pro-cards .eyebrow,.everyday-grid article>span{font-size:12px;line-height:1.6;letter-spacing:1px}
.section-heading>p,.story>div>p,.ipad-section>div>p{font-size:20px;line-height:1.6;color:#c1c9c7}
.everyday-grid p,.story-steps p,.pro-cards p,.pro-cards ul,.platform-grid p{font-size:18px;line-height:1.65;color:#c1c9c7}
.pro-cards{gap:26px}.pro-cards article{padding:30px}.pro-cards h3{font-size:30px;line-height:1.2}.card-symbol{margin-bottom:16px}
.pro-cards ul{list-style:none;padding:0;margin:0}.pro-cards li{margin:0 0 18px}.pro-cards li strong{font-size:19px}
.pro-cards .pro-note{font-size:16px;line-height:1.6;margin-top:auto;padding-top:20px;border-top:1px solid #3b4434;color:#ccd6c1}
.assistant-chips span{font-size:14px}.pro-bottom p{font-size:20px}.pro-bottom span{font-size:17px;line-height:1.6}
.platform-grid span,.sub-note{font-size:14px;line-height:1.6}.platform-grid span{display:inline-block}.platform-grid h3{font-size:28px}
.showcase-caption p{font-size:18px}.project-stat span,.image-note,.ipad-preview figcaption{font-size:14px;line-height:1.6;color:#b8c1bc}
.carousel-controls button{font-size:14px}.slide-buttons span{font-size:14px}
.early-form label,.early-form .signup-consent,.contact .preview-notice{font-size:16px;line-height:1.65}.early-form input,.early-form select{font-size:17px}.feedback-link{font-size:16px}
.roadmap-links{margin:0;padding:28px 0}.roadmap-links h2{font-size:clamp(30px,4vw,46px);margin:14px 0 0}
@media(max-width:1000px){.pro-cards{grid-template-columns:1fr}.pro-cards article{padding:30px}.pro-cards h3 br{display:none}}
@media(max-width:700px){.hero-side p{font-size:19px}.section-heading>p,.story>div>p,.ipad-section>div>p{font-size:19px}.showcase-caption{flex-direction:column;gap:14px}.project-stat{text-align:left}.showcase-caption p{font-size:17px}.eyebrow,.showcase-caption .eyebrow,.pro-cards .eyebrow{font-size:12px}.slide-buttons span{font-size:13px}.principles span{font-size:14px}.platform-grid h3{font-size:24px}.pro-cards h3{font-size:28px}.roadmap-links{gap:24px}}

/* Source artwork is an attributed presentation inset, not part of the CAD capture. */
.showcase-media,.dialog-media{position:relative}.source-inset{position:absolute;top:5%;left:3%;width:14%;max-width:180px;padding:10px;background:#171d20f5;border:1px solid #889774;border-radius:7px;box-shadow:0 8px 24px #0005;color:#ecf0e6;text-decoration:none;z-index:1}.source-inset[hidden]{display:none}.source-inset img{display:block;width:100%;height:auto;margin:7px 0;object-fit:contain}.source-inset span{display:block;font-size:12px;line-height:1.4}.source-inset span:first-child{color:var(--lime);font-weight:600}.source-inset:hover{border-color:var(--lime)}.source-inset:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
@media(max-width:700px){.source-inset{position:static;display:flex;align-items:center;gap:12px;width:auto;max-width:none;margin:12px;padding:10px}.source-inset img{width:100px;order:-1;margin:0}.source-inset span{font-size:13px}.source-inset span:last-child{margin-left:auto}.source-inset[hidden]{display:none}}

/* Give the source room on tablets; never trade drawing area for a cramped overlay. */
@media(max-width:1000px){
 .source-inset{position:static;display:grid;grid-template-columns:120px 1fr;grid-template-rows:auto auto;column-gap:16px;row-gap:4px;align-items:center;width:auto;max-width:none;margin:14px;padding:12px}
 .source-inset img{grid-column:1;grid-row:1 / 3;width:120px;height:auto;margin:0}
 .source-inset span{grid-column:2;font-size:14px;line-height:1.45}
 .source-inset span:first-child{align-self:end}.source-inset span:last-child{align-self:start;margin:0}
 .source-inset[hidden]{display:none}
}
@media(max-width:480px){.source-inset{grid-template-columns:96px 1fr;column-gap:12px;margin:12px;padding:10px}.source-inset img{width:96px}.source-inset span{font-size:13px}}

@media(max-width:1000px){.pro-cards h3 br{display:initial}}

.project-stat strong{white-space:nowrap;font-size:clamp(34px,4.4vw,58px)}.project-stat{min-width:190px}.project-stat span{display:block;max-width:240px;margin-left:auto;font-size:15px;line-height:1.5}@media(max-width:700px){.project-stat{min-width:0}.project-stat span{margin-left:0;max-width:none}.showcase-top{letter-spacing:.5px}}

.recaptcha-note{font-size:14px!important;line-height:1.6;color:#b8c1bc}.recaptcha-note a{text-decoration:underline}.recaptcha-note[hidden]{display:none}

/* Native disclosures keep useful answers readable without JavaScript. */
.project-evidence{margin-top:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}
.project-evidence summary,.faq-list summary{cursor:pointer;font-size:20px;font-weight:600;line-height:1.5;padding-right:12px}
.project-evidence p,.faq-list p{font-size:18px;line-height:1.65;color:#b8c1bc;max-width:76ch}
.project-evidence a,.faq-list a{color:var(--lime);text-decoration:underline;text-underline-offset:4px}
.workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-top:20px}
.workflow-grid h3{font-size:24px;margin:0}.workflow-grid strong{color:var(--white)}
.faq-list{max-width:960px}.faq-list details{padding:22px 0;border-top:1px solid var(--line)}
.faq-list details:last-child{border-bottom:1px solid var(--line)}
.faq-list details[open] summary,.project-evidence[open]>summary{color:var(--lime)}
@media(max-width:1000px){.workflow-grid{grid-template-columns:1fr;gap:20px}}
@media(max-width:700px){.project-evidence summary,.faq-list summary{font-size:19px}.project-evidence p,.faq-list p{font-size:18px}}