/* Public homepage header and hero only. */

#siteHeader{background:#080a0a;border-bottom:1px solid #d4b16a33;box-shadow:none}
#siteHeader nav{max-width:1480px;width:calc(100% - 72px);min-height:90px;gap:24px;margin:auto;padding:0}
#siteHeader .brand{display:flex;align-items:center;gap:14px;color:#f1eee6;white-space:nowrap}
#siteHeader .brand-mark{display:block;width:65px;height:52px;background:transparent url('../images/itt-turtle-mark.svg') center/contain no-repeat;border:0;border-radius:0;font-size:0;box-shadow:none}
.luxury-wordmark{font-family:Georgia,serif;font-size:20px;font-weight:400;letter-spacing:.1em;color:#e9eee9}
.luxury-wordmark small{display:block;margin-top:5px;font-family:var(--font-body,Inter,sans-serif);font-size:9px;font-weight:500;letter-spacing:.23em;color:#b8bcb9}
#siteHeader .public-nav{gap:27px}
#siteHeader .public-nav-link{font-size:13px;letter-spacing:0;text-transform:none;color:#d7d8d7;font-weight:500;padding:28px 0;background:none;border:0}
#siteHeader .public-nav-link:hover{color:#edcb7b}
#siteHeader .public-actions{gap:14px}
.luxury-gold,.luxury-outline,.luxury-login{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:12px 23px;border-radius:5px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .23s ease,box-shadow .23s ease}
.luxury-gold{background:linear-gradient(115deg,#f7dfa0,#d8aa43);border:1px solid #ecc775;color:#15140f!important;box-shadow:inset 0 1px 0 #ffffff55}
.luxury-outline,.luxury-login{background:#090b0bc2;border:1px solid #c5c6be88;color:#eeefea!important}
.luxury-gold:hover,.luxury-outline:hover,.luxury-login:hover{transform:translateY(-2px);box-shadow:0 7px 22px #d7ae5420}
.luxury-hero{background:radial-gradient(ellipse at 82% 58%,#6e51252c,transparent 53%),linear-gradient(110deg,#070909,#111311 70%,#0a0c0c);padding:90px 0 80px;color:#eeeee8}
.luxury-hero::before{inset:0;height:auto;background:linear-gradient(90deg,#0005,transparent 70%),repeating-linear-gradient(90deg,transparent 0 119px,#dfbf7022 120px,transparent 121px 240px);opacity:.25}
.luxury-hero .wrap{width:calc(100% - 112px);max-width:1480px;grid-template-columns:1.12fr 1fr;gap:28px;min-height:530px}
.luxury-hero .hero-copy{max-width:720px;position:relative;z-index:3}
.luxury-hero .eyebrow{background:none;border:0;padding:0;border-radius:0;color:#e2c477;font-size:10px;font-weight:500;letter-spacing:.16em;line-height:1.8}
.luxury-hero .hero-copy h1{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:clamp(46px,4.65vw,78px);line-height:1.06;letter-spacing:-.025em;color:#f1f0ec;text-shadow:none;margin:0}
.luxury-hero .hero-copy h1 em{color:#e4c376;background:linear-gradient(120deg,#f8e0a0,#c59c45);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.luxury-hero .hero-copy p.hero-desc{color:#bbbebc;font-size:17px;line-height:1.65;margin-top:26px;max-width:52ch}
.luxury-hero .hero-actions{flex-wrap:nowrap;gap:12px;margin-top:30px}
.luxury-hero .hero-actions a{font-size:13px;min-height:56px;padding:14px 18px;white-space:nowrap}
.luxury-indicators{display:flex;list-style:none;padding:0;margin:38px 0 0;gap:22px;color:#bfc1bc;font-size:12px;line-height:1.6}
.luxury-indicators li{max-width:140px;border-left:1px solid #d5b66855;padding-left:15px}
.luxury-indicators li::before{content:'◇';color:#dec17e;margin-right:8px}



.luxury-hero .hero-alt-links,.luxury-hero .hero-trust-line{display:none}
.luxury-hero .hero-visual{order:0;align-self:center;max-width:none;margin:0;min-width:0;padding-top:35px;transform:perspective(1300px) rotateY(-8deg);position:relative}
.luxury-hero .hero-aura{opacity:.3}
.luxury-hero .hero-aura span{animation:none}

.luxury-hero .hero-live-chip{color:#d0bd8b;top:5%;left:5%;right:auto;font-size:9px;border:1px solid #d8b66744;border-radius:2px;background:#0b1010;letter-spacing:.13em}
.terminal-notes{position:absolute;top:24%;left:24%;right:16%;display:flex;justify-content:space-between;color:#8acdd0;font-size:9px;letter-spacing:.1em}
.terminal-notes span{border-bottom:1px solid #dbb75c;padding:6px}
.terminal-watch{position:absolute;right:-2%;top:43%;width:145px;display:grid;gap:10px;padding:17px;background:#080e0fed;border:1px solid #d4b27044;box-shadow:0 10px 30px #0008;color:#c2d1ce;font-size:10px}
.terminal-watch b{font-size:9px;letter-spacing:.12em;color:#d8bd7d}.terminal-watch small{font-size:8px;color:#8e9d99}
.luxury-feature-strip{background:linear-gradient(120deg,#101212,#080a0a);border-block:1px solid #d5b46c2b;padding:29px 0}
.luxury-feature-strip .wrap{max-width:1440px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.luxury-feature-strip .wrap>div{border-right:1px solid #d5b46c22;padding:0 20px}
.luxury-feature-strip b{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#e0c17a;font-weight:500}
.luxury-feature-strip span{display:block;margin-top:9px;color:#929793;font-size:11px}
@media(max-width:1200px){#siteHeader nav{width:calc(100% - 40px)}#siteHeader .public-nav{gap:16px}.luxury-wordmark{font-size:16px}.luxury-hero .wrap{width:calc(100% - 64px)}.luxury-hero .hero-actions{flex-wrap:wrap}}
@media(max-width:1050px){#siteHeader .desktop-nav{display:none}#siteHeader .mobile-toggle{display:flex;color:#e3c37a;border-color:#d4b16a55;background:transparent}#siteHeader .mobile-menu{background:#0c1010;border:1px solid #d4b16a55;color:#eee;max-height:75vh;overflow:auto}#siteHeader .mobile-menu[hidden]{display:none}#siteHeader .mobile-menu a{min-height:44px;color:#eee}.luxury-hero{padding:55px 0}.luxury-hero .wrap{grid-template-columns:1fr;gap:20px}.luxury-hero .hero-copy{text-align:left;max-width:730px;margin:0}.luxury-hero .hero-copy p.hero-desc{margin-left:0}.luxury-hero .hero-actions{justify-content:flex-start}.luxury-hero .hero-visual{max-width:650px;width:100%;margin:auto;order:0}.luxury-feature-strip .wrap{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){#siteHeader nav{min-height:76px;width:calc(100% - 32px)}#siteHeader .brand{gap:8px}#siteHeader .brand-mark{width:43px;height:40px}.luxury-wordmark{font-size:12px;letter-spacing:.07em}.luxury-wordmark small{font-size:6px;letter-spacing:.13em}.luxury-hero{padding:40px 0 32px}.luxury-hero .wrap{width:calc(100% - 40px)}.luxury-hero .hero-copy h1{font-size:clamp(38px,9.5vw,56px)}.luxury-hero .eyebrow{font-size:8px;letter-spacing:.08em}.luxury-hero .hero-copy p.hero-desc{font-size:15px;margin-top:22px}.luxury-hero .hero-actions{display:grid;grid-template-columns:1fr}.luxury-hero .hero-actions a{white-space:normal;width:100%;font-size:13px}.luxury-indicators{gap:10px;font-size:10px;margin-top:28px}.luxury-indicators li{padding-left:8px}.terminal-watch{right:0;width:113px;padding:12px;font-size:8px;gap:7px}.terminal-notes{font-size:7px;left:17%}.luxury-feature-strip .wrap{gap:24px 12px}.luxury-feature-strip .wrap>div{padding:0 8px}.luxury-feature-strip b{font-size:10px}.luxury-feature-strip span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.luxury-hero *,.luxury-header *{animation:none!important;transition:none!important}.luxury-gold,.luxury-outline,.luxury-login{transition:none}}
/* Cinematic reference crop: no embedded navigation, headline or buttons. */
#siteHeader .official-brand-logo{display:block;width:82px;height:58px;object-fit:contain;flex-shrink:0}
#siteHeader{background:#080a0a!important}
.edtech #siteHeader nav{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#siteHeader .luxury-wordmark{font-family:'Inter',sans-serif;color:#efeee6;font-weight:500}
#siteHeader .public-nav-link{font-family:'Inter',sans-serif!important;font-weight:500!important;text-transform:none!important}
.luxury-hero .eyebrow{font-family:'Inter',sans-serif!important}
#siteHeader .public-nav-link{font-size:15px}
#siteHeader .mobile-menu{background:#0c1010!important}
.luxury-wordmark{font-size:clamp(16px,1.4vw,21px)}
.luxury-wordmark small{font-size:10px}
.luxury-hero{padding:44px 0 38px}
.luxury-hero .wrap{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:660px;gap:0}
.luxury-hero .hero-copy h1{font-size:clamp(32px,3.3vw,56px);font-family:'Playfair Display',serif;line-height:1.18}
.membership-hero-title>span,.membership-hero-title>em{display:block;white-space:nowrap}
.luxury-hero .hero-membership-price{margin:20px 0 0;color:#efd799!important;font-size:38px;font-weight:600!important;line-height:1.2}
.hero-membership-price span{font-size:20px;color:#d5d3ca}
#start-before-you-spend.broker-referrals{background:#101314;padding-block:64px;color:#eee9df}
#start-before-you-spend.broker-referrals::before{display:none}
.broker-referrals h2{color:#e3c282!important;font-size:clamp(28px,3vw,44px);margin:12px 0}
.broker-referral-eyebrow{font-size:12px;color:#d9bd80!important;letter-spacing:.13em}
.broker-referral-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}
.broker-referral-card{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:24px;padding:28px;border:1px solid #d8b66b55;border-radius:6px;background:#161b1c;transition:border-color .2s ease,transform .2s ease}
.broker-referral-card:hover{border-color:#dfc482;transform:translateY(-2px)}
.broker-identity{display:flex;flex-direction:column;align-items:center;gap:18px;min-height:190px}
.broker-identity img{display:block;width:100%;height:140px;object-fit:contain;flex-shrink:0}
.broker-identity h3{margin:0;font-family:Inter,sans-serif;font-size:24px;font-weight:700;color:#f1eee7!important}
.broker-identity .broker-name-fallback{font-size:32px;letter-spacing:.01em}
.broker-referral-disclosure{margin-top:24px;max-width:1100px;font-size:14px;line-height:1.7;color:#bfc3bf!important}
#start-before-you-spend .broker-referral-disclosure{margin-top:24px}
@media(max-width:1100px){.broker-referral-card{align-items:flex-start;flex-direction:column}.broker-referral-card a{width:100%}}
@media(max-width:600px){.broker-referral-grid{grid-template-columns:1fr}.broker-referral-card{padding:24px}.broker-referral-card .luxury-gold{width:100%}.luxury-hero .hero-copy .membership-hero-title{font-size:clamp(24px,6.55vw,39px);line-height:1.25}.luxury-hero .hero-membership-price{font-size:34px}.hero-membership-price span{font-size:18px}}
.luxury-hero .hero-copy p.hero-desc{font-size:clamp(17px,1.3vw,19px);line-height:1.75}
.luxury-hero .eyebrow{font-size:12px}
.luxury-hero .hero-actions a{font-size:15px;padding:16px 22px}
.luxury-indicators{font-size:14px}
.luxury-hero .cinematic-workstation{margin:0;transform:none;padding:0;position:relative;align-self:stretch;display:flex;min-width:0;max-width:none}
.cinematic-workstation img{display:block;width:100%;height:100%;min-height:600px;object-fit:cover;object-position:62% center;mask-image:linear-gradient(90deg,transparent,#000 13%);border-radius:0}
.cinematic-workstation figcaption{position:absolute;bottom:12px;left:16%;right:12px;padding:8px 10px;background:#080a0be6;color:#d9d6cc;font-size:11px;line-height:1.45;border-left:1px solid #be9b53}
.luxury-feature-strip b{font-size:13px}.luxury-feature-strip span{font-size:13px}
@media(max-width:1200px){#siteHeader .public-nav{gap:18px}.luxury-wordmark{font-size:16px}#siteHeader .official-brand-logo{width:60px}.luxury-hero .hero-actions{flex-wrap:wrap}}
@media(max-width:1050px){.luxury-hero .wrap{grid-template-columns:1fr;min-height:0;gap:25px}.luxury-hero .hero-copy{max-width:760px}.luxury-hero .cinematic-workstation{width:100%;max-width:850px;max-height:620px;margin:auto}.cinematic-workstation img{height:580px;min-height:0;object-position:center 45%;mask-image:linear-gradient(180deg,transparent,#000 6%)}}
@media(max-width:600px){#siteHeader .official-brand-logo{width:48px;height:42px}.luxury-wordmark{font-size:12px}.luxury-wordmark small{font-size:7px}.luxury-hero{padding:36px 0 24px}.luxury-hero .hero-copy h1{font-size:clamp(38px,10vw,46px)}.luxury-hero .hero-copy p.hero-desc{font-size:17px}.luxury-hero .eyebrow{font-size:10px}.luxury-hero .hero-actions a{font-size:15px}.luxury-indicators{font-size:12px}.cinematic-workstation img{height:420px}.cinematic-workstation figcaption{left:8px;right:8px;font-size:10px}.luxury-feature-strip b,.luxury-feature-strip span{font-size:12px}}

