*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#001321;color:#fff;font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:1.85}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}figure{margin:0}.content{width:min(1486px,88%);margin:auto}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2.2px;color:#00bde9;text-transform:uppercase;line-height:1.6}h1,h2{font-family:'Barlow Semi Condensed',Impact,sans-serif;font-weight:900;font-style:italic;text-transform:uppercase;line-height:1.02;letter-spacing:-.5px}h1{font-size:clamp(56px,6.2vw,96px);margin:20px 0 26px}h2{font-size:clamp(38px,4vw,58px);margin:20px 0 28px}h1 span,h2 span{color:#00bde9}h1 em,h2 em{color:#ffe000}h3{font-size:20px;line-height:1.4;margin:0 0 10px}p{margin:0 0 22px;color:#bdd3df}small{font-size:11px;line-height:1.5;color:#95b2c4}.hero{padding:74px 0 78px;background:linear-gradient(90deg,#001321fa 2%,#001321d9 39%,#00132130 100%),linear-gradient(0deg,#001321,transparent 50%),url('../images/features-hero-waves.png') center/cover}.hero .lead{max-width:660px;font-size:16px}.text-link{display:inline-block;font-size:12px;font-weight:700;padding:10px 0;border-bottom:2px solid #00bde9}.feature-nav{display:flex;justify-content:space-between;gap:20px;padding:26px 0;border-bottom:1px solid #244252;flex-wrap:wrap}.feature-nav a{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#b8d3df}.feature-nav a:hover{color:#ffe000}.feature{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,110px);align-items:center;padding:90px 0;scroll-margin-top:20px}.copy{max-width:650px}.reverse .copy{order:2}.light{background:#f2f6f7;color:#09283b}.light p{color:#46657c}.light .eyebrow,.light h2 span{color:#008eb5}.demo{background:#042334;border:1px solid #16758c;border-radius:14px;overflow:hidden;box-shadow:0 20px 65px #0002;color:#fff;min-width:0}.demo p{color:#bdd3df}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 24px;font-size:12px;font-weight:700;letter-spacing:1px}.panel-top small{text-transform:none;letter-spacing:0}.forecast>img{height:190px;width:100%;object-fit:cover}.tabs{display:flex;border-bottom:1px solid #245064;margin:0 24px}.tabs button{flex:1;border:0;border-bottom:3px solid transparent;background:none;color:#adc6d4;padding:15px 4px;font-size:12px}.tabs button.active{color:#00c5e7;border-color:#00c5e7}.match{display:flex;gap:25px;align-items:center;padding:28px 24px}.match p{font-size:12px;margin:0 0 8px}.match h3{font-size:18px;color:#3ce5c0}.score{width:112px;height:112px;border:8px solid #30d6b5;border-left-color:#176779;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;font-size:38px;line-height:1.1;font-weight:700}.score small{font-size:11px;margin-top:4px}.conditions{display:grid;grid-template-columns:repeat(4,1fr);padding:0 20px 25px;text-align:center;font-size:11px;color:#9bb8c8}.conditions span+span{border-left:1px solid #245064}.conditions b{display:block;font-size:15px;color:white}.session>img{display:block;height:clamp(150px,14vw,230px);object-fit:cover;width:100%}.session-body{padding:25px}.session-body p{font-size:12px;margin-bottom:14px}.art{max-width:440px;width:100%;justify-self:center}.art img{width:100%;border-radius:12px;border:1px solid #207087;box-shadow:0 15px 45px #0002}.gear-items{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}.gear-items img{width:100%;height:170px;object-fit:cover;border-radius:7px}.gear-items figure:last-child img{object-fit:contain}.gear-items figcaption{font-size:11px;font-weight:600;margin-top:8px}.crew-visual{position:relative;overflow:hidden;border-radius:12px;border:1px solid #176d83}.crew-visual img{display:block;width:100%;height:auto}.crew-visual figcaption{background:#001321;padding:20px 28px 12px}.crew-visual figcaption p{font-size:13px}.privacy-panel{padding:34px}.together{text-align:center;padding:85px 0 95px}.together>p:not(.eyebrow){max-width:900px;margin:0 auto 26px}.together h3{font-family:'Barlow Semi Condensed',Impact,sans-serif;font-style:italic;font-size:32px;text-transform:uppercase;color:#ffe000}.button{display:inline-block;border:0;border-radius:5px;background:#ffe000;color:#001321;padding:17px 27px;font-size:12px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase}.together .button{margin-top:15px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #00bde9;outline-offset:5px}dialog{background:#072536;color:white;border:1px solid #00bde9;border-radius:12px;padding:35px;max-width:450px;width:90%}dialog::backdrop{background:#000a}dialog .close{position:absolute;right:12px;top:8px;border:0;background:none;color:white;font-size:28px}
@media(max-width:850px){.feature{gap:35px;padding:60px 0}.feature h2{font-size:38px}.match{gap:15px;padding:20px 16px}.score{width:85px;height:85px;font-size:28px}.match h3{font-size:15px}.hero{padding:50px 0;background-position:65% center}.hero h1{font-size:60px}.privacy-panel{padding:22px}}
@media(max-width:650px){.feature{grid-template-columns:1fr}.reverse .copy{order:0}.copy{max-width:none}.art{max-width:400px}.hero h1{font-size:clamp(44px,10vw,60px)}.hero .lead{font-size:14px}.feature-nav{display:grid;grid-template-columns:1fr 1fr;gap:15px}.feature-nav a{font-size:10px}.hero{background-image:linear-gradient(90deg,#001321e8,#001321a8),url('../images/features-hero-waves.png')}.together h2{font-size:40px}.panel-top{padding:17px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Shift only the hero photograph, keeping the readability overlays fixed. */
.hero{background-position:center,center,calc(50% + 100px) center;background-repeat:no-repeat;background-color:#001321}
@media(max-width:850px){.hero{background-position:center,center,calc(65% + 100px) center}}
@media(max-width:650px){.hero{background-position:center,calc(65% + 100px) center}}

/* Blend the Features photo into the header and navigation. */
.hero:not(.how-hero){
    background:
        linear-gradient(90deg,#001321 0 225px,#001321df max(31%,265px),#00132170 57%,#00132115 100%),
        linear-gradient(180deg,#001321 0%,transparent 28%,transparent 58%,#001321 100%),
        #001321 url('../images/features-hero-blue-waves.png') calc(50% + 225px) 48% / cover no-repeat;
}
@media(max-width:650px){
    .hero:not(.how-hero){
        background:
            linear-gradient(90deg,#001321ec,#0013218c),
            linear-gradient(180deg,#001321,transparent 30%,transparent 57%,#001321),
            #001321 url('../images/features-hero-blue-waves.png') 64% center / cover no-repeat;
    }
}

@media(min-width:851px){
    .hero:not(.how-hero){padding-bottom:6px}
    .hero:not(.how-hero) .lead{padding-top:72px}
}

#main h2 .heading-yellow{color:var(--yellow,#ffe000)}
#crews .cyan-text{color:var(--cyan,#00bde9)}
#crews .sun-text{color:var(--yellow,#ffe000)}

#logging .copy{container-type:inline-size}
#logging h2{font-size:min(46px,7.5cqi);white-space:nowrap}
#logging .copy>p:not(.eyebrow){text-align:justify;text-align-last:left}

.session-body h3 span{color:#00bde9}
.session-preview-fields{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),1fr));
    gap:10px 14px;
    font-size:12px;
}
.session-preview-value{
    margin-top:4px;
    padding:5px 9px;
    border:1px solid #426476;
    border-radius:5px;
    background:#001b29;
}
.session-preview-dropdown{display:flex;align-items:center;justify-content:space-between}
.session-preview-dropdown::after{
    content:"";
    width:6px;
    height:6px;
    margin:-3px 2px 0 8px;
    border-right:1px solid;
    border-bottom:1px solid;
    transform:rotate(45deg);
}
.session-preview-options{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.session-preview-options span{
    display:inline-flex;
    align-items:center;
    gap:4px;
    padding:2px 5px;
    border:1px solid #426476;
    border-radius:4px;
    font-size:11px;
}
.session-preview-options span::before{
    content:"";
    width:8px;
    height:8px;
    border:1px solid #9bb8c8;
    border-radius:50%;
}
.session-preview-options .selected{border-color:#00bde9;background:#12465b}
.session-preview-options .selected::before{background:#00bde9;border-color:#00bde9}
.session-preview-notes{grid-column:1 / -1}

.privacy-panel h3{
    margin:0 0 14px;
    font-size:26px;
    text-transform:uppercase;
    line-height:1.1;
}
.privacy-panel h3 span{color:#00bde9}
.privacy-panel p{font-size:12px}
.share-preview-options{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.share-preview-options li{
    display:flex;
    align-items:center;
    gap:12px;
    padding:16px 18px;
    border:1px solid #24495b;
    background:#071f2c;
    font-weight:700;
}
.share-preview-box{
    flex:0 0 18px;
    height:18px;
    border:1px solid #87959e;
    border-radius:3px;
    background:#39434a;
}
.share-preview-footer{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;margin-top:24px}
.share-preview-footer small{color:#9bb8c8}

.spot-outlook-preview img{display:block;width:100%;height:auto}
.session-outlook-previews{display:grid;gap:28px;min-width:0}
/* The supplied report body sits beneath a native heading, without duplicate titles. */
.sweet-spot-preview{width:100%;justify-self:stretch}
.sweet-spot-preview .panel-top h3{margin:0;font-family:'Barlow Semi Condensed',Impact,sans-serif;font-style:italic;text-transform:uppercase;font-size:28px;line-height:1.1}
.sweet-spot-capture{aspect-ratio:884 / 530;overflow:hidden;background:#103039}
.sweet-spot-capture img{display:block;width:100%;max-width:none;height:auto;margin-top:-10.181%;border:0;border-radius:0}