/* The independent showcase only: no operational portal styles are imported. */
:root{--surface:#fff;--surface-alt:#f0f6f1;--surface-soft:#eaf3eb;--input:#fff;--overlay:#f7faf8ed;color-scheme:light}
:root[data-theme=dark]{--ink:#e3f1ec;--muted:#a4bdb3;--paper:#101e1c;--surface:#162824;--surface-alt:#13231f;--surface-soft:#1d332c;--input:#11251f;--overlay:#101e1cf2;--line:#30483e;--teal:#45d5b1;--teal-dark:#8ce2c3;--mint:#25483b;--shadow:0 24px 70px -32px #0008;color-scheme:dark}
::view-transition-old(root){animation:theme-out .24s ease-out both}
::view-transition-new(root){animation:theme-in .24s ease-out both}
@keyframes theme-out{to{opacity:0}}@keyframes theme-in{from{opacity:0}}
.theme-toggle{position:relative;color:var(--teal-dark);flex-shrink:0}.theme-toggle svg{width:20px;height:20px}.theme-sun{display:none}[data-theme=dark] .theme-moon{display:none}[data-theme=dark] .theme-sun{display:block}
.hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:44px}.hero h1{font-size:clamp(46px,4.5vw,66px);line-height:1.08;letter-spacing:-.055em}.hero-description{max-width:480px;font-size:16px}.hero-browser,.hero-browser:hover{width:100%;transform:none}.hero-visual{padding-inline:0}.hero-visual::before{right:0;left:25px}.note-field{right:5px}.hero-visual .image-caption{max-width:100%;padding-left:8px}.hero h1 .accent-word{white-space:nowrap}.hero .orbit-one{left:0;max-width:100%}.hero .orbit-two{left:10%;max-width:90%}
.heatmap-section{background:var(--surface-alt);border-block:1px solid var(--line)}.heatmap-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:60px;align-items:center}.heatmap-visual{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:var(--shadow)}.map-topbar{min-height:48px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 19px;color:var(--teal-dark);font-size:8px;letter-spacing:.11em;line-height:1.6}.map-topbar>span:first-child{display:flex;gap:8px;align-items:center}.map-example{border:1px solid var(--line);padding:4px 7px;border-radius:4px;font-size:7px;color:var(--muted);white-space:nowrap}.heatmap-stage{position:relative;isolation:isolate;overflow:hidden;background:#e8eee2}.heatmap-stage>img{width:100%;height:auto;filter:saturate(.55)}.heatmap-stage>canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.map-place{position:absolute;left:20px;top:20px;background:#ffffffee;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:600;color:#173c30;line-height:1.2;box-shadow:0 4px 15px #173c3020}.map-place small{font-size:9px;font-weight:400}.map-attribution{position:absolute;bottom:0;right:0;font:10px/1.5 system-ui;background:#fffffff0;color:#203b30;padding:2px 5px;text-decoration:underline}.map-footer{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 19px;font-size:9px;color:var(--muted)}.heatmap-gradient{height:7px;flex:1;max-width:200px;border-radius:20px;background:linear-gradient(90deg,#24b7d9,#2dcc9c,#cbe549,#ffb41f,#f63f34)}.heatmap-copy .eyebrow{font-size:9px;margin-bottom:18px}.heatmap-copy h3{font-size:34px;line-height:1.16;margin-bottom:20px}.heatmap-copy>p:not(.eyebrow){font-size:14px;line-height:1.9}.heatmap-filters{display:flex;gap:6px;flex-wrap:wrap;margin:24px 0}.heatmap-filters button{min-height:40px;font-size:11px;padding:9px 13px;border-radius:7px;border:1px solid var(--line);background:var(--surface);color:var(--muted)}.heatmap-filters button[aria-pressed=true]{background:#0f766e;color:#fff;border-color:#0f766e}.map-explainer{padding:0;list-style:none;counter-reset:map;display:grid;gap:18px;margin:26px 0}.map-explainer li{counter-increment:map;position:relative;padding-left:38px;line-height:1.6}.map-explainer li::before{content:counter(map);position:absolute;left:0;top:2px;width:24px;height:24px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:11px;color:var(--teal-dark)}.map-explainer strong{display:block;font-size:13px;font-weight:550}.map-explainer span{font-size:11px;color:var(--muted)}.heatmap-copy>.map-status{font-size:11px!important;color:var(--teal-dark);padding:12px 0;border-top:1px solid var(--line)}.heatmap-copy>.map-data-note{font-size:10px!important;margin-bottom:15px;color:var(--muted)}.heatmap-copy>.text-link{font-size:11px}
.collaboration-section{background:var(--surface-alt);border-block:1px solid var(--line)}.collaboration-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:100px;align-items:center}.collaboration-copy .eyebrow{font-size:10px;line-height:1.8}.collaboration-copy .eyebrow>svg{width:18px;height:18px}.collaboration-copy h2{font-size:clamp(34px,3.8vw,52px);line-height:1.15}.collaboration-copy h2>span{color:var(--teal-dark)}.collaboration-copy>.lead{font-size:19px;line-height:1.7;margin-top:27px}.collaboration-copy>p:not(.eyebrow):not(.lead){font-size:14px;line-height:1.9;margin-top:18px}.letter-facts{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-block:32px;padding-block:25px;border-block:1px solid var(--line)}.letter-facts>div:first-child{grid-column:1/-1}.letter-facts small{display:block;font-size:8px;letter-spacing:.14em;color:var(--muted);margin-bottom:5px}.letter-facts strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.letter-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.letter-actions .button{font-size:12px;gap:18px}.letter-actions .text-link{font-size:11px}.letter-preview{max-width:410px;justify-self:center;min-width:0}.letter-preview>button{position:relative;border:1px solid #d3ded5;padding:13px;background:#fff;border-radius:10px;box-shadow:0 25px 55px #073f3b18;transition:transform .2s;display:block;width:100%}.letter-preview>button:hover{transform:translateY(-4px)}.letter-preview img{width:100%;height:auto}.letter-preview>button>span{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);padding:10px 15px;background:#073f3bea;color:#fff;border:1px solid #ffffff50;border-radius:6px;font-size:10px;white-space:nowrap;display:flex;align-items:center;gap:9px}.letter-preview>button>span>svg{width:14px;height:14px}.letter-preview figcaption{text-align:center;font-size:10px;color:var(--muted);margin-top:17px}.letter-dialog{width:min(950px,95vw)}.letter-scroll{max-height:calc(100dvh - 180px);overflow:auto;background:#e7ede8}.letter-scroll img{width:100%;height:auto}.letter-dialog>.text-link{margin:16px 20px;font-size:12px}
.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.optional-label{color:var(--muted);font-size:9px}.contact-form label>span[aria-hidden]{color:var(--teal-dark)}.contact-form .form-row+.form-row{margin-top:17px}.contact-form button:disabled{opacity:.7;cursor:wait;transform:none}.contact-form .form-status[data-state=error]{background:#fff0e8;color:#854126}.contact-form select{min-height:43px}.contact-form input,.contact-form select,.contact-form textarea{font-size:13px}.contact-form .form-status{font-size:12px;line-height:1.7}
/* Large view-only explorer, including navigation inside the screenshot. */
.screenshot-dialog{width:min(1800px,98vw);height:min(1150px,96dvh);max-height:96dvh;border-radius:13px;overflow:hidden;background:var(--surface)}.screenshot-dialog[open]{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.screenshot-dialog .dialog-top{position:relative}.dialog-top>div>p{font-size:8px;letter-spacing:.12em;margin-top:4px}.dialog-role-tabs{display:flex;gap:6px;padding:10px 16px;overflow-x:auto;border-bottom:1px solid var(--line);background:var(--surface-alt);scrollbar-width:thin;scrollbar-color:var(--teal-dark) transparent;min-width:0}.dialog-role-tabs button{white-space:nowrap;min-height:39px;padding:9px 15px;border-radius:6px;font-size:12px;background:transparent;color:var(--muted);flex-shrink:0}.dialog-role-tabs button[aria-selected=true]{background:#0f766e;color:#fff}.explorer-layout{display:grid;grid-template-columns:205px minmax(0,1fr);min-height:0;overflow:hidden}.explorer-modules{display:flex;flex-direction:column;gap:5px;padding:20px 12px;overflow-y:auto;background:var(--surface-alt);border-right:1px solid var(--line);scrollbar-width:thin;min-width:0}.explorer-nav-title{font-size:7px;letter-spacing:.12em;color:var(--muted);padding:0 10px 14px}.explorer-modules button{text-align:left;background:transparent;padding:12px 13px;border-radius:6px;font-size:12px;line-height:1.5;color:var(--muted);flex-shrink:0;min-height:43px}.explorer-modules button:hover{background:var(--mint)}.explorer-modules button[aria-current=page]{background:#0f766e;color:white}.explorer-main{min-width:0;min-height:0;overflow:auto;background:var(--paper);display:flex;flex-direction:column}.explorer-label{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:13px 20px;border-bottom:1px solid var(--line);font-size:12px;background:var(--surface);position:sticky;top:0;z-index:2}.explorer-label>span:last-child{font-size:8px;letter-spacing:.12em;display:flex;gap:8px;align-items:center;color:var(--teal-dark)}.explorer-main .screenshot-scroll{position:relative;overflow:auto;max-height:none;flex:1;min-height:0;background:#f7faf8}.explorer-main .screenshot-scroll>img{width:100%;min-width:780px;max-width:none;height:auto;display:block}.screenshot-hotspots{position:absolute;top:0;left:0;width:max(100%,780px);aspect-ratio:1440/900;pointer-events:none}.screenshot-hotspot{position:absolute;background:transparent;border:1px solid transparent;border-radius:6px;pointer-events:auto}.screenshot-hotspot:hover,.screenshot-hotspot:focus-visible{background:#0d94881c;border-color:#0d9488;outline-offset:0}.screenshot-dialog>p{border-top:1px solid var(--line);font-size:9px;line-height:1.7;padding:11px 17px;background:var(--surface)}.explorer-module-view{padding:40px;overflow:auto}.explorer-module-view>.eyebrow{font-size:9px}.module-symbol{display:grid;place-items:center;width:56px;height:56px;background:var(--mint);color:var(--teal-dark);border:1px solid var(--line);border-radius:14px;margin-bottom:26px}.module-symbol>svg{width:27px;height:27px}.explorer-module-view>h3{font-size:clamp(25px,3vw,41px);line-height:1.2;max-width:650px}.module-lead{font-size:15px;line-height:1.9;max-width:700px;margin-top:20px}.module-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}.module-steps>li{padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.module-steps>li>span{font-size:11px;color:var(--teal-dark);display:block;margin-bottom:17px}.module-steps p{font-size:12px;line-height:1.8}.module-fields{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.module-field{display:flex;gap:8px;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:10px 15px}.module-field>svg{width:15px;height:15px;color:var(--teal-dark)}.module-field>strong{font-size:11px;font-weight:500}.module-preview-note{font-size:10px;line-height:1.8;padding-top:22px;margin-top:25px;border-top:1px solid var(--line)}.explorer-map{margin-top:25px;max-width:850px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.explorer-map>img{width:100%;height:auto}.explorer-map>figcaption{padding:10px 15px;font-size:9px}.explorer-main [hidden]{display:none!important}
/* Dark surfaces: screenshots and signed documents retain their original colours. */
[data-theme=dark] .site-header{background:var(--overlay);border-color:var(--line)}[data-theme=dark] .main-nav>a:not(.button){color:var(--muted)}[data-theme=dark] .main-nav>a[aria-current=location]{color:var(--ink)}[data-theme=dark] .brand img{mix-blend-mode:normal}[data-theme=dark] .button{background:#0f766e;color:#fff}[data-theme=dark] .button:hover{background:#116759}[data-theme=dark] .hero{background:radial-gradient(ellipse at 79% 37%,#204d3633,transparent 55%)}[data-theme=dark] .hero-visual::before{background:linear-gradient(155deg,#234633,#172b24);border-color:#35523d}[data-theme=dark] .hero-orbit{border-color:#35513d}[data-theme=dark] .floating-note{background:#1d332cf2;border-color:var(--line)}[data-theme=dark] .floating-note .mini-avatars i{border-color:#1d332c}[data-theme=dark] .endorsement-icon{background:var(--mint)}[data-theme=dark] .idea-section,[data-theme=dark] .features-section,[data-theme=dark] .contact-section,[data-theme=dark] .about-section,[data-theme=dark] .team-section{background:var(--paper)}[data-theme=dark] .flow-section,[data-theme=dark] .site-footer{background:var(--surface-alt)}[data-theme=dark] .flow-layout,[data-theme=dark] .flow-map{background:var(--surface);border-color:var(--line)}[data-theme=dark] .flow-story{background:var(--surface-soft)}[data-theme=dark] .flow-node{background:var(--surface-alt);border-color:var(--line)}[data-theme=dark] .flow-node.is-active{background:#0f766e;border-color:#299d7d}[data-theme=dark] .flow-node.is-active small,[data-theme=dark] .flow-node.is-active strong,[data-theme=dark] .flow-node.is-active>svg{color:#fff}[data-theme=dark] .flow-story li{color:var(--muted)}[data-theme=dark] .journey-controls{border-color:var(--line)}[data-theme=dark] .journey-button{background:var(--surface);border-color:#46634f;color:var(--ink)}[data-theme=dark] .segmented-control{background:var(--surface-soft);border-color:var(--line)}[data-theme=dark] .segmented-control button>span{background:var(--mint);color:var(--muted)}[data-theme=dark] .segmented-control button.is-active{background:var(--surface);color:var(--ink)}[data-theme=dark] .feature-card{background:var(--surface);border-color:var(--line)}[data-theme=dark] .feature-icon{background:var(--mint)}[data-theme=dark] .research-card .feature-icon{background:#3e3523;color:#e2c681}[data-theme=dark] .feature-tag{color:var(--muted);border-color:var(--line)}[data-theme=dark] .research-tag{color:#e2c681}[data-theme=dark] .about-art{background:var(--surface-soft);border-color:var(--line)}[data-theme=dark] .about-logo{background:#fff;border-radius:16px}[data-theme=dark] .about-stamp{background:#19382c;border-color:var(--line);color:var(--ink)}[data-theme=dark] .project-stage{background:var(--surface);border-color:var(--line)}[data-theme=dark] .project-stage>svg{color:var(--teal-dark)}[data-theme=dark] .supervisor-card{background:var(--surface);border-color:var(--line)}[data-theme=dark] .contact-form{background:var(--surface);color:var(--ink)}[data-theme=dark] .contact-form input,[data-theme=dark] .contact-form select,[data-theme=dark] .contact-form textarea{background:var(--input);color:var(--ink);border-color:var(--line)}[data-theme=dark] .contact-form select option{background:var(--input);color:var(--ink)}[data-theme=dark] .contact-form .form-status{background:#254235;color:#c3edda}[data-theme=dark] .contact-form .form-status[data-state=error]{background:#4b2922;color:#ffd7c7}[data-theme=dark] dialog,[data-theme=dark] .dialog-top{background:var(--surface);color:var(--ink);border-color:var(--line)}[data-theme=dark] .footer-bottom{border-color:var(--line);color:var(--muted)}[data-theme=dark] .person-info h3{color:var(--ink)}[data-theme=dark] .person-info p,[data-theme=dark] .supervisor-card p:not(.eyebrow){color:var(--muted)}[data-theme=dark] .toast{background:#245440}[data-theme=dark] .icon-button:hover{background:#8ce2c312}[data-theme=dark] .contact-copy .contact-email{color:white}
@media(min-width:1600px){.hero-grid{gap:55px}.hero h1{font-size:66px}.hero-browser{width:100%}}
@media(max-width:1100px){.nav-bar{gap:14px}.main-nav{gap:14px}.main-nav>a:not(.button){font-size:11px}.nav-actions{gap:4px}.nav-actions .nav-contact{padding-inline:13px;font-size:11px}.heatmap-layout{gap:35px}.collaboration-grid{gap:55px}.hero h1{font-size:clamp(42px,4.4vw,58px)}}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr;gap:22px}.hero-copy{max-width:640px}.hero h1{font-size:clamp(49px,7vw,68px)}.hero-visual{max-width:680px;width:100%;margin-inline:auto}.hero-browser{width:100%}.heatmap-layout{grid-template-columns:1.2fr 1fr;gap:32px}.heatmap-copy h3{font-size:29px}.collaboration-grid{gap:45px}.collaboration-copy h2{font-size:38px}.letter-actions{gap:18px}.letter-actions>.text-link{width:100%}[data-theme=dark] .main-nav.is-open{background:var(--paper);border-color:var(--line)}}
@media(max-width:760px){.hero h1{font-size:clamp(40px,8.1vw,58px)}.hero h1 .accent-word{white-space:normal}.hero-copy .eyebrow{font-size:8px}.hero-description{font-size:15px;line-height:1.85}.hero-visual{padding:34px 0 60px}.hero-browser{width:100%;transform:none}.hero-visual::before{inset:8px 8px 45px 15px}.note-field{right:4px;max-width:95%}.heatmap-layout{grid-template-columns:1fr;gap:32px}.heatmap-copy h3{font-size:31px}.heatmap-copy>p:not(.eyebrow){font-size:13px}.map-topbar{padding:12px;font-size:7px;gap:6px}.map-example{font-size:6px}.map-footer{font-size:8px;padding:12px;gap:10px}.map-place{top:12px;left:12px;font-size:12px}.map-attribution{font-size:8px}.collaboration-grid{grid-template-columns:1fr;gap:38px}.collaboration-copy h2{font-size:36px}.collaboration-copy .eyebrow{font-size:8px}.collaboration-copy>.lead{font-size:18px}.collaboration-copy>p:not(.eyebrow):not(.lead){font-size:13px}.letter-preview{width:min(100%,370px)}.letter-actions>.text-link{width:auto}.explorer-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.explorer-modules{flex-direction:row;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid var(--line);gap:6px;padding:8px;align-items:center;scrollbar-width:thin}.explorer-nav-title{display:none}.explorer-modules button{white-space:nowrap;font-size:10px;padding:9px 12px;min-height:37px}.dialog-role-tabs{padding:8px;gap:3px}.dialog-role-tabs button{font-size:10px;min-height:37px;padding:9px 12px}.explorer-module-view{padding:25px}.module-steps{grid-template-columns:1fr;gap:10px}.module-steps>li{display:flex;gap:16px;padding:15px}.module-steps>li>span{margin:2px 0 0}.module-lead{font-size:13px}.screenshot-dialog>p{font-size:8px;padding:9px 12px}.explorer-label{font-size:10px;padding:10px 14px}.explorer-label>span:last-child{font-size:7px}.screenshot-dialog{max-width:98vw;width:98vw;height:96dvh}.dialog-top>div>p{font-size:6px}.module-fields{gap:8px}.module-field{padding:9px 10px}.module-field>strong{font-size:10px}.contact-form input,.contact-form select,.contact-form textarea{font-size:16px}.contact-form .form-row{grid-template-columns:1fr}.contact-form .form-row>div+div{margin-top:14px}.contact-form .form-row+.form-row{margin-top:14px}.theme-toggle{width:35px}.theme-toggle svg{width:18px;height:18px}.letter-dialog{max-width:96vw}.letter-scroll{max-height:calc(100dvh - 175px)}}
@media(max-width:380px){.hero h1{font-size:clamp(34px,9.5vw,40px)}.hero-copy .eyebrow{font-size:6.5px;letter-spacing:.08em}.nav-actions .install-trigger{width:30px}.nav-actions .theme-toggle{width:30px}.nav-actions .menu-toggle{width:30px}.brand>span{font-size:11px}.brand img{width:28px;height:32px}.nav-bar{gap:5px}.hero-description{font-size:14px}.map-topbar{font-size:6px}.map-example{font-size:5.5px;padding:3px 5px}.map-attribution{font-size:7px}.collaboration-copy h2{font-size:31px}.letter-facts{gap:17px}.letter-facts strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}
@media print{.theme-toggle,.heatmap-filters,.explorer-modules,.dialog-role-tabs{display:none!important}}
[data-theme=dark] .brand img{background:#fff;border-radius:7px;padding:2px}
.feature-card[data-feature=platform] .research-tag{color:var(--teal-dark)}
/* Actual copied portal UI: the inline screen is interactive, never a modal trigger. */
.hero-browser{transform:perspective(1800px) rotateY(var(--hero-y,-4deg)) rotateX(var(--hero-x,2deg)) translateY(var(--hero-lift,0));transition:transform .4s cubic-bezier(.2,.7,.2,1);transform-origin:50% 50%;will-change:transform}
.hero-browser:hover{transform:perspective(1800px) rotateY(var(--hero-y,0deg)) rotateX(var(--hero-x,0deg)) translateY(var(--hero-lift,-5px))}
.portal-live-shell{width:100%;overflow:hidden;border:1px solid #bad8cb;border-radius:11px;background:#f8fafc;box-shadow:0 20px 45px #021c2440}.portal-live-shell .screenshot-topline{display:flex;align-items:center;justify-content:space-between;background:#fff;color:#59716e;padding-inline:13px}.live-view-label{font-size:6px;letter-spacing:.1em;white-space:nowrap}.portal-iframe-viewport{position:relative;width:100%;height:650px;overflow:hidden;background:#f8fafc}#portal-live-frame{display:block;border:0;max-width:none;width:100%;height:1000px;transform-origin:top left;background:#f8fafc}.portal-panel{align-items:start}.portal-copy{padding-top:24px}.portal-figure{min-width:0}.real-portal-dialog[open]{grid-template-rows:auto auto minmax(0,1fr) auto}#fullsize-live-frame{border:0;display:block;width:100%;height:100%;min-height:0;background:#f8fafc}.actual-gis-frame{border:1px solid var(--line);background:var(--surface);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;width:100%;min-width:0}.actual-gis-frame>iframe{display:block;border:0;width:100%;height:820px;background:#f8fafc}.gis-explainer{display:flex;align-items:center;gap:22px;flex-wrap:wrap;border-top:1px solid var(--line);padding:15px 22px;font-size:11px;color:var(--muted)}.gis-explainer>span{display:flex;align-items:center;gap:8px}.gis-explainer>span:last-child{margin-left:auto;font-size:10px}.gis-point{display:inline-block;width:10px;height:10px;border:2px solid #9f1239;border-radius:50%;background:#e11d48}.gis-ring{display:inline-block;width:13px;height:13px;border:2px dashed #9f1239;border-radius:50%;background:#e11d4815}.gis-bottom-note{display:flex;align-items:start;justify-content:space-between;gap:30px;padding-top:19px}.gis-bottom-note>p{font-size:11px;line-height:1.8;max-width:780px}.gis-bottom-note>.text-link{font-size:11px;flex-shrink:0;padding-top:3px}
@media(max-width:1000px){.hero-browser{transform:perspective(1800px) rotateY(-2deg) rotateX(1deg)}.portal-copy{padding-top:0}.portal-iframe-viewport{height:800px}.actual-gis-frame>iframe{height:850px}.portal-panel{grid-template-columns:1fr}.live-view-label{font-size:7px}}
@media(max-width:760px){.hero-browser,.hero-browser:hover{transform:none;will-change:auto}.actual-gis-frame>iframe{height:680px}.gis-explainer{gap:12px;padding:14px;font-size:10px}.gis-explainer>span:last-child{margin-left:0;width:100%;font-size:9px}.gis-bottom-note{flex-direction:column;gap:13px}.gis-bottom-note>p{font-size:10px}.live-view-label{display:none}.portal-iframe-viewport{height:800px}.screenshot-dialog .dialog-top{padding:11px}.real-portal-dialog>p{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hero-browser,.hero-browser:hover{transform:none!important;transition:none!important;will-change:auto}}

/* Compact feature browsing on phones; the full desktop grid stays visible. */
.feature-expand{display:none}
@media(max-width:760px){
  .feature-grid[data-mobile-collapsed=true] [data-mobile-extra=true]{display:none}
  .feature-expand:not([hidden]){display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:48px;margin-top:22px;padding:13px 20px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--teal-dark);font:500 13px/1.5 Outfit,system-ui,sans-serif;transition:background .2s,border-color .2s}
  .feature-expand:hover{background:var(--surface-soft);border-color:var(--teal-dark)}
  .feature-expand svg{width:16px;height:16px;flex-shrink:0}
}