.prototype-hero{position:relative;overflow:hidden;min-height:1080px;padding:181px 20px 20px;text-align:center;background:#fbfcf8;color:#173e30;isolation:isolate}
.prototype-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,transparent calc(100% - clamp(120px,16vw,200px)),#fff 100%),radial-gradient(ellipse at 50% 67%,#edf4e9 0%,#fbfcf8 48%);z-index:-1}
.proto-copy{max-width:790px;margin:0 auto;position:relative;z-index:2}.proto-kicker{display:inline-block;border:1px solid #cfddd0;border-radius:24px;padding:8px 15px;color:#345846;font-size:13px;line-height:1.2;background:#f5f8f1}
.proto-copy h1{font-size:clamp(46px,5.15vw,74px);font-weight:400;line-height:1.07;letter-spacing:-.06em;margin:24px 0 22px}.proto-copy p{font-size:17px;line-height:1.65;color:#52695b;margin:0 auto;max-width:570px}.proto-cta{display:inline-flex;align-items:center;gap:24px;min-height:52px;background:#173e30;color:#fff;padding:0 21px;border-radius:5px;font-size:14px;margin-top:28px;transition:background .2s,transform .2s}.proto-cta:hover{background:#285c45}
.proto-tags{position:absolute;inset:0 0 auto;height:640px;pointer-events:none;z-index:1}.proto-tag{transition:transform .12s linear,opacity .12s linear;position:absolute;display:flex;align-items:center;gap:7px;border:1px solid #c7d8c7;border-radius:28px;padding:7px 12px 7px 7px;font-size:13px;line-height:1;color:#204b3b;white-space:nowrap;background:#e6f0e1}.proto-tag b{display:grid;place-items:center;width:26px;height:26px;background:#cce3ca;border-radius:50%;font-weight:600}.proto-tag:nth-child(1){top:190px;left:9%;background:#e2eee1}.proto-tag:nth-child(2){top:250px;right:8%;background:#f5e9da;border-color:#ead8bf}.proto-tag:nth-child(3){top:430px;left:5%;background:#e5eee2}.proto-tag:nth-child(4){top:480px;right:7%;background:#e8ede9}
.proto-preview{transition:transform .12s linear;transform-origin:center top;position:relative;margin:105px auto 0;width:min(920px,86vw);text-align:left;border:1px solid #cfdbce;border-radius:10px 10px 0 0;background:#edf3e9;box-shadow:0 20px 70px #173e3018;overflow:hidden}.proto-preview-caption{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:14px 20px;font-size:13px;color:#4f6958;border-bottom:1px solid #d9e2d8}.proto-preview-caption strong{font-size:14px;color:#204b3b;font-weight:600}.proto-preview-caption span{font-size:12px}.proto-role-product-visual{margin:0;aspect-ratio:16/8.5;background:#e9efe5}.proto-role-window-bar{display:none}.proto-role-editor{display:grid;grid-template-columns: 170px 1fr 170px;height:100%;gap:0}.proto-role-editor-tools,.proto-role-editor-style{padding:28px 18px;color:#65806d;font-size:12px;display:flex;flex-direction:column;gap:9px}.proto-role-editor-tools{border-right:1px solid #d0dbce}.proto-role-editor-style{border-left:1px solid #d0dbce}.proto-role-editor-tools b{font-size:25px;font-weight:400}.proto-role-editor-tools span:not(:first-child),.proto-role-editor-style span{margin-top:10px}.proto-role-editor-tools i,.proto-role-editor-style i{display:block;height:6px;border-radius:3px;background:#c9d6c7;width:90%}.proto-role-editor-tools i:nth-of-type(2){width:60%}.proto-role-editor-style b{display:inline-block;width:17px;height:17px;background:#204b3b}.proto-role-editor-style b:last-child{background:#b8cca6}.proto-role-editor-canvas{display:flex;justify-content:center;align-items:flex-start;overflow:hidden;padding:23px}.proto-role-editor-canvas img{width:min(220px,75%);height:auto;box-shadow:0 5px 22px #204b3b20}.proto-role-editor-handle{display:none}
.prototype-end{padding:30px 20px;text-align:center;font-size:13px;color:#6c8071;background:#fbfcf8}.prototype-end a{text-decoration:underline}
@media(max-width:760px){.prototype-hero{padding:151px 16px 20px;min-height:960px}.proto-copy h1{font-size:clamp(39px,10.2vw,49px);line-height:1.09;margin:22px auto 18px}.proto-copy p{font-size:15px;line-height:1.65;max-width:340px}.proto-kicker{font-size:12px;padding:7px 11px}.proto-cta{margin-top:23px}.proto-tags{height:640px}.proto-tag{font-size:11px;padding:5px 9px 5px 5px}.proto-tag b{width:22px;height:22px}.proto-tag:nth-child(1){top:100px;left:6%}.proto-tag:nth-child(2){top:100px;right:6%}.proto-tag:nth-child(3){top:var(--feature-bottom-top,515px);left:5%}.proto-tag:nth-child(4){top:var(--feature-bottom-top,515px);right:5%}.proto-preview{margin-top:130px;width:100%;border-radius:8px}.proto-preview-caption{padding:12px}.proto-role-product-visual{aspect-ratio:1.2}.proto-role-editor{grid-template-columns:66px 1fr 62px}.proto-role-editor-tools,.proto-role-editor-style{padding:12px 7px;font-size:9px;gap:6px}.proto-role-editor-canvas{padding:14px 5px}.proto-role-editor-canvas img{width:min(160px,94%)}.proto-role-editor-tools b{font-size:18px}.proto-role-editor-style b{width:13px;height:13px}}
@media(prefers-reduced-motion:reduce){.proto-tag,.proto-preview{transform:none!important;opacity:1!important}.proto-cta:hover{transform:none}}

.intro-flight .prototype-hero{opacity:0}.intro-complete .prototype-hero{opacity:1;transition:opacity .5s}


.glitch-cta{position:relative;display:inline-grid;place-items:center;min-width:124px;min-height:52px;padding:0 22px;overflow:visible;isolation:isolate;border:1px solid #315c49;border-radius:8px;color:#fff;font-size:20px;font-weight:500;line-height:1;letter-spacing:.01em;background:linear-gradient(to bottom,rgba(255,255,255,.13),rgba(255,255,255,0) 40%),linear-gradient(160deg,#357559,#173e30);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,20,10,.28),0 2px 4px #173e3033,0 5px 14px -6px #173e304f;transform:translate(var(--mag-x,0px),var(--mag-y,0px));transition:transform .2s ease;animation:invimoo-glitch-hue 6.5s ease-in-out infinite}
.glitch-cta:hover{background:linear-gradient(to bottom,rgba(255,255,255,.13),rgba(255,255,255,0) 40%),linear-gradient(160deg,#357559,#173e30);transform:translate(var(--mag-x,0px),var(--mag-y,0px))}
.glitch-cta:focus-visible{outline:3px solid #40795d;outline-offset:5px}.glitch-base{position:relative;z-index:2;pointer-events:none}.glitch-layer{display:grid;place-items:center;position:absolute;inset:-1px;z-index:3;border-radius:8px;pointer-events:none;opacity:0;white-space:nowrap;color:#fff;background:linear-gradient(to bottom,rgba(255,255,255,.13),rgba(255,255,255,0) 40%),linear-gradient(160deg,#357559,#173e30)}
@keyframes invimoo-glitch-hue{0%,100%{filter:none}50%{filter:saturate(1.12) brightness(1.06)}}
@media(prefers-reduced-motion:reduce){.glitch-cta{animation:none!important;transform:none!important;transition:none!important}.glitch-layer{display:none!important}}


/* JS resumes the decorative hue animation only while its CTA is visible. */
.glitch-cta{animation-play-state:paused}

.prototype-hero.hero-tags-hidden .proto-tags{visibility:hidden}
/* Soften the illustration edge as the next section arrives. */
.proto-preview{padding-bottom:96px;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 96px),transparent 100%);mask-image:linear-gradient(to bottom,#000 calc(100% - 96px),transparent 100%)}