/* Premium presentation; all existing application and demo behavior is retained. */
:root{--premium-header-height:130px;--premium-gold:#d7b34d;--premium-gold-light:#f1d995;--premium-navy:#09233b;--premium-ink:#051524}
html{scroll-padding-top:calc(var(--premium-header-height) + 14px)}
body>main:not(.box){padding-top:var(--premium-header-height)}
body>main.box{margin-top:calc(var(--premium-header-height) + 32px)}
#site-header{background:linear-gradient(115deg,#061c2e,#103b5a 60%,#08253d)!important;border-bottom:0;box-shadow:0 12px 30px rgba(5,19,33,.25)}
#site-header nav.wrap{min-height:76px}
#site-header .site-journey-tabs{position:relative!important;display:block!important;padding:0!important;min-height:0!important;max-width:none!important;background:linear-gradient(180deg,rgba(4,17,29,.64),rgba(6,24,39,.98));border-top:1px solid rgba(215,179,77,.18);border-bottom:1px solid rgba(215,179,77,.44)}
.site-journey-tabs-inner{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:1180px;margin:0 auto;padding:0 22px;gap:4px}
.site-journey-tabs a{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-width:0;min-height:52px;padding:10px 8px;color:#d9e3ec;text-decoration:none;text-align:center;font:600 13px/1.4 'Inter',Arial,sans-serif;letter-spacing:.01em;transition:color .2s,background .2s;text-transform:none;overflow:hidden}
.site-journey-tabs a::after{content:'';position:absolute;bottom:0;left:18%;right:18%;height:2px;background:linear-gradient(90deg,transparent,var(--premium-gold),transparent);opacity:0;transform:scaleX(.4);transition:transform .2s,opacity .2s}
.site-journey-tabs a:hover{color:#ffe5a2;background:rgba(223,181,61,.055)}
.site-journey-tabs a:hover::after{opacity:.7;transform:scaleX(1)}
.site-journey-tabs a[aria-current="page"]{color:#f7d982;background:linear-gradient(180deg,rgba(230,192,87,.025),rgba(230,192,87,.11));text-shadow:0 0 17px rgba(233,191,71,.2)}
.site-journey-tabs a[aria-current="page"]::after{opacity:1;transform:scaleX(1);height:3px;box-shadow:0 0 13px rgba(230,192,87,.42)}
.site-journey-tabs a:focus-visible{outline:2px solid #efce7e;outline-offset:-5px}
#site-header .nav-links a{font-size:11px}
#site-header.nav-open .nav-links{top:76px!important;z-index:2;box-shadow:0 20px 40px rgba(3,15,25,.35)}
body:has(.journey-hero):not(:has(.journey-path)) .journey-hero,main>.journey-hero{padding-top:48px!important;padding-bottom:52px!important}
main>.hero{padding-top:48px!important}
.hero,.journey-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 86% 10%,rgba(201,162,39,.15),transparent 48%),radial-gradient(ellipse at 12% 95%,rgba(29,100,135,.23),transparent 55%),linear-gradient(145deg,#061929,#0b2b43 62%,#081e31)!important;border-bottom:1px solid rgba(215,179,77,.35)!important;color:#f7f2e8}
.hero::before,.journey-hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(217,183,84,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(104,154,177,.07) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,transparent,#000);opacity:.7;animation:premium-grid 24s linear infinite}
.hero::after,.journey-hero::after{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:-40%;width:32%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(245,222,160,.065),transparent);transform:skewX(-18deg);animation:premium-sweep 10s ease-in-out infinite}
.journey-hero>.wrap,.hero>.wrap{position:relative;z-index:1}
.hero h1,.journey-hero h1{color:#fbf5e9!important;text-shadow:0 3px 22px rgba(0,0,0,.16)}
.hero h1 .gold-grad{color:transparent!important}
.hero p,.journey-hero p{color:#c5d2dd!important}
.hero .tag,.journey-hero .tag{background:rgba(215,179,77,.045)!important;border-color:rgba(227,186,72,.52)!important;color:#e7c56d!important;box-shadow:inset 0 0 20px rgba(222,177,43,.025)}
.journey-hero h1{max-width:24ch;font-size:clamp(42px,5.8vw,72px);line-height:1.02;letter-spacing:-.01em}
.journey-hero h1::after{content:'';display:block;width:88px;height:3px;margin-top:23px;background:linear-gradient(90deg,#c3941d,#f2d98c,transparent);box-shadow:0 0 19px rgba(230,192,87,.23)}
.journey-hero p{font-size:17px;max-width:64ch}
.journey-benefits,.section{background:linear-gradient(145deg,#f1f5f8,#fcfaf5)!important}
.journey-card,.card{position:relative;isolation:isolate;overflow:hidden;border:1px solid #d2dce4!important;border-top-color:rgba(191,148,34,.48)!important;background:linear-gradient(135deg,#fff,#f8fafb 70%,#faf6ec)!important;box-shadow:0 13px 32px -18px rgba(11,43,67,.32),inset 0 1px rgba(255,255,255,.95)!important;transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s,border-color .3s}
.journey-card::before,.card::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at var(--premium-x,85%) var(--premium-y,0%),rgba(211,174,69,.1),transparent 65%)}
.journey-card::after,.card::after{content:'';position:absolute;left:25px;right:25px;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(197,155,44,.68),transparent)}
.journey-example{background:radial-gradient(ellipse at 90% 40%,rgba(209,174,75,.09),transparent 48%),#fff!important}
.journey-sample{padding:13px!important;border:1px solid rgba(190,148,42,.42)!important;background:linear-gradient(145deg,#fff,#eee8d9)!important;box-shadow:0 22px 44px -17px rgba(6,34,55,.3),0 0 0 5px rgba(191,149,47,.045)!important;transition:transform .3s,box-shadow .3s}
.journey-trust{position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 0,rgba(221,184,74,.12),transparent 50%),linear-gradient(125deg,#0a253a,#0c344c)!important;border-top:1px solid rgba(221,184,74,.23);border-bottom:1px solid rgba(221,184,74,.4)}
.journey-trust h2{color:#f8f2e3!important}.journey-trust p{color:#c5d2dd!important}.journey-trust a{color:#e9c76e!important}.journey-trust .tag{color:#e9c76e!important;border-color:#a7852e!important}
.journey-next{background:radial-gradient(ellipse at 100% 10%,rgba(218,179,65,.14),transparent 50%),linear-gradient(130deg,#082238,#113d55)!important;box-shadow:inset 0 1px rgba(227,196,111,.12)}
.journey-pilot{background:linear-gradient(140deg,#f2f6fa,#fbf8f0)!important}
.journey-pilot .pilot-command{box-shadow:0 21px 45px -20px rgba(6,27,44,.37)!important;border-color:rgba(186,144,34,.4)!important}
.journey-pilot .pilot-command h2,.journey-pilot .pilot-command .pilot-price b{color:inherit}
.btn-gold,.cta .gold,#site-header .btn-gold{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(105deg,#a57c15,#e6ba46 45%,#f0d47a 70%,#ce9e2d)!important;box-shadow:0 7px 19px -7px rgba(158,116,7,.36),inset 0 1px rgba(255,244,210,.38);transition:filter .25s,box-shadow .25s,transform .25s}
.journey-next .btn-gold,.journey-example .btn-gold,.journey-pilot .btn-gold{animation:premium-heartbeat 2s ease-in-out infinite}
.journey-next .btn-gold::after,.journey-example .btn-gold::after,.journey-pilot .btn-gold::after{content:'';position:absolute;inset:-20% auto -20% -55%;width:28%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-20deg);animation:premium-button-sweep 5.5s ease-in-out infinite}
.demo-navigation{background:linear-gradient(120deg,#f4f7f9,#faf7ed);padding-top:25px;padding-bottom:16px}
.journey-tabs{gap:12px}
.journey-tabs button{background:linear-gradient(145deg,#fff,#f6f8fa);border-color:#c6d1dc;border-radius:5px;box-shadow:0 5px 15px -8px rgba(13,42,65,.19),inset 0 1px #fff;transition:box-shadow .25s,border-color .25s,transform .25s}
.journey-tabs button[aria-selected="true"]{background:linear-gradient(120deg,#08243a,#15425b)!important;color:#f3d891!important;border-color:#b18a32;box-shadow:inset 0 -3px #caa338,0 8px 20px -12px rgba(8,34,55,.45)}
.journey-feature-detail{border-color:rgba(217,176,68,.39);box-shadow:0 10px 25px rgba(0,0,0,.1)}
.journey-feature-detail summary{background:linear-gradient(130deg,rgba(10,31,49,.98),rgba(19,56,73,.98));transition:background .25s}
.journey-feature-detail[open] summary{color:#edcd7d;background:linear-gradient(130deg,#10384e,#163f52)}
.premium-motion .premium-enter{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.22,.61,.36,1);transition-delay:var(--premium-delay,0ms)}
.premium-motion .premium-enter.premium-visible{opacity:1;transform:none}
@keyframes premium-grid{to{background-position:46px 46px,-46px 46px}}
@keyframes premium-sweep{0%,14%{left:-40%;opacity:0}25%{opacity:1}65%,100%{left:120%;opacity:0}}
@keyframes premium-heartbeat{0%,100%{box-shadow:0 7px 19px -7px rgba(158,116,7,.36),0 0 0 0 rgba(224,183,59,.04)}50%{box-shadow:0 9px 27px -7px rgba(158,116,7,.5),0 0 0 5px rgba(224,183,59,.08)}}
@keyframes premium-button-sweep{0%,72%{left:-55%;opacity:0}76%{opacity:1}95%,100%{left:130%;opacity:0}}
@media(hover:hover) and (pointer:fine){.journey-card:hover,.card:hover{transform:translateY(-4px);border-color:rgba(179,135,29,.6)!important;box-shadow:0 22px 42px -20px rgba(11,43,67,.34)!important}.journey-sample:hover{transform:translateY(-4px)}.btn-gold:hover{filter:brightness(1.08);transform:translateY(-2px)}}
@media(max-width:760px){
 :root{--premium-header-height:125px}
 #site-header nav.wrap{min-height:70px}
 #site-header .site-journey-tabs{min-height:0!important}
 .site-journey-tabs-inner{padding:0 7px;gap:0}
 .site-journey-tabs a{min-height:54px;padding:8px 3px;font-size:11px;line-height:1.35;font-weight:650}
 .site-journey-tabs a span{max-width:9ch}
 .site-journey-tabs a::after{left:8%;right:8%}
 #site-header.nav-open .nav-links{top:70px!important}
 body:has(.journey-hero):not(:has(.journey-path)) .journey-hero,main>.journey-hero{padding-top:35px!important;padding-bottom:39px!important}
 main>.hero{padding-top:36px!important}
 .journey-hero h1{font-size:clamp(36px,10vw,48px);max-width:22ch}
 .journey-hero p{font-size:16px;line-height:1.75}
 .journey-hero h1::after{margin-top:20px;width:70px}
 .journey-tabs{gap:10px}.journey-tabs button{padding:15px 18px}
 .journey-card,.card{box-shadow:0 10px 23px -16px rgba(11,43,67,.3)!important}
}
@media(max-width:360px){.site-journey-tabs a{font-size:10px}.site-journey-tabs-inner{padding:0 4px}.site-journey-tabs a span{max-width:9ch}}
@media(prefers-reduced-motion:reduce){
 .hero::before,.hero::after,.journey-hero::before,.journey-hero::after,.journey-next .btn-gold,.journey-example .btn-gold,.journey-pilot .btn-gold,.journey-next .btn-gold::after,.journey-example .btn-gold::after,.journey-pilot .btn-gold::after{animation:none!important}
 .hero::after,.journey-hero::after,.journey-next .btn-gold::after,.journey-example .btn-gold::after,.journey-pilot .btn-gold::after{display:none!important}
 .premium-motion .premium-enter{opacity:1;transform:none;transition:none}
 .journey-card,.card,.journey-sample,.btn-gold{transition:none!important}
}
