/* A369TIP v0.3.0 · approved palette, visual layer only */
:root{--bg:#0B1F38;--navy:#0B1F38;--petrol:#0E3A52;--cyan:#00B4CB;--gold:#D4AF37;--ivory:#F8F6ED;--muted:rgba(248,246,237,.76);--line:rgba(248,246,237,.16)}
body{background:#0B1F38;background-image:radial-gradient(ellipse at 94% 8%,rgba(0,180,203,.15),transparent 38%),radial-gradient(ellipse at 12% 56%,rgba(14,58,82,.9),transparent 45%);color:var(--ivory)}
body:before{background:linear-gradient(120deg,rgba(0,0,0,.24),transparent 50%);position:fixed}.preview{background:rgba(0,0,0,.32);color:rgba(248,246,237,.72);border-bottom:1px solid rgba(0,180,203,.12)}
body>header{position:relative;z-index:30;background:rgba(11,31,56,.86);border-bottom:1px solid rgba(248,246,237,.12);box-shadow:0 10px 55px rgba(0,0,0,.12);padding-top:22px;padding-bottom:22px;backdrop-filter:blur(16px)}
#nav{gap:20px}#nav>a:not(.primary){position:relative}#nav>a:not(.primary):after{content:'';position:absolute;height:1px;bottom:6px;left:12%;right:88%;background:var(--cyan);transition:right .25s}#nav>a:hover:after{right:12%}#nav a[aria-current=page]{color:var(--gold)}
select{background:var(--navy);border-color:rgba(248,246,237,.28);border-radius:6px;color:var(--ivory)}.explore-links{background:rgba(14,58,82,.98);border-color:rgba(0,180,203,.35);box-shadow:0 25px 70px rgba(0,0,0,.32);padding:14px;border-radius:12px}.explore-links a{border-radius:5px}.explore-links a:hover{background:rgba(0,180,203,.12)}
main{position:relative;padding-top:68px;padding-bottom:96px}h1{letter-spacing:-.045em;line-height:1.05}h2,h3{letter-spacing:-.025em}.kicker{color:var(--ivory);font-size:12px;letter-spacing:.18em;display:flex;align-items:center;gap:12px}.kicker:before{content:'';width:28px;height:1px;background:var(--cyan);box-shadow:0 0 8px rgba(0,180,203,.3);flex-shrink:0}.lead{color:rgba(248,246,237,.8)}.fine,.muted{color:var(--muted)}
.hero{position:relative;isolation:isolate;grid-template-columns:1.05fr 1fr;gap:20px;min-height:670px}.hero:before{content:'';position:absolute;inset:-68px -5vw -10px;z-index:-2;background:radial-gradient(ellipse at 76% 45%,rgba(0,180,203,.2),transparent 42%),radial-gradient(ellipse at 64% 90%,rgba(212,175,55,.08),transparent 35%);pointer-events:none}.hero>div:first-child{position:relative;z-index:2}.hero h1{font-size:clamp(52px,6.1vw,88px);line-height:1.04;max-width:700px;text-shadow:0 4px 35px rgba(0,0,0,.18)}.hero h1 em{color:var(--ivory);position:relative;display:inline-block}.hero h1 em:after{content:'';position:absolute;height:2px;width:70%;bottom:-14px;left:0;background:linear-gradient(90deg,var(--gold),rgba(212,175,55,0))}.hero .lead{margin-top:38px;max-width:510px;font-size:18px}.hero .actions{margin-top:32px;margin-bottom:21px}.metrics{gap:0;border-top:1px solid rgba(248,246,237,.16);margin-top:35px;padding-top:22px;max-width:505px}.metrics>div{flex:1;padding-right:20px}.metrics>div+div{padding-left:22px;border-left:1px solid rgba(248,246,237,.16)}.metrics strong{font-size:29px;font-variant-numeric:tabular-nums}.metrics small{color:var(--muted);display:block;margin-top:5px;font-size:12px}
.bookstage{min-height:660px;overflow:visible;perspective:1400px;background:radial-gradient(ellipse at 56% 52%,rgba(0,180,203,.17),transparent 65%);isolation:isolate}.bookstage:before{inset:13% -1% 11%;border-color:rgba(0,180,203,.25);transform:rotate(-28deg);opacity:1;box-shadow:inset 0 0 65px rgba(0,180,203,.05)}.bookstage:after{width:79%;height:74%;border-color:rgba(212,175,55,.22);transform:rotate(13deg);border-radius:50%;z-index:-1}.cover{width:min(70%,335px);max-height:560px;object-fit:contain;transform:perspective(1400px) rotateY(-13deg) rotateZ(2deg);border:1px solid rgba(248,246,237,.3);border-radius:3px 5px 5px 3px;box-shadow:-7px 3px 0 var(--petrol),-10px 4px 0 rgba(0,0,0,.45),20px 40px 60px rgba(0,0,0,.52),0 0 75px rgba(0,180,203,.12);transition:transform .7s ease,box-shadow .7s ease;will-change:auto}.bookstage:hover .cover{transform:perspective(1400px) rotateY(-7deg) rotateZ(0deg) translateY(-6px);box-shadow:-5px 2px 0 var(--petrol),-8px 3px 0 rgba(0,0,0,.45),22px 48px 70px rgba(0,0,0,.5),0 0 95px rgba(0,180,203,.17)}.bookcaption{bottom:0;color:rgba(248,246,237,.7);font-size:10px;letter-spacing:.2em}.visual-grid{position:absolute;inset:-2% -1%;width:102%;height:104%;z-index:-1;pointer-events:none;opacity:.65}.bookstage .visual-orbit{position:absolute;inset:5%;border:1px dotted rgba(248,246,237,.2);border-radius:50%;transform:rotateX(58deg) rotateZ(-30deg);pointer-events:none}.bookstage .visual-orbit:before,.bookstage .visual-orbit:after{content:'';position:absolute;top:15%;left:12%;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px rgba(0,180,203,.5)}.bookstage .visual-orbit:after{top:83%;left:81%;background:var(--gold)}
.btn,button{border-radius:7px;padding:14px 23px;border-color:rgba(248,246,237,.33);background:rgba(14,58,82,.22);transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}.btn:hover,button:hover{transform:translateY(-2px);background:rgba(0,180,203,.08);border-color:var(--cyan);box-shadow:0 8px 20px rgba(0,0,0,.15)}.btn.primary,button.primary{color:var(--navy);background:linear-gradient(115deg,var(--gold),rgba(212,175,55,.93));border-color:var(--gold);box-shadow:0 3px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(248,246,237,.35)}.btn.primary:hover,button.primary:hover{background:var(--gold);box-shadow:0 8px 26px rgba(212,175,55,.17)}button:disabled{transform:none;box-shadow:none}.strip{border-color:rgba(248,246,237,.18);padding:30px 0;margin:56px 0 40px;color:var(--ivory)}.strip strong{color:var(--gold);font-weight:500}
.panel{position:relative;isolation:isolate;background:linear-gradient(145deg,rgba(14,58,82,.85),rgba(11,31,56,.75));border:1px solid rgba(248,246,237,.2);border-radius:15px;padding:34px;box-shadow:0 16px 40px rgba(0,0,0,.12),inset 0 1px 0 rgba(248,246,237,.07);backdrop-filter:blur(8px);transition:transform .35s,border-color .35s,box-shadow .35s}.panel:before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 0 0,rgba(0,180,203,.1),transparent 70%)}.panel:after{content:'';position:absolute;top:-1px;left:25px;width:48px;height:1px;background:rgba(248,246,237,.55);pointer-events:none}.panel.accent{border-top:1px solid rgba(0,180,203,.65)}.panel.gold{border-top:1px solid rgba(212,175,55,.65)}.panel.gold:before{background:radial-gradient(ellipse at 0 0,rgba(212,175,55,.08),transparent 70%)}.panel.gold:after{background:var(--gold)}.panel.accent:after{background:var(--cyan)}.grid>.panel:hover{border-color:rgba(0,180,203,.45);box-shadow:0 24px 48px rgba(0,0,0,.18);transform:translateY(-4px)}.panel h3{font-size:25px}.pill{border-radius:20px;padding:7px 13px;border-color:rgba(248,246,237,.25);color:var(--ivory);font-size:11px;letter-spacing:.08em}.num{color:var(--ivory);letter-spacing:-.055em;font-variant-numeric:tabular-nums}.notice{background:rgba(0,180,203,.065);border-left:2px solid var(--cyan);border-radius:0 8px 8px 0;color:rgba(248,246,237,.88)}
body[data-visual='lab'] main:before{content:'';position:absolute;inset:0 0 auto;height:500px;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(0,180,203,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(0,180,203,.055) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(#000,transparent)}body[data-visual='lab'] .panel{border-radius:4px 18px 18px 18px}body[data-visual='editorial'] h1{font-family:Georgia,serif}body[data-visual='editorial'] .panel{background:linear-gradient(130deg,rgba(248,246,237,.07),rgba(14,58,82,.65))}body[data-visual='partners'] .panel{border-top-color:rgba(212,175,55,.5)}body[data-visual='partners'] main:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 85% 0,rgba(212,175,55,.055),transparent 65%);pointer-events:none}
body[data-visual='account'] main,body[data-visual='checkout'] main{max-width:1300px}body[data-visual='account'] h1,body[data-visual='checkout'] h1{font-size:clamp(36px,4.4vw,60px);letter-spacing:-.04em}body[data-visual='account'] .panel,body[data-visual='checkout'] .panel{backdrop-filter:none;box-shadow:0 8px 30px rgba(0,0,0,.1);background:linear-gradient(150deg,rgba(14,58,82,.7),rgba(11,31,56,.9))}.account-nav{padding:12px;border:1px solid rgba(248,246,237,.15);border-radius:12px;background:rgba(0,0,0,.1)}.account-nav a{border-color:transparent;border-radius:7px}.account-nav a[aria-current=page]{background:var(--petrol);border-color:rgba(0,180,203,.6);box-shadow:inset 0 1px 0 rgba(248,246,237,.1)}.account-cards a{min-height:145px}.account-cards .gold{background:linear-gradient(135deg,rgba(0,180,203,.14),rgba(14,58,82,.8));border-color:rgba(0,180,203,.5)}.account-cards .gold:after{background:var(--cyan)}.account-cards h3{font-size:22px}.tablewrap{border-radius:10px;border-color:rgba(248,246,237,.18);background:rgba(11,31,56,.8)}th{background:var(--petrol);color:var(--ivory);font-size:12px;letter-spacing:.04em;padding:18px}td{color:var(--ivory);padding:18px;border-color:rgba(248,246,237,.1)}tbody tr:hover{background:rgba(0,180,203,.04)}
.fields input,.fields textarea,.fields select{background:rgba(11,31,56,.8);border-color:rgba(248,246,237,.35);border-radius:7px;padding:14px;transition:border-color .2s,box-shadow .2s}.fields label{color:var(--ivory)}.fields input:focus,.fields textarea:focus,.fields select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,180,203,.13)}.cardselect label{background:rgba(11,31,56,.7);border-color:rgba(248,246,237,.24);border-radius:9px}.cardselect label:has(input:checked){background:rgba(0,180,203,.1);box-shadow:inset 0 1px 0 rgba(0,180,203,.3)}.stepbar{padding:16px 0;border-bottom:1px solid rgba(248,246,237,.14);color:var(--muted)}.stepbar b,.status{color:var(--ivory)}.stepbar b:before{content:'';width:5px;height:5px;background:var(--cyan);display:inline-block;margin-right:8px;border-radius:50%}.empty{border-color:rgba(248,246,237,.25);border-radius:12px;background:rgba(14,58,82,.25)}.content-next{background:linear-gradient(100deg,rgba(0,180,203,.05),transparent);padding:32px;border-radius:12px;border-color:rgba(248,246,237,.17)}details:not(.nav-explore){border-color:rgba(248,246,237,.16)}details:not(.nav-explore)[open]{background:rgba(14,58,82,.28);padding-left:20px;padding-right:20px;border-radius:8px}pre{background:rgba(0,0,0,.22);border-radius:8px}footer{background:linear-gradient(150deg,rgba(0,0,0,.28),rgba(14,58,82,.6));border-top:1px solid rgba(0,180,203,.25);padding-top:55px}footer a{color:rgba(248,246,237,.8);transition:color .2s}footer a:hover{color:var(--ivory)}#footlinks h3{color:var(--ivory);font-size:14px;letter-spacing:.035em}.toast{background:var(--petrol);color:var(--ivory);border-radius:10px}
.visual-enter{animation:surface-enter .65s ease both}@keyframes surface-enter{from{opacity:.7;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1000px) and (prefers-reduced-motion:no-preference){.bookstage .visual-orbit{animation:orbit-breathe 4.8s ease-in-out 1}@keyframes orbit-breathe{50%{opacity:.5;transform:rotateX(55deg) rotateZ(-25deg)}}}
@media(max-width:1360px){#nav{gap:12px}.explore-links{background:rgba(14,58,82,.7)}body>header{backdrop-filter:none}}
@media(max-width:1000px){.hero{gap:10px}.hero h1{font-size:60px}.cover{width:76%}.bookstage{min-height:590px}.panel{padding:28px}}
@media(max-width:800px){main{padding-top:38px}.hero{grid-template-columns:1fr;gap:10px;min-height:0}.hero h1{font-size:clamp(47px,9vw,67px)}.hero .lead{max-width:610px}.hero .metrics{max-width:none}.bookstage{min-height:590px;max-width:580px;width:100%;margin:10px auto 0;overflow:hidden}.cover{width:285px;max-width:70%}.bookcaption{bottom:12px}.hero:before{inset:-38px -5vw 0}.strip{margin-top:35px}.panel{padding:26px}.grid{gap:18px}.content-next{padding:24px}.account-nav{padding:8px}.account-nav a{padding:10px 8px}.account-cards .panel{padding:20px}.visual-grid{opacity:.45}.preview{letter-spacing:.035em}body>header{padding-top:16px;padding-bottom:16px}}
@media(max-width:440px){.hero h1{font-size:49px}.hero .lead{font-size:17px;line-height:1.75}.metrics>div{padding-right:10px}.metrics>div+div{padding-left:13px}.metrics strong{font-size:25px}.metrics small{font-size:11px}.bookstage{min-height:530px}.cover{width:260px;max-width:76%}.hero .actions .btn{padding:13px 16px}.panel{border-radius:12px;padding:23px}.bookcaption{font-size:9px}.kicker{font-size:10px}.account-cards h3{font-size:20px}#nav{gap:8px}.content-next{padding:20px}.tablewrap{margin-top:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cover,.bookstage:hover .cover{transform:none}.grid>.panel:hover,.btn:hover,button:hover{transform:none}.visual-enter{opacity:1}}
@supports not (backdrop-filter:blur(8px)){.panel{background:var(--petrol)}body>header{background:var(--navy)}}
/* Contain transformed decorative layers; keep all page widths stable. */
.bookstage{overflow:hidden}.journey-links{color:var(--ivory)}.side a,.tabs a{border-color:rgba(248,246,237,.28)}.error{color:var(--gold)}.success{color:var(--ivory)}.divider{background:var(--line)}.orbit{border-color:var(--line)}
.hero:before{left:-3vw;right:-3vw}
main:focus-visible{outline:1px solid rgba(0,180,203,.16);outline-offset:-1px}
@media(pointer:coarse),(update:slow){.panel,body>header{backdrop-filter:none}.visual-enter,.bookstage .visual-orbit{animation:none}.grid>.panel:hover,.btn:hover,button:hover{transform:none}}