/* A shorter, tier-led sales story. Existing phone assets remain uncropped. */
section[id]{scroll-margin-top:96px}.section{padding-block:90px}.tiers-section{border-top:1px solid var(--line)}.tier-grid{margin-top:42px}.tier-card{padding:34px;min-height:0}.tier-card h3{font-size:42px}.tier-card ul{grid-template-columns:1fr;gap:12px;margin:25px 0}.tier-price{font:72px/1 var(--display);letter-spacing:-.025em;margin:18px 0 10px}.tier-price span{font:16px var(--body);letter-spacing:0;color:#a7bac4;margin-left:10px}.annual-price{color:var(--cyan);font:22px var(--display)}.tier-note{display:block;color:#9eafb9;font-size:13px;line-height:1.6;margin-top:22px}.tier-card .button{margin-top:8px}.code-story{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center;max-width:1250px;margin:auto}.codesearch-section{background:radial-gradient(ellipse at 85% 50%,#10374a55,transparent 55%)}.section-lede{color:#b5c2ca;line-height:1.7;font-size:19px;max-width:720px}.code-device{margin:0;text-align:center}.code-device .phone{margin:auto;transform:none}.code-device figcaption{font:13px var(--display);color:#829ba8;letter-spacing:.12em;margin-top:28px}.search-methods{display:grid;gap:0;margin-top:32px}.search-methods article{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.search-methods b{color:var(--cyan);font:27px var(--display)}.search-methods h3{font:25px var(--display);margin:0 0 4px;text-transform:uppercase}.search-methods p{color:#a1b0b8;margin:0;line-height:1.5}.code-chips{margin-top:25px}.tour-note{font-size:14px!important;color:#92a7b2!important}.demo-shell{grid-template-columns:minmax(190px,.85fr) minmax(280px,1fr) minmax(220px,1fr);gap:42px}.demo-rail{max-height:650px}.tour-toggle{background:#101d25;color:var(--cyan);border:1px solid #33505f;padding:10px 18px;margin-top:22px;cursor:pointer}.upgrade-notice{max-width:1250px;margin:65px auto 0;padding:24px 30px;border:1px solid #2b4655;background:#0b151c;display:grid;grid-template-columns:230px 1fr;gap:24px;align-items:center}.upgrade-notice p{margin:0;color:#b0bfc7;font-size:14px;line-height:1.7}.upgrade-notice strong{color:#e3edf2}.tier2-section{background:linear-gradient(135deg,#0b1922,#060a0f 55%);border-top:1px solid #315469}.tier2-intro{display:grid;grid-template-columns:1fr 310px;gap:70px;align-items:center;max-width:1300px;margin:auto}.tier2-intro h2{font-size:clamp(48px,5.7vw,86px)}.upgrade-price{border:1px solid var(--cyan);padding:30px;background:#0a1822;text-align:center}.upgrade-price>span{font:15px var(--display);color:var(--cyan);letter-spacing:.12em}.upgrade-price strong{display:block;font:64px var(--display);margin:16px 0 0}.upgrade-price small{font:16px var(--body);color:#9badb8}.upgrade-price p{color:#b5c7d1}.upgrade-price .button{font-size:16px;padding-inline:12px}.tier2-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1300px;margin:55px auto 70px}.tier2-benefits article{padding:30px;border-top:2px solid var(--cyan);background:#0b151c}.tier2-benefits article>span{color:var(--cyan);font:14px var(--display);letter-spacing:.1em}.tier2-benefits h3{font:italic 32px/1.05 var(--display);text-transform:uppercase;margin:20px 0}.tier2-benefits p{color:#a6b8c3;line-height:1.65;margin:0}.gallery-heading{max-width:1300px;margin:0 auto 30px;display:flex;justify-content:space-between;gap:30px;align-items:end}.gallery-heading h3{font:38px var(--display);margin:0}.gallery-heading p:not(.eyebrow){max-width:250px;color:#8fa6b4;line-height:1.6;margin:0}.screen-gallery{max-width:1300px;margin:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.screen-card{padding:0;text-align:left;color:white;border:1px solid #263e4d;background:#0a1119;cursor:pointer;transition:transform .2s,border-color .2s}.screen-card:hover{transform:translateY(-5px);border-color:var(--cyan)}.screen-card-image{display:flex;align-items:center;justify-content:center;padding:14px;background:radial-gradient(ellipse,#16303e,#03070a);height:330px}.screen-card img{height:100%;width:100%;object-fit:contain}.screen-card-label{display:block;padding:18px}.screen-card-label small{display:block;color:#55c9eb;font:12px var(--display);letter-spacing:.1em}.screen-card-label strong{display:block;font:24px/1.1 var(--display);margin:10px 0}.screen-card-label>span{display:block;font-size:13px;line-height:1.55;color:#9db1bd;min-height:62px}.screen-card-label em{display:block;font:12px var(--display);color:var(--cyan);margin-top:16px;letter-spacing:.08em}.tier2-bottom{display:grid;grid-template-columns:1fr 1fr;gap:55px;max-width:1300px;margin:55px auto 0;padding-top:40px;border-top:1px solid #2e4554}.tier2-bottom h3{font:italic 38px/1.05 var(--display);text-transform:uppercase;margin-bottom:20px}.tier2-bottom em{color:var(--cyan)}.tier2-bottom p{color:#a5b7c2;line-height:1.7}.cta-section h2{font-size:clamp(60px,7vw,100px)}.screen-dialog{background:#071019;color:#fff;border:1px solid #38677e;padding:30px;width:min(680px,94vw);max-height:94dvh;overflow:auto;text-align:center}.screen-dialog::backdrop{background:#000d;backdrop-filter:blur(6px)}.screen-dialog h2{font:30px var(--display);margin:18px 0}.screen-dialog img{width:auto;max-width:100%;max-height:none;height:auto;margin:auto}.screen-dialog p{color:#a5bdc9;line-height:1.6;margin:20px 0 0}.dialog-close{position:sticky;top:0;display:block;margin-left:auto;border:1px solid #628291;background:#071019;color:#fff;padding:12px 18px;cursor:pointer;z-index:2}button:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}
@media(max-width:1100px){.demo-shell{grid-template-columns:210px 300px 1fr;gap:25px}.demo-phone{width:280px;height:605px}.screen-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.tier2-intro{gap:35px}.code-story{gap:35px}}
@media(max-width:820px){.section{padding:65px 24px}.code-story,.tier2-intro{grid-template-columns:1fr}.code-device{margin-top:24px}.demo-shell{grid-template-columns:1fr;gap:50px}.demo-rail{display:grid;grid-template-columns:1fr 1fr;max-height:none;order:2}.demo-stage{order:1}.demo-copy{order:3;max-width:560px}.upgrade-notice{grid-template-columns:1fr;gap:14px}.tier2-benefits{grid-template-columns:1fr;gap:16px;margin-block:35px}.tier2-benefits article{padding:25px}.upgrade-price{max-width:450px;width:100%}.screen-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-card-image{height:340px}.gallery-heading{display:block}.gallery-heading p:not(.eyebrow){max-width:none;margin-top:15px}.tier2-bottom{gap:30px}.hero-device-wrap{height:460px}.hero{min-height:1090px}}
@media(max-width:560px){.tier-card{padding:26px}.tier-card h3{font-size:35px}.tier-price{font-size:60px}.screen-card-image{height:250px;padding:8px}.screen-gallery{gap:10px}.screen-card-label{padding:12px}.screen-card-label strong{font-size:21px}.screen-card-label>span{font-size:12px;min-height:78px}.tier2-bottom{grid-template-columns:1fr;gap:24px}.demo-rail{grid-template-columns:1fr}.code-story h2{font-size:60px}.hero h1{font-size:58px}.hero-device-wrap{height:410px}.section-heading.center{margin-bottom:48px}.screen-dialog{padding:16px}.upgrade-notice{padding:22px}.tier2-intro h2{font-size:52px}}

/* Strong Tier 2 Field Operations entrance */
.tier2-section{border-top:8px solid var(--cyan);background:radial-gradient(circle at 18% 0,rgba(0,200,255,.18),transparent 35%),linear-gradient(135deg,#0b1922,#060a0f 55%)}
.tier2-entry-banner{position:relative;isolation:isolate;padding:clamp(34px,5vw,68px);border:2px solid var(--cyan);border-left:10px solid var(--cyan);background:linear-gradient(120deg,rgba(4,19,29,.98),rgba(10,32,45,.94));box-shadow:0 28px 80px rgba(0,0,0,.48),inset 0 0 55px rgba(0,200,255,.08)}
.tier2-entry-banner::before{content:"ENTERING TIER 2 · FIELD OPERATIONS";position:absolute;left:clamp(24px,4vw,54px);top:-18px;padding:10px 18px;background:var(--cyan);color:#031017;font:18px var(--display);font-weight:900;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 10px 28px rgba(0,200,255,.28)}
.tier2-opening{max-width:760px;margin:0 0 24px;color:#f6c945;font:italic clamp(25px,3vw,42px)/1.08 var(--display);letter-spacing:.02em;text-transform:uppercase}
.tier2-entry-copy{padding-top:20px}
.tier2-entry-copy h2{margin:14px 0 24px}
.tier2-entry-copy h2 em{color:var(--cyan)}
@media(max-width:820px){.tier2-entry-banner{padding:46px 26px 30px;border-left-width:6px}.tier2-entry-banner::before{left:18px;right:18px;top:-20px;text-align:center;font-size:15px}.tier2-opening{font-size:26px}}