@font-face{font-family:Neuzeit;src:url('assets/neuzeit-bold.ttf')}@font-face{font-family:Montserrat;src:url('assets/montserrat-medium.ttf');font-weight:500}@font-face{font-family:Montserrat;src:url('assets/montserrat-semibold.ttf');font-weight:600}:root{--navy:#042744;--navy2:#082f4b;--panel:#0b3957;--teal:#08afaa;--text:#f2ffff;--muted:#a9c4cd;--line:#28556e;--danger:#ff9b91}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 8%,#0d4b65,transparent 28%),linear-gradient(180deg,var(--navy),#032239);color:var(--text);font-family:Montserrat,Arial,sans-serif;min-height:100vh;line-height:1.55}.network{position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:linear-gradient(35deg,transparent 49.8%,#08afaa 50%,transparent 50.2%),linear-gradient(145deg,transparent 49.8%,#08afaa 50%,transparent 50.2%);background-size:310px 260px}.network span{position:absolute;width:6px;height:6px;background:#70e4de;border-radius:50%;box-shadow:0 0 18px #08afaa;animation:pulse 4s infinite}.network span:nth-child(1){left:12%;top:18%}.network span:nth-child(2){left:38%;top:48%;animation-delay:-1s}.network span:nth-child(3){right:16%;top:26%;animation-delay:-2s}.network span:nth-child(4){right:33%;bottom:13%;animation-delay:-3s}.network span:nth-child(5){left:8%;bottom:20%;animation-delay:-.5s}@keyframes pulse{50%{transform:scale(2.8);opacity:.3}}header,.shell{position:relative;z-index:1}header{height:82px;display:flex;align-items:center;padding:0 clamp(22px,5vw,74px);gap:24px;border-bottom:1px solid rgba(107,176,194,.25);background:rgba(4,39,68,.9);backdrop-filter:blur(12px)}.brand{width:142px;height:52px}.brand img{width:100%;height:100%;object-fit:contain}.header-copy{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin-left:auto}.saved{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:8px}.saved i{width:7px;height:7px;background:var(--teal);border-radius:50%;box-shadow:0 0 0 4px rgba(8,175,170,.13)}.shell{width:min(1220px,calc(100% - 36px));margin:auto  auto 70px}.hero{min-height:430px;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:80px;padding:68px 0}.eyebrow,.head>p,.complete>p{color:#49d8d2;font-size:10px;font-weight:600;letter-spacing:.17em;text-transform:uppercase}.hero h1,h2{font-family:Neuzeit,Arial,sans-serif;line-height:1.02;margin:14px 0}.hero h1{font-size:clamp(50px,6vw,80px);letter-spacing:-.04em}.hero h1 em{font-style:normal;color:var(--teal)}.hero>div>p:last-child{max-width:700px;color:var(--muted);font-size:15px;line-height:1.8}.product-card{position:relative;min-height:235px;border-radius:24px;padding:28px;background:linear-gradient(135deg,#0d5870,#052842);border:1px solid #32728a;box-shadow:0 28px 60px rgba(0,0,0,.28);overflow:hidden;transform:rotate(3deg);display:flex;flex-direction:column;justify-content:flex-end}.product-card img{position:absolute;top:22px;right:24px;width:60px;filter:brightness(0) invert(1)}.product-card span{font-size:10px;color:#7de4df;text-transform:uppercase;letter-spacing:.14em}.product-card strong{font-family:Neuzeit;font-size:22px}.product-card small{color:#9fc0c9;margin-top:4px}.card-shine{position:absolute;width:170px;height:400px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);top:-80px;left:-180px;transform:rotate(20deg);animation:shine 6s infinite}@keyframes shine{50%,100%{left:420px}}.steps{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto;align-items:center;background:rgba(8,47,75,.9);border:1px solid var(--line);border-radius:16px;padding:14px 22px;margin-bottom:20px;backdrop-filter:blur(10px)}.steps button{border:0;background:none;color:#87a7b1;font:inherit;font-size:11px;display:flex;align-items:center;gap:8px;cursor:pointer}.steps button b{display:grid;place-items:center;width:31px;height:31px;border:1px solid #467086;border-radius:50%;font-size:9px}.steps button.active,.steps button.done{color:#fff}.steps button.active b{background:var(--teal);border-color:var(--teal)}.steps button.done b{background:#116078;border-color:#116078}.steps>i{height:1px;background:#345d72;margin:0 13px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:20px;align-items:start}.panel,aside{background:rgba(8,47,75,.96);border:1px solid var(--line);border-radius:22px;box-shadow:0 22px 60px rgba(0,10,22,.28)}.panel{display:none;padding:clamp(24px,4vw,46px)}.panel.active{display:block;animation:enter .3s ease}@keyframes enter{from{opacity:0;transform:translateY(8px)}}.head{margin-bottom:30px}.head p{margin:0}.head h2{font-size:clamp(35px,4vw,48px)}.head>span{font-size:13px;color:var(--muted)}.grid,.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}label{display:flex;flex-direction:column;gap:7px}label>span{font-size:10px;font-weight:600;color:#bcd0d6}input,textarea,select{width:100%;border:1px solid #315f76;border-radius:11px;background:#052a44;color:#efffff;padding:13px 14px;font:inherit;font-size:13px;outline:none}input{min-height:48px}textarea{resize:vertical}input:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(8,175,170,.15)}::placeholder{color:#7699a5}.wide{grid-column:1/-1}h3{font-family:Neuzeit;font-size:20px;margin:28px 0 15px}.upload{border:1px dashed #3b7589;border-radius:17px;background:#093752;padding:20px;display:grid;grid-template-columns:90px 1fr;gap:18px;align-items:center}.upload input{position:absolute;opacity:0;pointer-events:none}.upload #logoPreview{width:90px;height:90px;border-radius:15px;background:#fff;display:grid;place-items:center;overflow:hidden}.upload #logoPreview img{width:72%;height:72%;object-fit:contain}.upload b,.upload span{display:block}.upload span{font-size:9px;color:#8dabb5;margin:5px 0 10px}.upload button{border:0;border-radius:99px;background:var(--teal);color:white;padding:9px 13px;font:inherit;font-size:10px;font-weight:600;cursor:pointer}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.feature{position:relative;min-height:112px;border:1px solid #2d5d74;border-radius:14px;background:#0a3854;padding:16px;cursor:pointer}.feature input{position:absolute;opacity:0}.feature b,.feature small{display:block}.feature b{font-size:12px;margin-bottom:6px}.feature small{font-size:9px;color:#91afb8}.feature i{position:absolute;right:13px;top:13px;width:18px;height:18px;border:1px solid #5a7d8d;border-radius:5px}.feature:has(input:checked){border-color:var(--teal);background:#0b4a5c}.feature:has(input:checked) i{background:var(--teal);box-shadow:inset 0 0 0 4px #0b4a5c}.custom{margin-top:20px}.nfc-config{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:center}.nfc-visual{height:180px;border-radius:20px;background:linear-gradient(135deg,#10aaa5,#05687b);padding:22px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 20px 40px rgba(0,0,0,.25)}.nfc-visual img{position:absolute;top:18px;right:20px;width:52px;filter:brightness(0) invert(1)}.nfc-visual b{font-size:21px}.nfc-visual span{font-size:9px}.waves{position:absolute;left:25px;top:25px}.waves i{position:absolute;border:1px solid rgba(255,255,255,.55);border-radius:50%;transform:translate(-50%,-50%);animation:wave 2.4s infinite}.waves i:nth-child(1){width:20px;height:20px}.waves i:nth-child(2){width:42px;height:42px;animation-delay:-.8s}.waves i:nth-child(3){width:64px;height:64px;animation-delay:-1.6s}@keyframes wave{50%{opacity:.2;transform:translate(-50%,-50%) scale(1.1)}}.nfc-info h3{font-size:27px;margin:4px 0}.nfc-info>p:not(.eyebrow){color:var(--muted);font-size:12px}.quantity{display:flex;align-items:center;gap:12px;margin:22px 0}.quantity button{width:42px;height:42px;border:1px solid #4c7185;border-radius:50%;background:#0a3854;color:#fff;font-size:20px;cursor:pointer}.quantity strong{font-family:Neuzeit;font-size:28px;min-width:35px;text-align:center}.quantity span{font-size:10px;color:var(--muted)}.nfc-price{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid var(--line);padding-top:14px}.nfc-price span{font-size:10px;color:var(--muted)}.nfc-price strong{font-family:Neuzeit;font-size:24px}.complete{text-align:center;max-width:600px;margin:0 auto 28px}.complete i{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--teal);font-style:normal;margin:auto}.complete h2{font-size:42px}.complete>span{font-size:12px;color:var(--muted)}.summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.summary article{border:1px solid var(--line);border-radius:14px;padding:17px;background:#093650}.summary article span{font-size:9px;color:#55d9d4;letter-spacing:.12em}.summary article h3{margin:6px 0;font-size:17px}.summary article p,.summary article li{font-size:10px;color:var(--muted)}.summary ul{padding-left:16px}.consent{flex-direction:row;align-items:flex-start;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.consent input{width:18px;height:18px;min-height:0}.actions{display:flex;gap:10px;padding:18px 4px}.actions>span{flex:1}.actions button{min-height:48px;border-radius:99px;padding:12px 20px;font:inherit;font-size:11px;font-weight:600;cursor:pointer}.primary{border:0;background:var(--teal);color:white}.secondary{border:1px solid #55798a;background:transparent;color:white}aside{position:sticky;top:102px;padding:21px}.aside-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line)}.aside-title span,.aside-row span,.aside-total span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#89a7b1}.aside-title b{font-size:9px;background:#0b4d5e;color:#69ddd8;padding:5px 8px;border-radius:99px}.mini-card{height:160px;border-radius:15px;background:linear-gradient(135deg,#0d6677,#06314d);padding:18px;margin:18px 0;display:flex;flex-direction:column;justify-content:flex-end}.mini-card #miniLogo{position:absolute}.mini-card #miniLogo img{width:35px;filter:brightness(0) invert(1)}.mini-card strong{font-family:Neuzeit;font-size:17px}.mini-card>span{font-size:9px;color:#b2d0d5}.mini-actions{display:flex;gap:5px;margin-top:12px}.mini-actions i{width:25px;height:6px;border-radius:9px;background:#52d4cf}.aside-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #24516a}.aside-row strong{font-size:11px}.aside-total{padding-top:17px}.aside-total strong{display:block;font-family:Neuzeit;font-size:26px}.aside-total small{font-size:8px;color:#7f9da8}.toast{position:fixed;left:50%;bottom:25px;z-index:20;transform:translate(-50%,20px);opacity:0;background:#001e32;border:1px solid #285b70;border-radius:99px;padding:11px 17px;font-size:11px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:900px){.hero{grid-template-columns:1fr}.product-card{display:none}.layout{grid-template-columns:1fr}aside{position:static;order:-1}.features{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){header{height:70px}.header-copy{display:none}.shell{width:calc(100% - 20px)}.hero{min-height:auto;padding:44px 4px}.hero h1{font-size:46px}.steps{grid-template-columns:repeat(5,1fr);padding:11px}.steps>i,.steps button span{display:none}.steps button{justify-content:center}.panel{padding:24px 16px}.grid,.social-grid,.features,.summary,.nfc-config{grid-template-columns:1fr}.wide{grid-column:auto}.upload{grid-template-columns:70px 1fr}.upload #logoPreview{width:70px;height:70px}.actions{position:sticky;bottom:0;background:rgba(4,39,68,.96);z-index:5}aside{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}