:root{--brand-ocean-900: #06222C;--brand-ocean-700: #094E60;--brand-ocean-500: #0B6E85;--brand-aqua-400: #3FB8C4;--brand-sand-500: #E8A33D;--brand-neutral-0: #FFFFFF;--brand-neutral-50: #F3F7F9;--brand-neutral-900: #0F1E24}:root{--deep: var(--brand-ocean-900);--deep-2: var(--brand-ocean-700);--primary: var(--brand-ocean-500);--aqua: var(--brand-aqua-400);--sand: var(--brand-sand-500);--paper: var(--brand-neutral-50);--surface: var(--brand-neutral-0);--ink: var(--brand-neutral-900);--ink-soft: #46626D;--ink-faint: #6E8590;--line: #D6E1E5;--on-deep: #E8F2F5;--on-deep-soft: #A6C4CE;--on-deep-line: rgba(127, 220, 228, .18);--shell: 1180px;--radius: 14px;--step--1: .86rem;--step-0: 1rem;--step-1: 1.16rem;--step-2: 1.45rem;--step-3: 1.95rem;--step-4: 2.6rem;--step-5: clamp(2.4rem, 6vw, 4.1rem);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;background:var(--paper);color:var(--ink);font-family:Public Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:var(--step-0);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{font-family:Sora,ui-sans-serif,system-ui,Segoe UI,sans-serif;font-weight:600;line-height:1.12;letter-spacing:-.018em;text-wrap:balance;margin:0}p,ul,ol,dl{margin:0}img,svg{max-width:100%}a{color:var(--primary);text-underline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--aqua);outline-offset:2px;border-radius:4px}.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--sand);color:var(--deep);padding:12px 18px;font-weight:600;border-radius:0 0 8px}.skip:focus{left:0}.shell{width:100%;max-width:var(--shell);margin:0 auto;padding:0 clamp(1.15rem,4vw,2.2rem)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1.18rem 1.5rem 1.23rem;line-height:1;font-family:Sora,sans-serif;font-weight:600;font-size:var(--step-0);border-radius:999px;border:1px solid transparent;text-decoration:none;cursor:pointer;transition:transform .15s ease,background-color .15s ease,border-color .15s ease}.btn:active{transform:translateY(1px)}.btn-sand{background:var(--sand);color:#2b1b03}.btn-sand:hover{background:#f2b457}.btn-ghost{background:transparent;color:var(--on-deep);border-color:#e8f2f557}.btn-ghost:hover{border-color:var(--aqua);color:#fff}.btn-block{width:100%}.topbar{position:fixed;inset:0 0 auto;z-index:40;padding:.85rem 0;transition:background-color .25s ease,border-color .25s ease,backdrop-filter .25s ease;border-bottom:1px solid transparent}.topbar[data-stuck=true]{background:#06222ce0;backdrop-filter:blur(10px);border-bottom-color:var(--on-deep-line)}.topbar-inner{display:flex;align-items:center;gap:1.5rem}.brand{display:flex;align-items:center;text-decoration:none}.brand-mark svg{display:block;height:40px;width:auto;transition:height .18s ease}.footer-brand svg{display:block;height:46px;width:auto}.topbar[data-stuck=true] .brand-mark svg{height:34px}@media (max-width: 560px){.brand-mark svg{height:34px}}.topnav{display:none;gap:1.6rem;margin-left:auto}.topnav a{color:#d2e4ea;text-decoration:none;font-size:var(--step--1);font-weight:500;letter-spacing:.01em;text-shadow:0 1px 8px rgba(6,34,44,.55)}.topnav a:hover{color:#fff}.topbar-cta{margin-left:auto;padding:.885rem 1.15rem .945rem;font-size:var(--step--1)}@media (min-width: 900px){.topnav{display:flex}.topbar-cta{margin-left:0}}.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:7.5rem 0 6rem;background:var(--deep);color:var(--on-deep);overflow:hidden;isolation:isolate}.hero-canvas,.hero-poster{position:absolute;inset:0;width:100%;height:100%;display:block}.hero-canvas{z-index:-2}.hero-canvas[hidden]{display:none}.hero-poster{z-index:-3;overflow:hidden;--horizon: 26.8%;background:radial-gradient(20% 26% at 62% 18%,rgba(255,236,190,.5),rgba(232,163,61,.13) 46%,transparent 70%),linear-gradient(180deg,#bbd8e2,#bcdae3 calc(var(--horizon) * .45),#bcdce5 calc(var(--horizon) * .71),#c1dee5 calc(var(--horizon) * .9),#c2dfe4 calc(var(--horizon) * .99),#7abfc6 calc(var(--horizon) + (100% - var(--horizon)) * .003),#6cb8c2 calc(var(--horizon) + (100% - var(--horizon)) * .022),#3d7c93 calc(var(--horizon) + (100% - var(--horizon)) * .079),#245c7a calc(var(--horizon) + (100% - var(--horizon)) * .173),#1f5575 calc(var(--horizon) + (100% - var(--horizon)) * .316),#1b5172 calc(var(--horizon) + (100% - var(--horizon)) * .478),#174b6d calc(var(--horizon) + (100% - var(--horizon)) * .668),#144566 calc(var(--horizon) + (100% - var(--horizon)) * .806),#113d5c);transition:opacity .55s ease}.hero-poster:before,.hero-poster:after{content:"";position:absolute;left:-12%;right:-12%;pointer-events:none}.hero-poster:before{top:var(--horizon);height:calc((100% - var(--horizon)) * .4);background:repeating-linear-gradient(180deg,#fff0 0,#ffffff0d 3px,#fff0 7px 13px);transform:skewY(-1.1deg);animation:hero-swell-far 13s linear infinite;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 26%,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 26%,#000 70%,transparent 100%)}.hero-poster:after{top:calc(var(--horizon) + (100% - var(--horizon)) * .35);bottom:-6%;background:repeating-linear-gradient(180deg,#fff0 0,#ffffff0b 4px,#fff0 9px,#031e3000 18px,#031e300d 23px,#031e3000 28px 34px);transform:skewY(.9deg);animation:hero-swell-near 9s linear infinite;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 100%);mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 100%)}@keyframes hero-swell-far{to{transform:skewY(-1.1deg) translate3d(0,13px,0)}}@keyframes hero-swell-near{to{transform:skewY(.9deg) translate3d(0,34px,0)}}.hero[data-scene=ready] .hero-poster{opacity:0;visibility:hidden;transition:opacity .55s ease,visibility 0s linear .55s}.hero[data-scene=ready] .hero-poster:before,.hero[data-scene=ready] .hero-poster:after{animation:none}@media (max-aspect-ratio: 1 / 1){.hero-poster{--horizon: 40%}}@media (prefers-reduced-motion: reduce){.hero-poster{transition:none}.hero-poster:before,.hero-poster:after{animation:none}}.hero-veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(6,34,44,.5) 0%,transparent 26%),linear-gradient(180deg,rgba(7,52,66,.26) 0%,rgba(7,52,66,.1) 7%,transparent 13%)}.hero-veil:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#073442e0,#07344285 30%,#07344200 58%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 13%,#000 29%,#000 100%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 13%,#000 29%,#000 100%)}.hero h1,.hero .eyebrow,.hero-lede{text-shadow:0 1px 2px rgba(4,26,34,.45),0 2px 24px rgba(4,26,34,.55)}.hero .eyebrow{display:inline-block;margin-bottom:1.35rem;padding:.47rem .95rem .37rem;border-radius:999px;background:#06222c9e;border:1px solid rgba(232,163,61,.38);color:#f7cb8a;backdrop-filter:blur(3px);text-shadow:none}@media (max-width: 820px){.hero-veil{background:linear-gradient(180deg,#06222ce0,#06222cbd 38%,#06222c2e 72%,#06222c6b)}.hero-veil:before{display:none}}.hero-inner{position:relative}.eyebrow{font-family:Sora,sans-serif;font-size:.74rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--sand);margin-bottom:1.1rem}.eyebrow-dark{color:var(--primary)}.hero h1{font-size:var(--step-5);max-width:15ch;color:#fff}.hero-lede{margin-top:1.35rem;max-width:52ch;font-size:var(--step-1);color:var(--on-deep-soft);line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.1rem}.hero-facts{display:flex;flex-wrap:wrap;gap:1.6rem 3rem;margin-top:3.2rem;padding-top:1.5rem;border-top:2px solid var(--on-deep-line);max-width:44rem}.hero-facts dt{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--on-deep-soft);font-family:Sora,sans-serif;font-weight:600}.hero-facts dd{margin:.3rem 0 0;font-size:var(--step-0);color:#fff;font-weight:500}.hero-scroll{position:absolute;left:50%;bottom:1.6rem;translate:-50% 0;width:26px;height:42px;border:2px solid rgba(232,242,245,.3);border-radius:999px;display:none;z-index:1}.hero-scroll span{position:absolute;left:50%;top:8px;translate:-50% 0;width:4px;height:7px;border-radius:2px;background:var(--aqua);animation:scrollHint 1.9s ease-in-out infinite}@keyframes scrollHint{0%,to{transform:translateY(0);opacity:1}55%{transform:translateY(12px);opacity:.2}}@media (min-width: 900px) and (min-height: 680px){.hero-scroll{display:block}}.band{padding:clamp(4rem,9vw,7rem) 0;scroll-margin-top:5.2rem}.band-light{background:var(--paper);color:var(--ink)}.band-deep{background:var(--deep);color:var(--on-deep)}.band-deep .section-lede{color:var(--on-deep-soft)}.band-deep .section-title{color:#fff}.section-title{font-size:clamp(1.7rem,4vw,var(--step-4));max-width:20ch}.section-lede{margin-top:1rem;max-width:58ch;font-size:var(--step-1);color:var(--ink-soft);line-height:1.55}.products{display:flex;flex-direction:column;gap:clamp(2.5rem,5vw,4.5rem);margin-top:3.2rem}.product{display:grid;grid-template-columns:1fr;gap:1.8rem;align-items:center}@media (min-width: 880px){.product{grid-template-columns:1.05fr 1fr;gap:3.2rem}.product-reverse .product-shot{order:2}}.product-copy h3{font-size:var(--step-3)}.product-kicker{margin-top:.4rem;color:var(--primary);font-family:Sora,sans-serif;font-weight:500;font-size:var(--step-0)}.product-copy>p:not(.product-kicker):not(.product-link){margin-top:1rem;color:var(--ink-soft)}.product-link{margin-top:1.1rem;font-weight:600}.product-link a{text-decoration:none}.product-link a:hover{text-decoration:underline}.ticks{list-style:none;padding:0;margin-top:1.2rem;display:flex;flex-direction:column;gap:.55rem}.ticks li{position:relative;padding-left:1.7rem;color:var(--ink-soft)}.ticks li:before{content:"";position:absolute;left:0;top:.52em;width:9px;height:9px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 3px #3fb8c433}.product-shot{display:flex}.shot-real{position:relative;margin:0;width:100%;padding-bottom:2.2rem;padding-right:1.5rem}.shot-window{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--surface);box-shadow:0 26px 52px -30px #06222c8c}.shot-window img{display:block;width:100%;height:auto}.shot-window .shot-chrome{background:var(--paper);border-bottom:1px solid var(--line);align-items:center}.shot-window .shot-chrome span{background:#c6d5db}.shot-window .shot-chrome em{font-style:normal;margin-left:.7rem;font-size:.72rem;color:var(--ink-faint);font-family:Sora,sans-serif;letter-spacing:.01em}.shot-phone{position:absolute;right:0;bottom:0;width:23%;min-width:96px;height:auto;display:block;border-radius:12px;border:3px solid var(--deep);background:var(--deep);box-shadow:0 18px 36px -18px #06222c99}@media (max-width: 620px){.shot-real{padding-right:0;padding-bottom:0}.shot-phone{display:none}}.shot-frame{width:100%;aspect-ratio:4 / 3;border-radius:var(--radius);overflow:hidden;background:linear-gradient(155deg,#0b4a63,#06222c 72%);border:1px solid rgba(63,184,196,.25);box-shadow:0 24px 48px -28px #06222c99;display:flex;flex-direction:column}.shot-chrome{display:flex;gap:6px;padding:12px 14px;border-bottom:1px solid rgba(63,184,196,.16)}.shot-chrome span{width:9px;height:9px;border-radius:50%;background:#a6c4ce4d}.shot-body{flex:1;padding:20px;display:flex;flex-direction:column;gap:14px}.shot-line{height:10px;border-radius:5px;background:#a6c4ce38}.shot-line.w90{width:90%}.shot-line.w75{width:75%}.shot-line.w70{width:70%}.shot-line.w60{width:60%}.shot-line.w40{width:40%}.shot-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.shot-tile{border-radius:8px;background:#3fb8c424;border:1px solid rgba(63,184,196,.18)}.shot-tile.accent{background:#e8a33d8c;border-color:#e8a33db3}.shot-split{flex:1;display:grid;grid-template-columns:1fr 1.1fr;gap:14px}.shot-card{border-radius:8px;background:#3fb8c424;border:1px solid rgba(63,184,196,.2)}.shot-stack{display:flex;flex-direction:column;gap:10px}.shot-pill{height:30px;width:62%;border-radius:999px;background:#e8a33d99;margin-top:auto}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin-top:3rem}.card{background:#ffffff0b;border:1px solid var(--on-deep-line);border-radius:var(--radius);padding:1.6rem 1.5rem;transition:border-color .2s ease,background-color .2s ease}.card:hover{border-color:#3fb8c473;background:#ffffff12}.card h3{font-size:var(--step-1);color:#fff}.card p{margin-top:.7rem;color:var(--on-deep-soft);font-size:var(--step--1);line-height:1.6}.ways{display:grid;grid-template-columns:1fr;gap:1.2rem;margin-top:3rem}@media (min-width: 820px){.ways{grid-template-columns:1fr 1fr;gap:1.6rem}}.way{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.9rem 1.8rem}.way h3{font-size:var(--step-2)}.way p{margin-top:.9rem;color:var(--ink-soft)}.way-for{font-size:var(--step--1);padding-top:.9rem;border-top:1px solid var(--line)}.way-for strong{color:var(--ink)}.band-place{position:relative;overflow:hidden}.band-place:after{content:"";position:absolute;right:-12%;top:-30%;width:60vw;height:60vw;max-width:720px;max-height:720px;border-radius:50%;background:radial-gradient(circle,rgba(11,110,133,.34),transparent 66%);pointer-events:none}.place{position:relative;display:grid;grid-template-columns:1fr;gap:2.4rem;align-items:start}@media (min-width: 900px){.place{grid-template-columns:1.35fr 1fr;gap:4rem}}.place-note{margin-top:1.2rem;color:var(--on-deep-soft);max-width:56ch}.place .btn{margin-top:2rem}.place-list{list-style:none;padding:0;display:flex;flex-direction:column}.place-list li{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--on-deep-line)}.place-list li:first-child{border-top:1px solid var(--on-deep-line)}.place-list span{color:var(--on-deep-soft);font-size:var(--step--1)}.place-list strong{font-family:Sora,sans-serif;font-weight:600;color:#fff;text-align:right}.contact{display:grid;grid-template-columns:1fr;gap:2.6rem;align-items:start}@media (min-width: 920px){.contact{grid-template-columns:1fr 1fr;gap:4rem}}.contact-direct{margin-top:2.4rem;display:flex;flex-direction:column;gap:1.1rem}.contact-direct dt{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint);font-family:Sora,sans-serif;font-weight:600}.contact-direct dd{margin:.25rem 0 0;font-size:var(--step-1);font-weight:500}.contact-direct a{text-decoration:none}.contact-direct a:hover{text-decoration:underline}.contact-form{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.4rem,3vw,2.1rem);display:flex;flex-direction:column;gap:1.05rem;box-shadow:0 24px 48px -34px #06222c66}.field{display:flex;flex-direction:column;gap:.4rem}.field label{font-family:Sora,sans-serif;font-weight:500;font-size:var(--step--1)}.opt{color:var(--ink-faint);font-weight:400}.field input,.field select,.field textarea{font:inherit;color:inherit;padding:.72rem .9rem;border:1px solid var(--line);border-radius:9px;background:var(--paper);transition:border-color .15s ease,background-color .15s ease}.field textarea{resize:vertical;min-height:7.5rem}.field input:hover,.field select:hover,.field textarea:hover{border-color:#b9ccd3}.field input:focus,.field select:focus,.field textarea:focus{background:var(--surface)}.field[data-invalid=true] input,.field[data-invalid=true] textarea{border-color:#c4553d;background:#fdf4f2}.err{color:#a8412b;font-size:var(--step--1)}.err-form{padding:.8rem 1rem;background:#fdf0ed;border:1px solid #F0C7BC;border-radius:9px}.hp{position:absolute;left:-5000px;top:auto;width:1px;height:1px;overflow:hidden}.form-note{font-size:var(--step--1);color:var(--ink-faint);text-align:center}.form-done{border:1px solid rgba(63,184,196,.5);background:#3fb8c41a;border-radius:10px;padding:1.2rem 1.3rem}.form-done h3{font-size:var(--step-1)}.form-done p{margin-top:.45rem;color:var(--ink-soft);font-size:var(--step--1)}.contact-form[data-sent=true] .field,.contact-form[data-sent=true] [data-submit],.contact-form[data-sent=true] .form-note{display:none}button[data-submit][aria-busy=true]{opacity:.65;cursor:progress}.footer{background:var(--deep);color:var(--on-deep-soft);padding:3.4rem 0 2.6rem;border-top:1px solid var(--on-deep-line)}.footer-inner{display:grid;grid-template-columns:1fr;gap:2.4rem 2rem}@media (min-width: 720px){.footer-inner{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:1 / -1}}@media (min-width: 1000px){.footer-inner{grid-template-columns:1.5fr 1fr 1fr 1.2fr;align-items:start}.footer-brand{grid-column:auto}}.footer-brand{max-width:34ch}.footer-brand p{margin-top:1rem;font-size:var(--step--1);line-height:1.65}.footer-col h2{font-family:Sora,sans-serif;font-weight:600;font-size:.74rem;letter-spacing:.13em;text-transform:uppercase;color:#7fa3b0;margin-bottom:.95rem}.footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.footer-col a{color:var(--on-deep-soft);text-decoration:none;font-size:var(--step--1)}.footer-col a:hover{color:#fff;text-decoration:underline;text-underline-offset:.2em}.footer-note{margin-top:1.1rem;font-size:.8rem;line-height:1.7;color:#6e8e9a}.footer-base{grid-column:1 / -1;padding-top:1.6rem;margin-top:.4rem;border-top:1px solid var(--on-deep-line);display:flex;flex-wrap:wrap;gap:.5rem 2rem;justify-content:space-between;align-items:baseline}.footer-legal{font-size:var(--step--1);color:#6e8e9a}.footer-credit{font-size:.78rem;color:#5a7883}.footer-credit a{color:#7ba0ac;text-decoration:underline;text-underline-offset:.15em}.footer-credit a:hover{color:#fff}.quotes{display:grid;grid-template-columns:1fr;gap:1.6rem;margin-top:3rem}@media (min-width: 820px){.quotes{grid-template-columns:1fr 1fr;gap:2rem}}.quote{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:2rem 1.9rem 1.6rem;display:flex;flex-direction:column;justify-content:space-between;position:relative}.quote:before{content:"“";position:absolute;top:.35rem;left:1.4rem;font-family:Sora,sans-serif;font-size:4.2rem;line-height:1;color:var(--aqua);opacity:.28}.quote blockquote{margin:0;position:relative}.quote blockquote p{font-size:var(--step-1);line-height:1.6;color:var(--ink)}.quote figcaption{margin-top:1.7rem;padding-top:1.1rem;border-top:1px solid var(--line);display:grid;gap:.18rem}.quote-who{font-family:Sora,sans-serif;font-weight:600;color:var(--ink)}.quote-where{font-size:var(--step--1);color:var(--ink-faint)}.quote-what{margin-top:.45rem;font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--primary)}
