.lwd-if{display:contents}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Satoshi',sans-serif;color:#EDF1F7;background:radial-gradient(1100px 700px at 85% -10%,#173458 0%,rgba(23,52,88,0) 60%),radial-gradient(900px 600px at -10% 105%,rgba(240,78,48,0.10) 0%,rgba(240,78,48,0) 55%),linear-gradient(168deg,#0C1728 0%,#0A1220 48%,#0F2039 100%);background-attachment:fixed;background-color:#0A1220;overflow-x:hidden}
a{color:#EDF1F7;text-decoration:none}
a:hover{color:#F1502F}
::selection{background:#F1502F;color:#fff}
@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.rise{animation:rise 0.85s cubic-bezier(0.16,1,0.3,1) both}
.btnfx{position:relative;overflow:hidden;isolation:isolate;transition:box-shadow 0.4s cubic-bezier(0.16,1,0.3,1)}
.btnfx>*{position:relative;z-index:2}
.btnfx::before{content:"";position:absolute;top:0;bottom:0;left:-130%;width:60%;z-index:1;background:linear-gradient(100deg,transparent,rgba(255,255,255,0.5),transparent);transform:skewX(-20deg);transition:left 0.75s cubic-bezier(0.22,1,0.36,1);pointer-events:none}
.btnfx:hover::before{left:140%}

.btnfx:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(241,80,47,0.55);filter:brightness(1.06) saturate(1.05)}
.btnfx:active{transform:translateY(-1px) scale(0.985)}
.btn-swap{display:inline-block;vertical-align:bottom;line-height:1.15;white-space:nowrap}
.btn-swap>span+span{display:none}

.btn-arrow{display:inline-block;transition:transform 0.5s cubic-bezier(0.16,1,0.3,1)}
.btnfx:hover .btn-arrow{transform:translateX(6px)}
.btnfx--ghost:hover{background:linear-gradient(120deg,#FF6A3D,#F1502F) !important;border-color:transparent !important;color:#fff !important}
.btn-ghost{transition:background 0.5s cubic-bezier(0.16,1,0.3,1),color 0.45s,border-color 0.45s,box-shadow 0.5s,transform 0.5s cubic-bezier(0.16,1,0.3,1)}
.btn-ghost:hover{background:linear-gradient(120deg,#FF6A3D,#F1502F) !important;border-color:transparent !important;color:#fff !important;box-shadow:0 18px 44px rgba(241,80,47,0.45);transform:translateY(-3px)}
.nav-link:hover{color:#F1502F}
.card-hover{transition:transform 0.55s cubic-bezier(0.22,1,0.36,1),border-color 0.55s ease}
.card-hover:hover{transform:translateY(-8px);border-color:rgba(241,80,47,0.5)}
.place-chip{transition:border-color 0.35s,background 0.35s,color 0.35s,transform 0.35s;cursor:pointer;font-family:inherit}
.place-chip:hover{border-color:#F1502F;background:rgba(241,80,47,0.12);color:#fff;transform:translateY(-2px)}
.place-chip.is-active{border-color:#F1502F;background:rgba(241,80,47,0.16);color:#fff;box-shadow:0 8px 24px rgba(241,80,47,0.25)}
@keyframes mockpop{0%{opacity:0;transform:translateY(14px) scale(0.98)}100%{opacity:1;transform:none}}
.loc-mock.ping{animation:mockpop 0.42s cubic-bezier(0.16,1,0.3,1)}
.loc-mock .r1{animation:mockpop 0.5s cubic-bezier(0.16,1,0.3,1)}
@keyframes caret{0%,100%{opacity:1}50%{opacity:0}}
.mock-caret{animation:caret 1.1s step-end infinite}
@keyframes pulseglow{0%,100%{box-shadow:0 0 0 rgba(40,200,64,0)}50%{box-shadow:0 0 10px rgba(40,200,64,0.9)}}
.mk4-dot{animation:pulseglow 1.8s ease-in-out infinite}
.mtype-caret{display:inline-block;width:2px;height:1em;background:#F1502F;margin-left:1px;vertical-align:-2px;animation:caret 1s step-end infinite}
@media (prefers-reduced-motion:reduce){.mk4-dot{animation:none !important}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes planrise{from{opacity:0;transform:translateY(38px)}to{opacity:1;transform:none}}
@keyframes planphoto{0%{opacity:0;transform:translateY(60px) scale(0.9);filter:blur(6px)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes planpop{0%{opacity:0;transform:scale(0.4)}70%{opacity:1;transform:scale(1.14)}100%{opacity:1;transform:scale(1)}}
.plan-photo{opacity:0;animation:planphoto 1s cubic-bezier(0.16,1,0.3,1) both;animation-timeline:view();animation-range:entry 2% cover 40%}
.plan-copy{opacity:0;animation:planrise 0.9s cubic-bezier(0.16,1,0.3,1) both;animation-timeline:view();animation-range:entry 8% cover 40%}
.plan-copy .step-num{animation:planpop 0.7s cubic-bezier(0.34,1.56,0.64,1) both;animation-timeline:view();animation-range:entry 12% cover 42%}
@media (prefers-reduced-motion:reduce){.plan-photo,.plan-copy,.plan-copy .step-num{animation:none !important;opacity:1 !important;transform:none !important}}
.float-slow{animation:floaty 6.5s ease-in-out infinite}
.hero-caret{display:inline-block;width:1.5px;height:12px;background:#C7D2E2;margin-left:2px;vertical-align:-2px;animation:caret 1.1s step-end infinite}
.hbar{transform-origin:bottom;transition:transform 0.6s cubic-bezier(0.16,1,0.3,1)}
.svm{position:relative;height:150px;border-radius:14px;background:#0A1322;border:1px solid rgba(255,255,255,0.08);overflow:hidden;margin-bottom:26px;display:flex;align-items:center;justify-content:center}
.svm-fill{transform-origin:left;animation:svmfill 3.8s ease-in-out infinite}
@keyframes svmfill{0%,8%{transform:scaleX(0)}45%,86%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.svm-bolt{animation:svmpulse 1.9s ease-in-out infinite}
@keyframes svmpulse{0%,100%{transform:scale(1);opacity:0.85}50%{transform:scale(1.15);opacity:1}}
.svm-ring{animation:svmripple 2.4s ease-out infinite}
@keyframes svmripple{0%{transform:scale(0.35);opacity:0.85}70%,100%{transform:scale(1.6);opacity:0}}
.svm-pin{animation:svmbob 2.4s ease-in-out infinite}
@keyframes svmbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.svm-dash{stroke:rgba(241,80,47,0.75);stroke-width:2;stroke-dasharray:4 7;animation:svmdash 1.5s linear infinite}
@keyframes svmdash{to{stroke-dashoffset:-22}}
.svm-gauge{animation:svmgauge 3.8s ease-in-out infinite}
@keyframes svmgauge{0%,8%{stroke-dashoffset:157}50%,86%{stroke-dashoffset:28}100%{stroke-dashoffset:157}}
.svm-check{transform-origin:center;transform-box:fill-box;animation:svmcheck 3.8s ease-in-out infinite}
@keyframes svmcheck{0%,52%{opacity:0;transform:scale(0.3)}64%,86%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0.3)}}
.svm-hl{transform-origin:left;animation:svmhl 4.2s ease-in-out infinite}
@keyframes svmhl{0%,42%{transform:scaleX(0)}62%,90%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.svm-chip{animation:svmchip 4.2s ease-in-out infinite}
@keyframes svmchip{0%,55%{opacity:0;transform:translateY(10px) scale(0.8)}70%,92%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(10px) scale(0.8)}}
.svm-core{transform-box:fill-box;transform-origin:center;animation:svmpulse 2.2s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.svm-fill,.svm-bolt,.svm-ring,.svm-pin,.svm-dash,.svm-core,.svm-gauge,.svm-check,.svm-hl,.svm-chip{animation:none !important;transform:none !important;opacity:1 !important}}
.mock-tilt{transition:transform 0.8s cubic-bezier(0.16,1,0.3,1),box-shadow 0.8s}
.mock-tilt:hover{transform:perspective(1500px) rotateY(0deg) rotateX(0deg) !important;box-shadow:0 46px 110px rgba(0,0,0,0.62)}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr !important}.hero-visual{display:none !important}}
@media (max-width:760px){.plan-row{grid-template-columns:1fr !important}.plan-row--flip .plan-photo{order:0 !important}}
@media (max-width:940px){.nav-links{display:none !important}}