.app-mode{background:#04121e;isolation:isolate}.sea-world{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 52% -18%,#216377 0,#0c3547 22%,#071c2c 49%,#040e19 100%)}.sea-world:before{content:"";position:absolute;inset:-45% -20%;background:repeating-conic-gradient(from 161deg at 50% 0%,transparent 0deg 7deg,#89e7ef0b 8deg 11deg,transparent 13deg 21deg);filter:blur(11px);transform-origin:50% 0;animation:sea-light 19s ease-in-out infinite alternate}.sea-world:after{content:"";position:absolute;top:-50px;left:-10%;width:120%;height:125px;border-radius:50%;background:#80deef0a;box-shadow:0 10px 100px #54d7e123,inset 0 -10px 34px #a0f5ff1c;filter:blur(14px);animation:surface-drift 13s ease-in-out infinite alternate}.sea-world canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.9}.sea-vignette{position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,#030c1688),radial-gradient(ellipse at center,transparent 45%,#030b1655 100%)}.app-mode .header{border-bottom-color:#78c0d71c;position:relative;z-index:2}.app-mode .brand{color:#e7f4f9;letter-spacing:-.02em}.app-mode .brand svg{filter:drop-shadow(0 0 14px #a8dfea33)}.app-mode .brand-light{color:#80b5c9}.app-mode .header .nav-community{background:#13304477;border-color:#84bfd438;box-shadow:inset 0 1px 0 #daf7ff0c;border-radius:8px;transition:border-color .25s,background .25s}.app-mode .nav-community:hover{border-color:#a0dcef88;background:#24465799}.app-nav{border-right-color:#80bdd41a}.app-nav>a{border-radius:8px;transition:color .25s,background .25s,border-color .25s,box-shadow .25s}.app-nav>a[aria-current]{background:linear-gradient(115deg,#79c8e22b,#315b7022);border-color:#8bdeef45;box-shadow:inset 0 1px 0 #defcff12,0 5px 25px #00000016}.app-nav>a[aria-current] .nav-index{color:#90d5e5}.app-mode h1{font-size:clamp(48px,5.5vw,82px);letter-spacing:-.045em;background:linear-gradient(180deg,#f5feff 6%,#b2d9e7 52%,#7095b0 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 12px 48px #789acb0d;line-height:.98}.app-mode h1 em{color:transparent;background:linear-gradient(110deg,#add5e1 5%,#71e0eb 46%,#9bbed5 84%);background-clip:text;-webkit-background-clip:text}.app-mode h2{color:#e4f1f8;letter-spacing:-.04em}.app-mode .eyebrow{color:#87bacd;letter-spacing:.21em}.app-mode .intro{color:#a7c1d1}.app-mode .button{border-radius:8px;position:relative;overflow:hidden;transition:transform .23s,box-shadow .23s,background .23s}.app-mode .primary{background:linear-gradient(115deg,#d4eff4,#90cfde 65%,#80bacc);box-shadow:inset 0 1px 0 #fff9,0 5px 20px #78c6ec12;border:1px solid #c1e5f08c;color:#092838}.app-mode .primary:hover{box-shadow:inset 0 1px 0 #fff,0 9px 32px #57bce932;transform:translateY(-3px)}.app-mode .text-button{overflow:visible}.app-mode .ocean{background:radial-gradient(ellipse at center,#3f8aa21a,transparent 66%);perspective:1000px}.app-mode .ocean-ring{border-color:#9bdded16;animation:sonar-drift 12s ease-in-out infinite}.app-mode .ring-two{animation-delay:-6s}.app-mode .ocean:after{opacity:.4}.app-mode .shark{filter:drop-shadow(0 25px 25px #0007) drop-shadow(0 -2px 13px #b7e9f81a);animation:shark-cruise 12s ease-in-out infinite;transform-origin:center}.app-mode .shark-body{animation:shark-body-roll 12s ease-in-out infinite;transform-origin:center}.app-mode .sonar-label,.app-mode .ocean-caption{color:#6597ac}.app-mode .app-page{animation:ocean-page .5s cubic-bezier(.16,1,.3,1) both}.app-mode .app-page:not([hidden])>.page-heading,.app-mode .app-page:not([hidden])>.access-copy{animation:ocean-reveal .55s .05s both}.app-mode .app-page:not([hidden]) .hero-copy{animation:ocean-reveal .75s .08s both}.app-mode .app-page:not([hidden]) .ocean{animation:ocean-reveal 1s .15s both}.app-mode .app-page:not([hidden]) .tool-layout,.app-mode .app-page:not([hidden]) .help-layout,.app-mode .app-page:not([hidden]) .policy-reader{animation:ocean-reveal .65s .1s both}.app-mode .hub-demo{background:linear-gradient(140deg,#19384dea,#0e2435ed);border-color:#89cde345;box-shadow:inset 0 1px 0 #e3f9ff10,0 25px 60px #0005;transition:transform .5s,border-color .5s}.app-mode .hub-demo:hover{transform:perspective(1000px) rotateY(-3deg) rotateX(2deg) translateY(-3px);border-color:#93d4e887}.app-mode .demo-top{background:linear-gradient(90deg,#648fab14,transparent)}.app-mode .tool-tabs button{border-radius:7px;transition:background .2s,box-shadow .2s}.app-mode .tool-tabs button[aria-selected=true]{background:linear-gradient(120deg,#b6e5ed,#83bacf);box-shadow:0 5px 15px #74bed11a}.app-mode .price-card{background:linear-gradient(135deg,#193e54f5,#102a3efa);color:#d9eaf4;border:1px solid #96cfe454;border-radius:14px;box-shadow:inset 0 1px 0 #d8f2ff12,0 25px 75px #0005;position:relative;isolation:isolate}.app-mode .price-card:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(ellipse at 100% 0,#69cbe91f,transparent 65%)}.app-mode .price-card .price-heading h3{color:#e0f1f7}.app-mode .price-card .pill{border-color:#8bc7d744;color:#a8d9e8;background:#89bbd013}.app-mode .price-card .price{color:#d8ecf7}.app-mode .price-card .price>span:first-child{background:linear-gradient(180deg,#fff,#91bfd5);color:transparent;background-clip:text;-webkit-background-clip:text}.app-mode .price-card .price-sub,.app-mode .price-card .price-term{color:#90b2c7}.app-mode .price-card .included{color:#bfd8e4;border-color:#689bb53b}.app-mode .price-card .included li:before{color:#7fd2e0}.app-mode .price-card .price-note{color:#8eb4c8}.app-mode .price-card .fine{color:#83a5ba}.app-mode .price-card .primary{background:linear-gradient(110deg,#b9e9ed,#7ebad5);color:#0a2938}.app-mode .answer-card,.app-mode .policy-reader{background:linear-gradient(135deg,#142f43ec,#0a2033e8);border-color:#6a9ab63f;border-radius:12px;box-shadow:inset 0 1px 0 #b5e6f30a,0 18px 60px #0003}.app-mode .contact-card{background:linear-gradient(140deg,#20475cf0,#143145ef);border-color:#91c5dd45;border-radius:12px}.app-mode select{background:#091c2cd9;border-color:#709db745;border-radius:7px;color:#bdd9e8}.app-mode .steps li{border-color:#6ca7c036}.app-mode .steps li>span{color:#89c6da}.app-mode .steps li:nth-child(1){animation:ocean-reveal .5s .05s both}.app-mode .steps li:nth-child(2){animation:ocean-reveal .5s .12s both}.app-mode .steps li:nth-child(3){animation:ocean-reveal .5s .19s both}.app-mode .steps li:nth-child(4){animation:ocean-reveal .5s .26s both}.app-mode .reader-controls{border-color:#6996ae30}.app-mode .reader-controls button{background:#143148aa;border-color:#72a6c145;border-radius:6px;transition:background .2s}.app-mode .reader-controls button:not(:disabled):hover{background:#254b63}.app-mode .footer{border-top-color:#78b8d31f;color:#648a9f}.click-ripple{position:fixed;width:12px;height:12px;border:1px solid #b8f2ff99;border-radius:50%;pointer-events:none;z-index:9;animation:water-click .65s ease-out forwards;margin:-6px}.sea-paused .sea-world:before,.sea-paused .sea-world:after,.sea-paused .shark,.sea-paused .shark-body,.sea-paused .ocean-ring{animation-play-state:paused}
@keyframes sea-light{0%{transform:translateX(-4%) rotate(-7deg);opacity:.4}100%{transform:translateX(5%) rotate(6deg);opacity:.8}}@keyframes surface-drift{from{transform:scaleX(1) translateX(-3%);opacity:.5}to{transform:scaleX(1.1) translateX(3%);opacity:.9}}@keyframes shark-cruise{0%,100%{transform:translate(0,0) rotate(-3deg)}35%{transform:translate(-14px,-9px) rotate(-1deg)}70%{transform:translate(5px,5px) rotate(-4deg)}}@keyframes shark-body-roll{0%,100%{transform:scaleY(.99)}50%{transform:scaleY(1.025)}}@keyframes sonar-drift{0%,100%{opacity:.4;transform:scale(.97) rotate(-15deg)}50%{opacity:.8;transform:scale(1.02) rotate(-10deg)}}@keyframes ocean-page{from{opacity:0;transform:translateY(10px) scale(.99);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes ocean-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes water-click{to{transform:scale(7);opacity:0}}
@media(max-width:720px){.app-mode .hero h1{font-size:clamp(43px,12vw,64px)}.app-mode .app-nav{border-bottom-color:#80bdd424}.app-mode .sea-world:before{filter:blur(6px)}.app-mode .price-card{border-radius:10px}.app-mode .hub-demo:hover{transform:none}.app-mode .sea-world canvas{opacity:.6}.app-mode .header .nav-community{font-size:10px}}
@media(max-height:740px) and (max-width:720px){.app-mode .hero h1{font-size:45px}}
@media(prefers-reduced-motion:reduce){.sea-world:before,.sea-world:after,.app-mode .shark,.app-mode .shark-body,.app-mode .ocean-ring,.app-mode .app-page,.app-mode .app-page *{animation:none!important}.app-mode .button,.app-mode .hub-demo,.app-mode .app-nav>a{transition:none}.app-mode .button:hover,.app-mode .hub-demo:hover{transform:none}.click-ripple{display:none}}
.app-mode .hero-copy{min-width:0}.app-mode .ocean{width:100%;margin-left:0}.app-mode .shark{width:108%;left:-4%}@media(max-width:720px){.app-mode .shark{width:95%;left:2.5%}}@media(max-height:740px) and (max-width:720px){.app-mode .shark{width:75%;left:12.5%}}
