/* 07/10: abertura estática, exploração direta na seção clara. */
@font-face{font-family:Jakarta;src:url('/assets/jakarta.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--web-paper:oklch(97% .008 250);--web-ink:oklch(25% .04 250);--web-muted:oklch(46% .035 250);--web-line:oklch(88% .014 250);--web-accent:oklch(53% .18 260)}
.site-header{padding:0;background:#08182b;border-bottom:1px solid #c6d6e626}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:24px;padding-bottom:24px}
.site-header nav a{min-height:44px;display:inline-flex;align-items:center}
.hero{height:auto;max-height:none;min-height:0;overflow:hidden;clip-path:none}
.hero .ocean-layer{position:absolute;inset:0;height:auto;background-image:linear-gradient(90deg,#08182bf2,#08182b80 62%,#08182b28),url('/assets/hero-offshore-sunset.webp');background-position:center;background-size:cover;opacity:1}
.hero-grid{position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:64px;align-items:center;padding-top:132px;padding-bottom:40px}
.hero-intro{padding:0;max-width:760px}
.hero h1{font-size:clamp(42px,5vw,76px);white-space:normal;line-height:1.1;margin:24px 0}
.hero .muted-title{color:#96c2ff}
.hero-description{max-width:52ch;font-size:18px;margin-bottom:32px;color:#d0deed}
.hero .eyebrow{color:#d0deed}
.download-actions{gap:20px}
.platform-status{display:inline-flex;min-height:48px;align-items:center;border:1px solid #b5c7db66;border-radius:6px;padding:12px 18px;color:#d0deed;font-size:14px}
.explore-link{display:inline-flex;gap:24px;align-items:center;min-height:48px;margin-top:24px;color:#d0deed;font-size:14px}
.hero-preview{margin:0;display:grid;justify-items:center;gap:18px;min-width:0}
.hero-device-stage{perspective:1400px;padding:12px 24px 8px;position:relative}
.hero-device-stage::after{content:'';position:absolute;bottom:-12px;left:10%;width:80%;height:30px;background:#02091170;border-radius:50%;filter:blur(16px);z-index:-1}
/* As duas dobras compartilham o mesmo aparelho, proporção e acabamento. */
.iphone-shell{border:2px solid #abb3bb;padding:7px;background:linear-gradient(110deg,#20262d,#05070b 34%,#222831);box-shadow:inset 0 0 0 1px #05080d,0 0 0 1px #303840,0 24px 54px #020b1933}
.iphone-shell::before{background:linear-gradient(90deg,#29313b,#a2aab1,#353d46);box-shadow:0 49px 0 #66717e;width:3px;height:30px;left:-4px;top:116px}
.iphone-shell::after{background:linear-gradient(90deg,#a2aab1,#353d46);width:3px;height:54px;right:-4px;top:170px}
.hero-preview .hero-phone{--device-height:clamp(440px,calc(100svh - 256px),624px);width:calc(var(--device-height)*.468);height:var(--device-height);min-height:0;border-radius:clamp(36px,4vw,48px);transform:rotateY(-16deg) rotateX(3deg) rotateZ(7deg);transform-style:preserve-3d;box-shadow:inset 0 0 0 1px #030509,-2px 0 0 #454e58,-5px 1px 0 #7e8993,-8px 2px 0 #2b333c,-10px 3px 0 #080d13,18px 30px 54px #01091480}
.hero-phone .iphone-screen{border-radius:38px;container-type:inline-size}
.hero-phone .app-tabbar{flex:none;container-type:inline-size;height:18cqw}
.hero-phone .app-tab>span:last-child{font-size:3cqw;white-space:nowrap}
.hero-phone .app-tab .app-ionicon{font-size:8cqw}
.hero-phone .app-pane-content{will-change:auto}
.hero-phone .iphone-status{height:16cqw;padding:1.5cqw 8cqw 0;font-size:4cqw}
.hero-phone .dynamic-island{height:8.5cqw;width:29cqw;top:3.3cqw}
.hero-phone .app-header{height:18cqw}
.hero-phone .app-header img{width:11.5cqw;height:11.5cqw}
.hero-phone .app-header strong{font-size:7.8cqw}
.hero-preview figcaption{font-size:12px;color:#d0deed;text-align:center}
.explore-section{background:var(--web-paper);color:var(--web-ink);padding:72px 0 80px;scroll-margin-top:24px}
.explore-heading{margin-bottom:32px;text-align:center}
.explore-heading .eyebrow{justify-content:center;color:var(--web-muted)}
.explore-heading h2{font-size:clamp(30px,3.2vw,46px);line-height:1.18;margin-top:16px}
.explore-tabs{display:flex;justify-content:center;border-block:1px solid var(--web-line)}
.explore-tab{display:flex;flex:1;max-width:190px;flex-direction:column;align-items:center;gap:10px;background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;color:var(--web-muted);padding:20px 12px;font-size:15px;font-weight:650;min-height:84px}
.explore-tab>.tab-idle,.explore-tab>.tab-selected{font-size:26px;line-height:1}
.explore-tab>.tab-selected{display:none}.explore-tab[aria-selected=true]>.tab-idle{display:none}.explore-tab[aria-selected=true]>.tab-selected{display:block}
.explore-tab[aria-selected=true]{border-bottom-color:var(--web-accent);color:var(--web-accent);background:#dae7fa55}
.explore-tab:hover{background:#dae7fa88}
.explore-hint{text-align:center;font-size:13px;color:var(--web-muted);margin:18px 0 36px}
.explore-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center;max-width:1120px;margin:auto}
.explore-section .iphone-shell{height:620px;min-height:0;width:290px;box-shadow:0 20px 50px #0c244d22}
.explore-section .app-viewport{overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;user-select:none}
.explore-section .app-pane{position:relative;inset:auto;overflow:visible}
.explore-section .app-pane-content{will-change:auto}
.explore-section .app-tabbar{flex:none}
.explore-copy h3{font-size:clamp(28px,2.7vw,38px);line-height:1.22;letter-spacing:-.045em;max-width:22ch;margin:12px 0 18px}
.explore-copy>p:not(.eyebrow){color:var(--web-muted);font-size:16px;max-width:55ch}
.feature-list{list-style:none;padding:0;margin:28px 0}
.feature-list li{display:flex;gap:16px;align-items:start;padding:16px 0;border-top:1px solid var(--web-line);font-size:15px;line-height:1.6}
.feature-list li::before{content:'✓';color:var(--web-accent);font-weight:700}
.future-feature{display:flex;justify-content:space-between;gap:20px;align-items:center;border-block:1px solid var(--web-line);padding:20px 0}
.future-feature strong{font-size:15px}.future-feature p{font-size:13px;color:var(--web-muted);margin-top:4px}
.status-label{display:inline-flex;white-space:nowrap;align-items:center;border:1px solid #617da54d;border-radius:30px;padding:6px 12px;font-size:12px;font-weight:600}
.explore-copy .preview-note{font-size:12px!important;margin-top:22px}
.join-section{background:#081b2d}.join-section::before{display:none}
.join-scene{background:linear-gradient(90deg,#061b2def,#061b2d90 32%,#061b2d00 58%),url('/assets/rov-treasure.webp') center/cover no-repeat}
.join-inner{display:block;padding-top:80px;padding-bottom:80px;min-height:460px}
.join-copy{max-width:440px}
.platform-availability{display:grid;gap:8px;font-size:16px;line-height:1.5;text-transform:none;letter-spacing:0;color:#d4e3ef}
.platform-availability p{margin:0}.platform-availability strong{font-weight:750}.platform-ios{color:#93e3b4}.platform-android{color:#b5d3f4}
.join-copy h2{font-size:clamp(38px,4.2vw,60px)}.join-copy>p{font-size:16px;max-width:48ch;margin-bottom:26px}
.availability-row{padding-top:32px;padding-bottom:32px}
.availability-panel{display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:32px;border:1px solid #7897b366;border-radius:12px;padding:24px 32px;background:#0b2035}
.availability-panel h3{font-size:30px;letter-spacing:-.03em;margin:20px 0 12px}
.availability-panel p{font-size:15px;color:#c7d7e8;max-width:48ch}
.footer-copyright{white-space:nowrap}
.no-js-features{margin-top:32px}.no-js-features img{max-width:250px;margin:24px auto}
.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.skip:focus{clip-path:none;width:auto;height:auto}
@media(max-width:1050px){.hero-grid{gap:32px;grid-template-columns:1.1fr .9fr}.hero h1{font-size:48px}.hero-description{font-size:16px}.explore-grid{gap:32px}}
@media(min-width:761px) and (max-width:1050px){.hero-preview .hero-phone{--device-height:min(520px,calc(100svh - 256px),calc((100vw - 380px)*1.1))}.hero-device-stage{padding:12px 8px}}
@media(max-width:760px){
:root{--gutter:24px}.header-inner{padding-top:18px;padding-bottom:18px;gap:12px}.site-header .brand{font-size:24px}.site-header nav{display:none}
.hero-grid{grid-template-columns:1fr;gap:36px;padding-top:124px;padding-bottom:48px}.hero h1{font-size:clamp(36px,9vw,52px);margin:22px 0}.hero-description{font-size:16px;line-height:1.7;max-width:none}.hero .eyebrow{font-size:10px}.hero .button{min-height:50px;font-size:14px}.platform-status{font-size:13px;min-height:50px}.download-actions{gap:12px}.explore-link{margin-top:16px}
.hero-device-stage{padding:14px 8px}.hero-preview .hero-phone{width:min(270px,calc(100vw - 88px));height:auto;aspect-ratio:292/624;transform:rotateY(-12deg) rotateX(2deg) rotateZ(5deg)}.hero-phone .iphone-screen{position:absolute;inset:7px;height:auto}.hero-preview{gap:24px}
.explore-section{padding:48px 0}.explore-heading{text-align:left}.explore-heading .eyebrow{justify-content:flex-start;font-size:9px}.explore-heading h2{font-size:32px}
.explore-tab{padding:14px 4px;min-width:0;min-height:78px;font-size:11px;gap:8px}.explore-tab>.tab-idle,.explore-tab>.tab-selected{font-size:23px}
.explore-hint{font-size:12px;line-height:1.6;margin-bottom:28px}.explore-grid{grid-template-columns:1fr;gap:32px}.explore-copy h3{font-size:30px;max-width:none}.explore-section .iphone-shell{width:min(290px,calc(100vw - 64px));height:580px;min-height:0}.feature-list{margin:20px 0}.future-feature{align-items:flex-start}.future-feature p{max-width:24ch}
.explore-controls .explore-hint{margin:12px 0 0}.explore-grid{row-gap:24px}
.join-inner{display:grid;grid-template-columns:1fr;gap:32px;padding-top:48px;padding-bottom:48px}.join-copy h2{font-size:42px}.availability-panel{padding:24px}
.join-scene{background:linear-gradient(180deg,#081b2d,#061b2dcf 12%,#061b2da8 55%,#061b2d73 82%,#081b2d),url('/assets/rov-treasure.webp') 78% center/auto 90% no-repeat #081b2d}
.join-inner{display:block;min-height:560px;padding-top:48px;padding-bottom:80px}.join-copy{max-width:none}.join-copy>p{color:#e2edf5}.join-copy h2{text-shadow:0 2px 20px #061b2d80}
.availability-panel{grid-template-columns:1fr;gap:0}.availability-panel h3{margin-bottom:16px}
footer{flex-direction:column;align-items:center;text-align:center;gap:16px;padding-top:28px;padding-bottom:28px}footer .brand{justify-content:center}footer>span{font-size:12px}footer>div{flex-wrap:wrap;justify-content:center;gap:8px 20px}footer>div a{display:inline-flex;align-items:center;min-height:44px;font-size:12px}.footer-copyright{width:100%;padding-top:8px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}