.app-mode{height:100dvh;min-height:560px;display:grid;grid-template-rows:76px minmax(0,1fr) 48px;overflow:hidden}.app-mode .header{height:76px;width:calc(100% - 72px)}.app-mode .footer{height:48px;padding:0;width:calc(100% - 72px);justify-content:space-between;flex-wrap:nowrap}.app-mode .footer-links{display:flex;gap:20px}.app-mode .footer-state{display:flex;align-items:center;gap:8px}.app-layout{min-height:0;display:grid;grid-template-columns:185px minmax(0,1fr);gap:26px;padding:24px 36px;max-width:1500px;width:100%;margin:auto;height:100%}.app-nav{display:flex;flex-direction:column;gap:8px;border-right:1px solid #243c48;padding:20px 24px 20px 0}.app-nav>a{display:flex;align-items:center;gap:11px;padding:14px 12px;font-size:13px;color:#8faab9;border:1px solid transparent;border-radius:5px}.app-nav>a:hover{background:#132936;color:#cce8f0}.app-nav>a[aria-current]{background:#203d4d;border-color:#35596d;color:#d4eff7}.nav-index{font:9px monospace;color:#638b9e}.nav-arrow{margin-left:auto;opacity:0}.app-nav>a[aria-current] .nav-arrow{opacity:1}.nav-foot{margin-top:auto;color:#4f7588;font:9px/1.9 monospace;letter-spacing:.1em;padding:25px 12px 0}.app-stage{min-width:0;min-height:0;position:relative;display:flex;align-items:stretch}.app-page{width:100%;height:100%;min-height:0;animation:page-in .24s ease-out;padding:25px 28px;display:flex;flex-direction:column;justify-content:center}.app-page[hidden]{display:none!important}.app-page h2{font-size:clamp(30px,3.5vw,48px)}.app-page .eyebrow{margin-bottom:17px}.page-heading>p:last-child:not(.eyebrow){font-size:13px;margin-top:15px}.app-mode .hero{width:100%;margin:0;padding:0;min-height:0;height:100%;grid-template-columns:1fr 1fr;gap:0}.app-mode .hero h1{font-size:clamp(52px,6vw,85px)}.app-mode .intro{font-size:14px;line-height:1.8;max-width:390px}.app-mode .hero-actions{gap:22px}.app-mode .ocean{width:110%;margin-left:-5%;max-height:520px}.app-mode .launch-note{font-size:10px}.tool-tabs{display:flex;gap:7px;margin-top:25px}.tool-tabs button,.reader-controls button{font-family:inherit;font-size:12px;cursor:pointer;border:1px solid #365464;color:#bad5e2;background:#112735;border-radius:5px;padding:10px 18px}.tool-tabs button[aria-selected=true]{background:#abdce7;color:#092432;border-color:#abdce7}.tool-tabs button:focus-visible,.reader-controls button:focus-visible,select:focus-visible{outline:2px solid #a6e3f2;outline-offset:4px}.tool-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:35px;align-items:center;margin-top:30px}.tool-layout article{display:block}.tool-layout article .number{display:block;margin-bottom:15px}.tool-layout article h3{font-size:25px;line-height:1.2;margin-bottom:17px}.tool-layout article p{font-size:14px;line-height:1.8}.feature-note{font-size:11px;line-height:1.8;margin-top:20px;color:#759bab;border-left:2px solid #406778;padding-left:13px}.tool-disclosure{font-size:10px;margin-top:25px;line-height:1.8;color:#7997a7}.tool-disclosure a{text-decoration:underline;color:#b0d8e6}.app-mode .hub-demo{transform:none}.app-mode .demo-top{padding:12px 15px}.app-mode .demo-body{min-height:240px;grid-template-columns:100px 1fr}.app-mode .demo-content{padding:16px}.app-mode .demo-sidebar{padding:15px 8px;font-size:9px}.app-mode .demo-sidebar>span{padding:8px}.app-mode .demo-control{padding-block:10px}.app-mode .demo-tag{font-size:7px}.app-mode #page-access{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}.access-copy>p:not(.eyebrow){font-size:14px;margin-top:20px;line-height:1.9}.app-mode .price-card{color:#163747;max-width:450px;width:100%;justify-self:center;padding:25px}.app-mode .price-card .price{margin-top:15px}.app-mode .price-card .price>span:first-child{font-size:60px}.app-mode .price-card .included{padding-block:15px;margin-top:14px;gap:6px}.app-mode .price-card .price-note{margin-top:15px}.app-mode .steps{grid-template-columns:1fr 1fr;margin-top:35px;gap:25px 0}.app-mode .steps li{padding:18px 24px 0 0}.app-mode .steps li+li{padding-left:24px}.app-mode .steps li:nth-child(3){padding-left:0;border-left:0}.app-mode .steps h3{margin-top:16px;margin-bottom:12px;font-size:19px}.setup-button{margin-top:25px;align-self:flex-start}.help-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;margin-top:30px}.answer-card,.policy-reader{padding:25px;background:#112633;border:1px solid #2e4c5e;border-radius:8px}.answer-card label,.policy-reader label{display:block;font-size:11px;color:#87a8b9;margin-bottom:10px}select{color:#d6e9f1;background:#0a1d28;border:1px solid #456475;border-radius:5px;font-family:inherit;font-size:13px;line-height:1.4;padding:12px;width:100%;cursor:pointer}#question-answer{min-height:165px;padding-top:22px}#question-answer p{font-size:14px;line-height:1.85;color:#b3cbd8}.contact-card{background:#193544;border:1px solid #365c70;border-radius:8px;padding:25px;display:flex;flex-direction:column;align-items:flex-start}.contact-card h3{margin-top:14px;font-size:27px}.contact-card>p{font-size:12px;line-height:1.8;margin-top:14px}.contact-card .button{font-size:12px;padding:12px 18px;margin-top:20px;width:100%}.contact-card .email-link{margin-top:16px;overflow-wrap:anywhere}.contact-card .contact-note{font-size:10px;color:#86a5b6;margin-top:18px}.policy-reader{max-width:760px;width:100%;margin-top:25px}.policy-reader select{max-width:440px}#policy-text{min-height:175px;padding-top:25px}#policy-text p{font-size:16px;line-height:1.9;color:#bdd0dc}#policy-text a{color:#9ad9ea;text-decoration:underline;overflow-wrap:anywhere}.reader-controls{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #2e4c5e;padding-top:18px;margin-top:20px}.reader-controls>span{font:11px monospace;color:#a2c0d0}.reader-controls button:disabled{opacity:.3;cursor:default}@keyframes page-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.app-layout{grid-template-columns:145px minmax(0,1fr);gap:15px;padding-inline:24px}.app-nav{padding-right:15px}.app-nav>a{padding:12px 9px;gap:8px;font-size:12px}.app-page{padding:18px}.app-mode .hero h1{font-size:57px}.app-mode .hero{grid-template-columns:1.1fr .9fr}.app-mode .hero-actions{gap:15px;flex-wrap:wrap}.app-mode .button{font-size:12px}.tool-layout{gap:20px;grid-template-columns:1fr 1fr}.tool-layout article h3{font-size:22px}.tool-layout article p{font-size:12px}.app-mode .demo-sidebar{display:none}.app-mode .demo-body{grid-template-columns:1fr}.app-mode .demo-tag{display:none}.app-mode #page-access{grid-template-columns:.7fr 1.3fr;gap:25px}.app-mode .price-card{padding:20px}.price-heading{flex-wrap:wrap;gap:8px}.app-mode .price-heading h3{font-size:21px}.help-layout{gap:18px;grid-template-columns:1fr 1fr}.answer-card,.contact-card{padding:20px}.contact-card .email-link{font-size:11px}.app-mode .price-term{margin-left:auto}}
@media(max-width:720px){.app-mode{grid-template-rows:60px minmax(0,1fr) 36px;min-height:580px}.app-mode .header{height:60px;width:calc(100% - 32px)}.app-mode .header .brand{font-size:15px}.app-mode .header nav{display:block}.app-mode .header .nav-community{display:block;font-size:10px;padding:7px 9px}.app-mode .footer{height:36px;width:calc(100% - 32px);font-size:8px;gap:10px}.app-mode .footer>span:first-of-type{width:auto;order:0;white-space:nowrap}.app-mode .footer-links{gap:11px}.app-mode .footer-state{gap:6px}.app-layout{display:grid;grid-template-columns:1fr;grid-template-rows:49px minmax(0,1fr);gap:0;padding:0 16px}.app-nav{flex-direction:row;align-items:stretch;gap:3px;padding:6px 0;border-right:0;border-bottom:1px solid #294352;justify-content:space-between}.app-nav>a{justify-content:center;flex:1;padding:7px 2px;font-size:10px;border-radius:4px;white-space:nowrap}.nav-index,.nav-arrow,.nav-foot{display:none}.app-page{padding:20px 5px;justify-content:center}.app-page h2{font-size:31px}.app-page .eyebrow{font-size:9px;margin-bottom:12px}.page-heading>p:last-child:not(.eyebrow){font-size:11px;margin-top:12px}.app-mode .hero{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:0}.app-mode .hero-copy{flex:none}.app-mode .hero h1{font-size:clamp(45px,12.8vw,63px);line-height:1.03}.app-mode .hero .eyebrow{margin-bottom:17px}.app-mode .intro{font-size:12px;line-height:1.7;margin-top:17px;max-width:390px}.app-mode .hero-actions{gap:20px;margin-top:20px}.app-mode .button{font-size:11px;padding:12px 16px}.app-mode .hero .text-button{padding-left:0}.app-mode .launch-note{font-size:9px;margin-top:16px}.app-mode .ocean{width:100%;height:175px;aspect-ratio:auto;margin:15px 0 0;max-width:380px;align-self:center}.app-mode .shark{width:95%;left:2.5%;top:-20%}.app-mode .ocean-ring{inset:0 25%}.app-mode .ring-two{inset:-10% 20%}.app-mode .sonar-label,.app-mode .ocean-caption,.app-mode .depth{display:none}.tool-tabs{margin-top:20px;gap:6px}.tool-tabs button{padding:10px 13px;font-size:11px;flex:1}.tool-layout{grid-template-columns:1fr;margin-top:22px;gap:17px}.tool-layout article .number{display:none}.tool-layout article h3{font-size:23px;margin-bottom:12px}.tool-layout article p{font-size:12px;line-height:1.75}.feature-note{display:none}.tool-preview{max-width:100%;width:100%}.app-mode .hub-demo{border-radius:7px}.app-mode .demo-top{padding:8px 12px;font-size:10px}.app-mode .fin-symbol{font-size:17px}.app-mode .demo-tag{display:block;font-size:6px}.app-mode .demo-sidebar{display:flex;font-size:8px;padding:12px 7px;gap:4px}.app-mode .demo-sidebar>span{padding:6px}.app-mode .mini-shark{display:none}.app-mode .demo-body{min-height:160px;grid-template-columns:90px 1fr}.app-mode .demo-content{padding:12px}.app-mode .demo-title{font-size:12px;margin-bottom:7px}.app-mode .demo-title span{font-size:8px}.app-mode .demo-control{font-size:9px;padding:7px 0}.app-mode .inventory-pills{margin-top:10px;gap:4px}.app-mode .inventory-pills span{font-size:6px;padding:2px 4px}.app-mode .demo-caption{font-size:8px;padding:6px 12px}.tool-disclosure{font-size:9px;margin-top:15px}.app-mode #page-access{display:flex;gap:0}.access-copy{display:none}.app-mode .price-card{padding:20px;max-width:410px;margin:auto}.app-mode .price-heading{flex-wrap:nowrap;gap:10px}.app-mode .price-heading h3{font-size:23px}.app-mode .pill{font-size:7px;padding:4px}.app-mode .price-card .price{margin-top:15px}.app-mode .price-card .price>span:first-child{font-size:57px}.app-mode .price-sub{font-size:11px}.app-mode .price-card .included{font-size:11px;padding:12px 0;gap:5px;margin-top:13px}.app-mode .price-note{font-size:10px}.app-mode .price-card .fine{font-size:9px;line-height:1.65;margin-top:13px}.app-mode .price-term{font-size:11px}.app-mode .steps{gap:25px 0;margin-top:25px}.app-mode .steps li{padding:14px 15px 0 0}.app-mode .steps li+li{padding-left:15px}.app-mode .steps li:nth-child(3){padding-left:0}.app-mode .steps h3{font-size:17px;margin-top:15px;margin-bottom:10px;line-height:1.2}.app-mode .steps p{font-size:11px;line-height:1.7}.app-mode .steps code{font-size:10px}.setup-button{margin-top:22px}.help-layout{display:flex;flex-direction:column;gap:15px;margin-top:23px}.answer-card{padding:17px}.answer-card label,.policy-reader label{font-size:10px}select{font-size:11px;padding:10px;white-space:normal}#question-answer{min-height:120px;padding-top:15px}#question-answer p{font-size:12px;line-height:1.75}.contact-card{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:10px 15px;align-items:center}.contact-card>.status-dot,.contact-card>p:not(.contact-note){display:none}.contact-card h3{font-size:22px;margin:0}.contact-card .button{margin:0;font-size:10px;padding:11px 12px}.contact-card .email-link{margin:0;font-size:11px;grid-column:1/-1}.contact-card .contact-note{font-size:9px;margin:0;grid-column:1/-1}.policy-reader{margin-top:24px;padding:19px}.policy-reader select{font-size:12px}#policy-text{min-height:205px;padding-top:23px}#policy-text p{font-size:14px;line-height:1.9}.reader-controls{margin-top:15px;padding-top:15px}.reader-controls button{padding:9px 12px;font-size:11px}}
@media(max-height:740px) and (min-width:721px){.app-layout{padding-block:12px}.app-page{padding-block:12px}.app-page h2{font-size:35px}.app-mode .hero h1{font-size:65px}.app-mode .intro{font-size:13px}.app-mode .price-card{padding:17px}.app-mode .price-card .price>span:first-child{font-size:46px}.app-mode .included{font-size:10px}.app-mode .price-card .included{gap:3px;padding-block:10px;margin-top:10px}.app-mode .price-card .fine{font-size:9px;margin-top:10px}.app-mode .price-card .price-note{margin-top:10px;font-size:10px}.app-mode .price-card .button{padding-block:11px}.tool-layout{margin-top:20px}.tool-tabs{margin-top:20px}.app-mode .steps{margin-top:22px;gap:16px 0}.app-mode .steps h3{margin-top:12px}.help-layout{margin-top:20px}.policy-reader{margin-top:20px}#policy-text{min-height:140px}}
@media(max-height:740px) and (max-width:720px){.app-mode .ocean{height:95px;margin-top:8px}.app-mode .shark{width:75%;left:12.5%;top:-48%}.app-mode .hero h1{font-size:45px}.app-mode .hero .eyebrow{margin-bottom:12px}.app-mode .intro{font-size:11px;margin-top:12px}.app-mode .hero-actions{margin-top:15px}.app-mode .launch-note{margin-top:12px}.app-page{padding-block:12px}.app-page h2{font-size:27px}.app-mode .price-card{padding:15px}.app-mode .price-card .price>span:first-child{font-size:43px}.app-mode .price-card .included{padding-block:9px;gap:3px;margin-top:9px}.app-mode .price-card .price{margin-top:11px}.app-mode .price-card .price-note{margin-top:10px}.app-mode .price-card .fine{font-size:8px;margin-top:9px}.app-mode .price-card .button{padding-block:10px}.app-mode .demo-body{min-height:130px}.app-mode .demo-control{padding:5px 0}.app-mode .demo-caption{display:none}.tool-tabs{margin-top:15px}.tool-layout{margin-top:16px;gap:12px}.tool-layout article h3{font-size:20px;margin-bottom:10px}.tool-layout article p{font-size:11px}.tool-disclosure{font-size:8px;margin-top:12px}.app-mode .steps{margin-top:20px;gap:20px 0}.app-mode .steps h3{font-size:15px;margin-top:10px}.app-mode .steps p{font-size:10px}.setup-button{margin-top:15px}#question-answer{min-height:105px}#question-answer p{font-size:11px}.help-layout{margin-top:18px;gap:12px}.contact-card{padding:13px}.policy-reader{margin-top:18px;padding:16px}#policy-text{min-height:160px;padding-top:18px}#policy-text p{font-size:12px}}
@media(max-height:560px){.app-mode{height:auto;min-height:100dvh;overflow:auto}.app-layout{min-height:460px}.app-page{min-height:430px}.app-mode .footer{min-height:36px}}
@media(prefers-reduced-motion:reduce){.app-page{animation:none}}
.app-page h1:focus,.app-page h2:focus{outline:none}