:root{--bg: #07060d;--bg-2: #0b1030;--surface: #11122a;--surface-2: #171a3a;--line: rgba(167, 139, 250, .18);--text: #ece9f7;--muted: #a9a6c4;--purple: #8b5cf6;--purple-2: #a78bfa;--blue: #4f5bd5;--green: #1fa855;--green-2: #25d366;--danger: #ff8a9b;--radius: 18px;--radius-sm: 12px;--shadow: 0 18px 50px -20px rgba(0, 0, 0, .8);--font: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Playfair Display", Georgia, "Times New Roman", serif;--header-h: 68px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:1rem;line-height:1.6;color:var(--text);background:var(--bg);overflow-x:hidden}img,svg{max-width:100%;display:block}h1,h2,h3{line-height:1.15;margin:0 0 .6em;font-weight:600}h1,h2{font-family:var(--font-display);letter-spacing:-.01em}h1{font-size:clamp(2.2rem,6.2vw,4rem)}h2{font-size:clamp(1.7rem,4vw,2.5rem)}h3{font-size:1.1rem}p{margin:0 0 1em}a{color:var(--purple-2)}ul{list-style:none;margin:0;padding:0}address{font-style:normal}section[id]{scroll-margin-top:calc(var(--header-h) + 8px)}:focus-visible{outline:3px solid var(--purple-2);outline-offset:3px;border-radius:6px}.container{width:min(1160px,100% - 2rem);margin-inline:auto}.muted{color:var(--muted)}.eyebrow{color:var(--purple-2);text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:600;margin-bottom:.9rem}.grad-text{background:linear-gradient(90deg,#c4b5fd,#818cf8 60%,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(1.05rem,2.2vw,1.25rem);color:#cfcbe6;max-width:56ch}.lead.small{font-size:1.08rem}.skip-link{position:absolute;left:1rem;top:-4rem;background:#fff;color:#000;padding:.6rem 1rem;border-radius:8px;z-index:100}.skip-link:focus{top:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;padding:.7rem 1.5rem;border-radius:999px;border:1px solid transparent;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;color:#fff;transition:transform .18s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#5b4de0);box-shadow:0 10px 30px -10px #8b5cf6cc}.btn-primary:hover{box-shadow:0 14px 36px -10px #8b5cf6}.btn-whatsapp{background:linear-gradient(135deg,#1fa855,#128c47);box-shadow:0 10px 30px -12px #25d366b3}.btn-whatsapp:hover{box-shadow:0 14px 34px -12px #25d366e6}.btn-outline{background:transparent;border-color:#a78bfa80;color:var(--text)}.btn-outline:hover{background:#8b5cf629;border-color:var(--purple-2)}.btn-sm{min-height:42px;padding:.5rem 1.1rem;font-size:.95rem}.btn-block{width:100%;font-size:1.05rem;min-height:54px}.link-btn{background:none;border:0;padding:.15rem 0;font:inherit;color:var(--purple-2);cursor:pointer;text-align:left;text-decoration:underline;text-underline-offset:3px}.link-btn:hover{color:#fff}.icon-btn{background:transparent;border:1px solid var(--line);color:var(--text);width:42px;height:42px;border-radius:12px;display:grid;place-items:center;cursor:pointer}.site-header{position:sticky;top:0;z-index:50;background:#07060d8c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:background .3s,border-color .3s}.site-header.scrolled{background:#07060de6;border-color:var(--line)}.header-inner{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{text-decoration:none;color:inherit;display:inline-flex;border-radius:12px}.logo{display:inline-flex;align-items:center;gap:.7rem}.logo-text{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:#fff;letter-spacing:.01em;white-space:nowrap}.logo-text span{background:linear-gradient(90deg,#c4b5fd,#818cf8);-webkit-background-clip:text;background-clip:text;color:transparent}.nav{display:flex;align-items:center;gap:1.6rem}.nav a{color:var(--text);text-decoration:none;font-weight:500;opacity:.85;padding:.4rem 0}.nav a:hover{opacity:1;color:var(--purple-2)}.menu-toggle{display:none;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:12px;width:46px;height:46px;place-items:center;cursor:pointer}.hero{position:relative;padding:clamp(2.5rem,7vw,6rem) 0 clamp(3rem,7vw,6rem);background:radial-gradient(1100px 600px at 80% -10%,rgba(91,77,224,.35),transparent 60%),radial-gradient(800px 500px at 0% 30%,rgba(30,41,120,.4),transparent 60%),linear-gradient(180deg,#0b1030 0%,var(--bg) 100%);overflow:hidden}.hero-glow{position:absolute;inset:auto -10% -30% auto;width:60vw;height:60vw;max-width:700px;max-height:700px;background:radial-gradient(circle,rgba(139,92,246,.25),transparent 65%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,4vw,4rem);align-items:center}.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin:1.8rem 0 1.4rem}.hero-facts{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;color:var(--muted);font-size:.95rem}.hero-facts li:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--purple-2);margin-right:.55rem;vertical-align:middle}.collage{position:relative;aspect-ratio:1 / 1;width:min(100%,520px);margin-inline:auto}.orbit{position:absolute;inset:10%;border-radius:50%;border:1px dashed rgba(167,139,250,.35)}.orbit-2{inset:0;border-style:solid;border-color:#818cf826;transform:rotate(-24deg) scaleY(.62)}.tile{position:absolute;background:linear-gradient(160deg,#24285ee6,#0e102cf2);border:1px solid var(--line);border-radius:22px;padding:.4rem;box-shadow:var(--shadow),0 0 40px -12px #8b5cf68c;animation:float 7s ease-in-out infinite}.t1{width:44%;left:4%;top:6%}.t2{width:46%;right:2%;top:20%;animation-delay:-2s}.t3{width:38%;left:14%;bottom:8%;animation-delay:-4s}.t4{width:36%;right:8%;bottom:4%;animation-delay:-1s}.t5{width:30%;left:36%;top:40%;z-index:2;animation-delay:-3s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.section{padding:clamp(3rem,7vw,5.5rem) 0}.section-alt{background:linear-gradient(180deg,#171a3a73,#0b103033);border-block:1px solid rgba(167,139,250,.08)}.section-head{max-width:62ch;margin-bottom:2.2rem}.grid{display:grid;gap:1.2rem}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}.prod-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}.why-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.card{background:linear-gradient(180deg,#171a3ad9,#0e1028e6);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;overflow:hidden}.cat-card:hover,.prod-card:hover,.why-card:hover{transform:translateY(-4px);border-color:#a78bfa80;box-shadow:var(--shadow),0 0 40px -16px #8b5cf6b3}.cat-card,.prod-card{display:flex;flex-direction:column}.card-media{background:radial-gradient(circle at 50% 40%,#5b4de047,#0b103099 70%);padding:.8rem 1rem .2rem;aspect-ratio:10 / 7;display:grid;place-items:center}.card-media.small{aspect-ratio:16 / 9;padding:.4rem 1rem 0}.card-media .art,.card-media .photo{width:100%;height:100%;object-fit:contain}.card-media .photo{object-fit:cover;margin:-.8rem -1rem -.2rem;width:calc(100% + 2rem);height:calc(100% + 1rem)}.card-body{padding:1.1rem 1.2rem 1.3rem;display:flex;flex-direction:column;gap:.2rem;flex:1}.card-body .muted{font-size:.95rem;flex:1}.card-body .btn{align-self:flex-start;margin-top:.4rem}.tag{align-self:flex-start;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--purple-2);background:#8b5cf624;padding:.2rem .6rem;border-radius:999px;margin-bottom:.4rem}.notice{background:#8b5cf61a;border:1px solid var(--line);border-radius:var(--radius-sm);padding:.8rem 1rem;color:#d6d2ee}.why-card{padding:1.5rem}.why-card .num{font-family:var(--font-display);font-size:1.8rem;color:var(--purple-2);opacity:.8;display:block;margin-bottom:.4rem}.why-card .muted{margin:0}.ship-panel{display:grid;grid-template-columns:auto 1fr;gap:clamp(1.2rem,4vw,3rem);align-items:center;padding:clamp(1.5rem,5vw,3.2rem);border-radius:28px;border:1px solid var(--line);background:radial-gradient(700px 300px at 100% 0%,rgba(91,77,224,.4),transparent 70%),linear-gradient(160deg,#141842,#0b1030);box-shadow:var(--shadow)}.ship-globe{width:clamp(90px,14vw,150px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:var(--purple-2);background:radial-gradient(circle,rgba(139,92,246,.25),transparent 70%);border:1px solid var(--line)}.ship-globe svg{width:55%;height:55%}.enquiry{background:radial-gradient(900px 500px at 10% 0%,rgba(91,77,224,.22),transparent 60%)}.enquiry-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:start}.enquiry-intro{position:sticky;top:calc(var(--header-h) + 1.5rem)}.steps{display:grid;gap:.9rem;margin-top:1.4rem}.steps li{display:flex;gap:.8rem;align-items:flex-start;color:#cfcbe6}.steps span{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:.85rem;background:#8b5cf633;color:var(--purple-2);border:1px solid var(--line)}.form{padding:clamp(1.1rem,3vw,2rem);overflow:visible}.form fieldset{border:0;margin:0 0 1.4rem;padding:0;min-width:0}.form legend{font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin-bottom:.9rem;padding:0;color:#fff}.row{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.row.three{grid-template-columns:repeat(3,1fr)}.field{margin-bottom:1rem;min-width:0}.field label,.field .label{display:block;font-weight:500;font-size:.95rem;margin-bottom:.4rem}.req{color:var(--danger)}.opt{color:var(--muted);font-weight:400;font-size:.85rem}.field input[type=text],.field input[type=tel],.field input[type=email],.field input[type=number],.field select,.field textarea{width:100%;min-height:48px;padding:.7rem .9rem;font:inherit;font-size:16px;color:var(--text);background:#07060db3;border:1px solid rgba(167,139,250,.3);border-radius:var(--radius-sm);transition:border-color .2s,box-shadow .2s}.field textarea{resize:vertical;min-height:110px}.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--purple-2) 50%),linear-gradient(135deg,var(--purple-2) 50%,transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 14px) 55%;background-size:6px 6px;background-repeat:no-repeat;padding-right:2.4rem}.field select option{background:#11122a;color:var(--text)}.field input::placeholder,.field textarea::placeholder{color:#6f6c8d}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--purple-2);box-shadow:0 0 0 3px #8b5cf659}.field.has-error input,.field.has-error select,.field.has-error textarea{border-color:var(--danger)}.hint{margin:.35rem 0 0;font-size:.85rem;color:var(--muted)}.error{margin:.35rem 0 0;font-size:.88rem;color:var(--danger)}.form-summary{background:#ff8a9b1f;border:1px solid rgba(255,138,155,.5);color:#ffd0d7;padding:.7rem 1rem;border-radius:var(--radius-sm)}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.segmented label{position:relative;margin:0;display:flex;align-items:center;justify-content:center;min-height:48px;text-align:center;padding:.4rem .5rem;border-radius:var(--radius-sm);border:1px solid rgba(167,139,250,.3);background:#07060db3;cursor:pointer;font-size:.95rem;transition:background .2s,border-color .2s}.segmented label.on{background:#8b5cf640;border-color:var(--purple-2);color:#fff}.segmented input{position:absolute;opacity:0;inset:0;cursor:pointer}.segmented label:focus-within{outline:3px solid var(--purple-2);outline-offset:2px}.privacy-note{font-size:.85rem;color:var(--muted);margin:.9rem 0 0}.status{margin-top:1rem}.alert{border-radius:var(--radius-sm);padding:.9rem 1rem;display:flex;gap:.7rem}.alert-warn{background:#ffc4571a;border:1px solid rgba(255,196,87,.5);color:#ffe3a8;display:block}.alert-ok{background:#25d3661a;border:1px solid rgba(37,211,102,.45);color:#c9f5da}.alert-ok svg{flex:none;margin-top:2px;color:var(--green-2)}.alert-actions{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;margin-top:.5rem}.alert a{color:#fff}.preview{margin-top:.8rem;border:1px solid var(--line);border-radius:var(--radius-sm);padding:.6rem .9rem}.preview summary{cursor:pointer;color:var(--purple-2)}.preview pre{white-space:pre-wrap;word-break:break-word;font:inherit;font-size:.9rem;color:#cfcbe6;margin:.7rem 0 0}.visit-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center}.info-card{display:flex;gap:.9rem;align-items:flex-start;padding:1rem 1.1rem;margin-bottom:.9rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:#11122ab3}.info-card svg{flex:none;color:var(--purple-2);margin-top:3px}.info-card strong{display:block}.info-card span{color:var(--muted)}.visit-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.2rem}.visit-grid>*,.hero-grid>*,.enquiry-grid>*{min-width:0}.map-wrap{width:100%;height:clamp(300px,62vw,420px);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--surface)}.map-wrap iframe{width:100%;height:100%;border:0;filter:invert(.92) hue-rotate(180deg) saturate(.7) brightness(.95)}.site-footer{background:#05040a;border-top:1px solid var(--line);padding-top:3rem}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1.1fr 1.2fr;gap:2rem}.footer-grid h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:var(--purple-2)}.footer-grid li{margin-bottom:.4rem}.footer-grid p{margin-bottom:.7rem;font-size:.95rem}.footer-brand .muted{margin-top:1rem;max-width:34ch}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:2.2rem;padding:1.2rem 0 2rem;border-top:1px solid rgba(167,139,250,.12);color:var(--muted);font-size:.9rem}.footer-bottom p{margin:0}dialog.legal{width:min(640px,100% - 2rem);max-height:85vh;padding:0;border:1px solid var(--line);border-radius:var(--radius);background:#0e1030;color:var(--text);box-shadow:0 30px 80px #000000b3}dialog.legal::backdrop{background:#030208bf;backdrop-filter:blur(4px)}.legal-inner{padding:1.4rem 1.5rem 1.2rem}.legal-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.legal-head h2{margin:0;font-size:1.5rem}.legal-inner p{color:#cfcbe6;font-size:.97rem}@media (max-width: 980px){.hero-grid,.enquiry-grid,.visit-grid{grid-template-columns:1fr}.collage{width:min(100%,440px)}.enquiry-intro{position:static}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 860px){.menu-toggle{display:grid}.nav{position:absolute;left:0;right:0;top:var(--header-h);flex-direction:column;align-items:stretch;gap:0;padding:.6rem 1rem 1.2rem;background:#07060df7;border-bottom:1px solid var(--line);display:none}.nav.open{display:flex}.nav a{padding:.9rem .2rem;border-bottom:1px solid rgba(167,139,250,.1);font-size:1.05rem}.nav-cta{margin-top:.9rem}}@media (max-width: 640px){.row,.row.three,.segmented{grid-template-columns:1fr}.ship-panel{grid-template-columns:1fr;text-align:left}.hero-actions .btn,.visit-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr}.cat-grid,.prod-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.card-body{padding:.9rem .9rem 1rem}.card-body .muted{display:none}.logo-text{font-size:1.15rem}}@media (max-width: 380px){.cat-grid,.prod-grid{grid-template-columns:1fr}.card-body .muted{display:block}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
