/* Prevapp Terreno 1.2: product presentation, scoped UI additions. */
:root{--forest:#153f47;--green:#146b52;--lime:#e3f3ec;--cream:#f4f6fa;--text:#203743;--muted:#61727f;--line:#dce4eb;--radius:24px}
.brand>span{color:#20b56a}.brand-app{color:#d6a01c}.brand-dot{display:none}
.site-header{background:#ffffffed;backdrop-filter:blur(14px)}
.button{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 5px 14px #153f4710}
.button:hover{background:#105941;color:#fff;transform:translateY(-2px)}
.button-outline{background:#fff;color:var(--forest);border-color:#c8d7d9;box-shadow:none}.button-outline:hover{background:#edf5f1;color:var(--forest)}
.button:focus-visible,.product-feature:focus-visible,.showcase-controls button:focus-visible{outline:3px solid #b4780d;outline-offset:4px}
.hero{gap:60px;min-height:760px;padding-top:55px;padding-bottom:65px;align-items:center}
.hero h1{font-size:clamp(44px,5.1vw,73px);line-height:1.08;max-width:660px;letter-spacing:-.055em}.hero h1 span{color:var(--green)}
.hero-copy>p{max-width:550px;font-size:18px;line-height:1.8}.hero-platforms{font-size:12px;color:var(--muted)}
.hero-visual{isolation:isolate;min-height:670px;display:flex;align-items:center;justify-content:center}
.hero-visual:before{content:'';position:absolute;z-index:-1;inset:65px -14px 45px;border-radius:38px;background:#eaf3ef;transform:rotate(-5deg)}
.hero-phone{transform:rotate(3deg);width:300px;filter:none}.hero-phone:hover{transform:rotate(1deg)}
.product-phone{width:100%;aspect-ratio:390/844;border:7px solid #16323a;border-radius:35px;background:#f4f5fa;overflow:hidden;box-shadow:0 24px 48px #153f4724;position:relative}
.product-phone img{display:block;width:100%;height:100%;object-fit:contain;object-position:top;background:#f4f5fa}
.product-phone:after{content:'';position:absolute;top:7px;left:50%;transform:translateX(-50%);width:66px;height:10px;border-radius:9px;background:#16323a}
.hero-label{position:absolute;right:-10px;top:64px;border:1px solid #d3e5dc;background:#fff;border-radius:16px;padding:14px 17px;box-shadow:0 8px 26px #153f4712;display:flex;gap:12px;align-items:center;font-size:12px;max-width:220px}
.hero-label .icon{color:var(--green);width:24px;height:24px}.hero-label strong{display:block;color:var(--text)}.hero-label small{display:block;font-size:11px;color:var(--muted)}
.hero-version{position:absolute;bottom:19px;left:50%;transform:translateX(-50%);white-space:nowrap;color:var(--muted);font-size:10px;letter-spacing:.02em}
.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.hero-tags span{font-size:11px;padding:5px 10px;background:#f3f6f8;border:1px solid #e6ebef;border-radius:6px;color:#435865}
.proof-strip{background:#f5f7f9;border-color:var(--line)}
.workflow-grid article{border-top:1px solid var(--line)}.workflow-icon{background:#edf5f1;color:var(--green)}
.product-showcase{background:#f4f6fa;border-block:1px solid #e4eaf0;overflow:hidden}.product-showcase .section-head{margin-bottom:42px;max-width:720px}
.product-showcase h2 span{color:var(--green)}
.product-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px 70px;align-items:center}
.product-features{grid-column:1;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-self:start;padding-top:20px}
.product-feature{--tone:#146b52;--tint:#e8f4ed;background:#fff;border:1px solid #dae4eb;border-radius:15px;text-align:left;display:flex;align-items:flex-start;gap:11px;padding:17px 13px;min-height:105px;color:var(--text);position:relative;box-shadow:0 3px 8px #17374304;transition:border-color .18s,box-shadow .18s,transform .18s}
.product-feature:hover{border-color:var(--tone);transform:translateY(-2px)}.product-feature.is-active{border-color:var(--tone);box-shadow:0 0 0 1px var(--tone),0 7px 20px #153f4710}
.product-feature-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--tint);color:var(--tone);flex:none}.product-feature-icon .icon{width:19px;height:19px}
.product-feature>span:nth-child(2){min-width:0}.product-feature strong{display:block;font-size:13px;line-height:1.3;margin:2px 0 7px;color:var(--text)}.product-feature>span>span{font-size:11px;line-height:1.55;display:block;color:var(--muted)}.feature-arrow{margin-left:auto;font-size:15px;color:var(--tone);display:none}
.tone-blue{--tone:#235fa4;--tint:#eaf2fd}.tone-amber{--tone:#956209;--tint:#fff3d7}.tone-teal{--tone:#087875;--tint:#e3f4f0}.tone-violet{--tone:#71449c;--tint:#f0eaf8}.tone-slate{--tone:#546978;--tint:#eaf0f5}
.product-stage{grid-column:2;grid-row:1/3;width:100%;justify-self:center}.product-stage .phone-stack{width:290px;height:auto;aspect-ratio:390/844;position:relative;margin:auto}
.product-stage .phone-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:none;transition:opacity .25s}.product-stage .phone-slide.is-active{opacity:1;visibility:visible}.product-stage .phone-slide[hidden]{display:none}.product-stage .product-phone{height:100%}
.product-stage .showcase-controls{margin-top:20px;gap:10px;color:var(--text);justify-content:center}.product-stage .showcase-controls button{width:38px;height:38px;min-height:38px;border:1px solid #cddae3;background:white;border-radius:50%;color:var(--forest)}.product-stage .showcase-controls button:hover{background:#e5efe9}.product-stage .showcase-controls span{min-width:125px;text-align:center;font-size:12px}.product-stage .demo-note{color:var(--muted);margin-top:14px;font-size:10px;line-height:1.5;text-align:center}
.product-stories{grid-column:1;min-height:180px;align-self:start;border-top:1px solid #dce5eb;padding-top:25px}.product-stories article[hidden]{display:none}.product-stories .eyebrow{font-size:10px}.product-stories h3{font-size:25px;line-height:1.3;max-width:520px;margin-block:9px 12px}.product-stories p{font-size:14px;max-width:520px;margin-bottom:18px;line-height:1.8}.product-stories .text-link{font-size:12px}
.training-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.8fr);gap:100px;align-items:center}.training-copy>p{max-width:540px}.training-preview{margin:0;display:flex;flex-direction:column;align-items:center;background:#f1ecf8;border-radius:32px;padding:30px 35px 23px}.training-preview .product-phone{max-width:285px}.training-preview figcaption{font-size:11px;text-align:center;color:var(--text);margin-top:23px;line-height:1.7}.training-preview figcaption span{font-size:10px;color:var(--muted)}
.training-steps{list-style:none;padding:0;margin:30px 0;display:grid;gap:23px}.training-steps li{display:flex;gap:17px}.training-steps li>span{height:32px;width:32px;border-radius:9px;background:#f1ecf8;display:grid;place-items:center;flex:none;color:#71449c;font-size:11px;font-weight:800}.training-steps h3{font-size:17px;letter-spacing:-.025em;margin:2px 0 6px}.training-steps p{font-size:13px;line-height:1.7;margin:0;color:var(--muted)}
.web-section{border-top:1px solid #e4eaf0}.dashboard aside{background:#153f47}.dashboard aside .active{background:#ffffff18}.dash-document,.web-visual{border-color:#dce5eb}
.product-faq{padding-top:60px}.product-faq h2{max-width:320px}.final-cta{background:#edf5f1}.cta-mark{outline-color:#c6ddd1}.teaser-card.green{background:#153f47;color:#fff}.teaser-card.green h3,.teaser-card.green>strong{color:#fff}.teaser-card.green p{color:#d9e5e2}.teaser-card.green>.icon{color:#a7d4bd}
.plan-card.featured{background:#153f47}.plan-card.featured .button{background:#e3f3ec;color:#153f47}.plan-card.featured .button:hover{background:#fff}.plan-card.featured .check-list .icon{color:#a7d4bd}
@media(min-width:1400px){.hero{min-height:800px}.hero-visual{min-height:710px}.hero-phone{width:310px}}
@media(max-width:1100px){.product-grid{gap:22px 35px;grid-template-columns:minmax(0,1fr) 285px}.product-feature{padding:15px 10px;gap:8px}.product-feature-icon{width:29px;height:29px}.product-feature strong{font-size:12px}.product-feature>span>span{font-size:10px}.training-section{gap:50px}.hero{gap:35px}.hero-label{right:-5px;top:45px;max-width:190px}}
@media(max-width:960px){.hero{padding-top:35px;min-height:690px}.hero h1{font-size:50px}.hero-copy>p{font-size:15px}.hero-visual{min-height:620px}.hero-phone{width:260px;transform:rotate(2deg)}.hero-label{display:none}.hero-visual:before{inset:65px -4px 55px}.hero-version{font-size:9px;bottom:13px}.product-grid{gap:20px 30px;grid-template-columns:minmax(0,1fr) 270px}.product-features{gap:9px}.product-stage .phone-stack{width:265px}.product-feature{min-height:108px;display:block}.product-feature-icon{margin-bottom:10px}.product-feature>span>span{display:none}.product-stories h3{font-size:23px}.training-section{gap:40px}.training-preview{padding:25px 20px}.training-steps{gap:18px}.training-copy h2{font-size:35px}}
@media(max-width:700px){.hero{grid-template-columns:minmax(0,1fr);gap:0;padding-top:36px;padding-bottom:35px;text-align:left}.hero h1{font-size:clamp(41px,10.7vw,60px);max-width:590px}.hero-copy>p{font-size:15px;line-height:1.8;max-width:550px}.hero .actions{flex-wrap:wrap;gap:10px}.hero .button{font-size:12px;padding:13px 16px;min-height:48px}.hero-tags{margin:22px 0}.hero-platforms{font-size:11px}.hero-visual{margin-top:30px;min-height:650px;max-width:480px;width:100%}.hero-phone{width:270px;transform:rotate(2deg)}.hero-visual:before{inset:45px 10px 48px;transform:rotate(-3deg);border-radius:26px}.hero-version{bottom:4px;font-size:9px}.proof-strip>.container{min-height:110px;padding-block:19px}.product-showcase{padding-block:55px}.product-showcase .section-head{margin-bottom:22px}.product-showcase h2{font-size:34px}.product-grid{display:flex;flex-direction:column;gap:25px}.product-features{display:flex;gap:10px;width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:4px 3px 12px;scrollbar-width:thin}.product-feature{min-width:155px;max-width:155px;min-height:98px;scroll-snap-align:center;padding:15px;display:flex;flex-direction:column;gap:0}.product-feature-icon{margin-bottom:10px;width:29px;height:29px}.product-feature strong{font-size:12px;margin:0}.product-feature>span>span{display:none}.product-stage{width:100%;margin-top:0}.product-stage .phone-stack{width:265px;max-width:100%}.product-stage .showcase-controls span{font-size:12px;min-width:125px}.product-stories{width:100%;min-height:185px;padding-top:20px}.product-stories h3{font-size:25px;max-width:500px}.product-stories p{font-size:14px}.product-stories .eyebrow{font-size:10px}.training-section{grid-template-columns:minmax(0,1fr);gap:35px}.training-copy h2{font-size:35px}.training-steps h3{font-size:16px}.training-preview{padding:25px 20px;max-width:440px;width:100%;justify-self:center}.training-preview .product-phone{max-width:270px}.training-preview figcaption{font-size:11px}.product-faq{padding-top:0}.product-faq h2{max-width:100%}.web-section{padding-top:55px}}
@media(max-width:380px){.hero{padding-top:28px}.hero h1{font-size:40px}.hero .button{font-size:11px;padding:13px}.hero-visual{min-height:600px}.hero-phone{width:250px}.hero-visual:before{inset:40px 4px 40px}.hero-version{font-size:8px;bottom:2px}.hero-tags span{font-size:10px}.product-showcase h2,.training-copy h2{font-size:31px}.product-stage .phone-stack{width:248px}.product-stories h3{font-size:23px}.training-preview .product-phone{max-width:245px}.product-stage .showcase-controls{gap:8px}.product-stage .showcase-controls span{min-width:108px;font-size:11px}.training-preview{padding:20px 13px}.product-phone{border-width:6px;border-radius:30px}}
@media(prefers-reduced-motion:reduce){.hero-phone,.product-feature,.product-stage .phone-slide{transition:none!important;transform:none!important}}

/* Public product illustrations deliberately omit the app's internal interface. */
.product-concept{background:#f6f8fa;display:flex;flex-direction:column;color:var(--text);font-family:Manrope,Arial,sans-serif}.product-concept:after{display:none}
.concept-brand{background:#153f47;color:#20b56a;padding:26px 22px 21px;font-size:26px;font-weight:850;letter-spacing:-1.8px;line-height:1.2}.concept-brand>span{color:#e2ad25}.concept-brand small{display:block;font-size:6px;letter-spacing:1.6px;color:#d4e6e3;font-weight:700;margin-top:4px}
.concept-body{padding:24px 18px 18px;flex:1;display:flex;flex-direction:column;justify-content:center}.concept-kicker{color:#637983;text-align:center;font-size:7px;letter-spacing:1.5px;font-weight:800;line-height:1.5}
.concept-orbit{width:100%;height:220px;position:relative;display:grid;place-items:center}.concept-orbit:before{content:'';width:156px;height:156px;border:1px dashed #bdcfd4;border-radius:50%;position:absolute;transform:rotate(10deg)}.concept-orbit:after{content:'';width:118px;height:118px;border:1px solid #dce7e6;border-radius:50%;position:absolute}
.concept-emblem{width:81px;height:81px;border-radius:23px;background:var(--tone,#146b52);color:white;display:grid;place-items:center;z-index:1;box-shadow:0 12px 25px #153f471a;transform:rotate(-7deg)}.concept-emblem .icon{width:37px;height:37px;transform:rotate(7deg)}
.concept-node{position:absolute;width:43px;height:43px;border-radius:13px;background:#fff;border:1px solid #d9e5e7;display:grid;place-items:center;box-shadow:0 7px 15px #153f4710;z-index:2}.concept-node .icon{width:22px;height:22px}.node-one{top:26px;left:12px;color:#235fa4}.node-two{top:37px;right:0;color:#71449c}.node-three{bottom:25px;right:22px;color:#956209}
.concept-paper{padding:18px 17px;background:white;border:1px solid #dfe7eb;border-radius:16px;box-shadow:0 8px 18px #153f4708}.concept-paper>strong{display:block;font-size:17px;line-height:1.4;letter-spacing:-.5px;color:var(--forest)}
.concept-lines{display:grid;gap:7px;margin:17px 0 20px}.concept-lines i{height:5px;background:#e6edf0;border-radius:3px;width:100%}.concept-lines i:nth-child(2){width:79%}.concept-lines i:nth-child(3){width:48%;background:var(--tint,#e8f4ed)}
.concept-complete{display:flex;gap:8px;align-items:center;color:var(--tone,#146b52);font-size:9px;font-weight:650;line-height:1.6}.concept-complete .icon{height:18px;width:18px;border-radius:50%;background:var(--tint,#e8f4ed);padding:3px}
.concept-footer{display:flex;align-items:center;justify-content:center;gap:12px;color:#61727f;font-size:8px;margin-top:21px;line-height:1.5}.concept-footer span+span{border-left:1px solid #d5e0e4;padding-left:12px}
.training-steps li>span .icon{width:17px;height:17px}.product-feature strong{font-size:15px}.product-feature>span>span{font-size:12px;max-width:250px}.feature-arrow{display:block}
@media(max-width:1100px){.product-feature strong{font-size:13px}.product-feature>span>span{font-size:11px}.feature-arrow{display:none}}
@media(max-width:960px){.concept-orbit{height:190px}.concept-brand{padding:24px 19px 18px;font-size:25px}.concept-body{padding:20px 15px 15px}.concept-paper{padding:16px}.concept-paper>strong{font-size:16px}.concept-footer{gap:9px;font-size:7px}.concept-footer span+span{padding-left:9px}}
@media(max-width:700px){.product-feature strong{font-size:12px}.concept-paper>strong{font-size:16px}.concept-orbit{height:190px}.hero-version{font-size:9px}}
@media(max-width:380px){.concept-brand{font-size:23px;padding:22px 18px 17px}.concept-body{padding:18px 13px 13px}.concept-orbit{height:170px}.concept-orbit:before{height:140px;width:140px}.concept-node{height:37px;width:37px}.concept-emblem{height:70px;width:70px}.concept-paper{padding:14px}.concept-paper>strong{font-size:15px}.concept-footer{margin-top:15px;font-size:7px;gap:7px}.concept-footer span+span{padding-left:7px}.concept-lines{margin:14px 0 15px}.hero-version{font-size:8px}}
.menu-toggle{min-height:44px;min-width:44px}.product-stage .showcase-controls button{width:44px;height:44px;min-height:44px;flex:none}
@media(max-width:960px){.product-stage .showcase-controls{gap:7px}.product-stage .showcase-controls span{min-width:110px}}