:root{--ink:#111;--char:#1c1b1a;--cream:#f8f4ec;--gold:linear-gradient(135deg,#f6d68c 0%,#c98a3d 45%,#e9b866 70%,#a8662a 100%);--g:#c98a3d}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;font:17px/1.65 Inter,system-ui,sans-serif;color:#2a2622;background:var(--cream)}
h1,h2,h3,h4{font-family:"Russo One",Inter,sans-serif;font-weight:400;line-height:1.12;margin:.2em 0 .55em;letter-spacing:.01em}h2{font-size:clamp(1.8rem,4.4vw,2.7rem)}a{color:inherit}
.wrap{max-width:1160px;margin:auto;padding:0 22px}.narrow{max-width:780px}.c{text-align:center}
.gold{background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.78rem;font-weight:700;color:var(--g);margin:0 0 6px}
.btn{display:inline-block;background:var(--gold);background-size:200% 200%;color:#111;text-decoration:none;font-weight:700;padding:15px 32px;border-radius:4px;border:0;font-size:1.02rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:0 6px 20px #c98a3d40;transition:transform .2s,box-shadow .2s,background-position .5s}.btn:hover{transform:translateY(-2px);background-position:100% 0;box-shadow:0 10px 28px #c98a3d66}.btn.sm{padding:9px 18px;font-size:.85rem}
.nav{position:sticky;top:0;z-index:20;background:#111d;backdrop-filter:blur(10px);border-bottom:1px solid #c98a3d40}.nav-in{display:flex;align-items:center;justify-content:space-between;height:84px}.logo img{height:64px;width:auto;display:block;transition:height .3s}.nav.scrolled .logo img{height:54px}
.burger{background:none;border:0;width:34px;display:grid;gap:6px;cursor:pointer}.burger span{height:2px;background:#e9b866;display:block}
.links{display:none;position:absolute;top:84px;left:0;right:0;background:#111;flex-direction:column;padding:16px 22px;gap:14px}.links.open{display:flex}.links a{text-decoration:none;color:#eee;font-weight:600}.links .btn{color:#111}
.crumbs{font-size:.85rem;padding-top:14px;color:#776}.crumbs a{color:var(--g)}
.hero{background:radial-gradient(ellipse at 70% 0%,#c98a3d33,transparent 60%),linear-gradient(#000b,#000d),var(--bg,#222) center/cover no-repeat;color:#fff;padding:100px 0 90px;text-align:center}.hero.small{padding:70px 0 60px}
.hero h1{font-size:clamp(2.2rem,7vw,4.4rem);max-width:900px;margin:10px auto 18px}.hero.small h1{font-size:clamp(1.9rem,5vw,3.2rem)}.lead{font-size:1.18rem;max-width:640px;margin:0 auto 28px;color:#ddd}.ph{opacity:.55;font-size:.8rem;margin-top:22px}
.sec{padding:76px 0}.alt{background:#efe8dc}.dark{background:var(--char);color:#eee}.dark h2,.dark h3{color:#fff}
.two{display:grid;gap:34px;align-items:center}.img{border-radius:6px;min-height:260px;display:flex;align-items:end;padding:12px;color:#fff;font-size:.78rem;box-shadow:0 20px 40px #0002}
.i1{background:repeating-radial-gradient(circle,#d9cdb8 0 2px,#b9a98f 2px 5px,#e8dfcf 5px 7px)}.i2{background:linear-gradient(135deg,#3a342d,#c8b48f)}.i3{background:linear-gradient(135deg,#7a5537,#e2cfae)}.i4{background:linear-gradient(135deg,#2c2b2a,#9d958b)}.i5{background:linear-gradient(135deg,#2f6e80,#e9e2d4)}
.grid3,.grid4,.grid2{display:grid;gap:20px}.card{background:#ffffff08;border:1px solid #c98a3d40;border-radius:6px;padding:26px}.num{font-family:"Russo One";font-size:1.6rem;background:var(--gold);-webkit-background-clip:text;color:transparent}
.use{background:#fff;border-radius:6px;padding:14px;text-decoration:none;box-shadow:0 4px 18px #0000000f;transition:transform .25s}.use:hover{transform:translateY(-4px)}.use .img{min-height:170px;margin-bottom:12px}.more{color:var(--g);font-weight:700;font-size:.9rem}
.tbl{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px;background:#fff}th,td{padding:14px;border-bottom:1px solid #eee;text-align:left}th{background:#111;color:#e9b866;font-family:"Russo One";font-weight:400}td:nth-child(2){background:#fbf1e2;font-weight:700}
.note{font-size:.82rem;color:#887}.sw{display:flex;flex-wrap:wrap;gap:18px;justify-content:center}.sw span{width:118px;height:118px;border-radius:50%;background:var(--c);display:flex;align-items:end;justify-content:center;padding-bottom:12px;font-weight:700;font-size:.85rem;box-shadow:0 0 0 3px #fff,0 0 0 5px #c98a3d,0 8px 18px #0002}
.steps{list-style:none;padding:0;display:grid;gap:16px;counter-reset:s}.steps li{border:1px solid #c98a3d40;border-radius:6px;padding:20px 20px 20px 76px;position:relative;counter-increment:s}.steps li:before{content:counter(s);position:absolute;left:20px;top:20px;width:40px;height:40px;border-radius:50%;background:var(--gold);color:#111;display:grid;place-items:center;font-family:"Russo One"}.steps b,.steps span{display:block}.steps b{color:#fff}
.person{text-align:center;background:#fff;border-radius:6px;padding:28px}.avatar{width:150px;height:150px;border-radius:50%;margin:0 auto 12px;background:#d9cdb8;display:grid;place-items:center;color:#776;box-shadow:0 0 0 4px #fff,0 0 0 6px #c98a3d}
details{background:#fff;border-radius:6px;margin:10px 0;padding:16px 20px;border-left:3px solid var(--g)}summary{font-weight:700;cursor:pointer}.care li,.facts li{margin:8px 0}.src{font-size:.75rem;color:var(--g)}
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:14px}.chips a,.chips span{padding:8px 16px;border:1px solid #c98a3d80;border-radius:30px;text-decoration:none;font-size:.9rem;background:#fff}.chips a:hover{background:#111;color:#e9b866}
.quote{background:#111;color:#fff;border-top:3px solid var(--g)}.qf{display:grid;gap:14px;margin-top:20px}label{display:flex;flex-direction:column;font-weight:600;gap:6px;font-size:.92rem}input,select,textarea{font:inherit;padding:13px;border-radius:4px;border:1px solid #444;background:#1c1b1a;color:#fff}input:focus,select:focus,textarea:focus{outline:2px solid var(--g)}.err{border-color:#e55}
footer{background:#0a0a0a;color:#bbb;padding:50px 0 100px;font-size:.92rem}.fgrid{display:grid;gap:26px}footer h4{color:#e9b866}footer a{display:block;text-decoration:none;margin:5px 0}footer .btn{display:inline-block;color:#111}.copy{border-top:1px solid #222;padding-top:16px;margin-top:26px;color:#666}
.sticky{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:15}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.reveal.in{opacity:1;transform:none}

@media(min-width:860px){.burger{display:none}.links{display:flex;position:static;flex-direction:row;padding:0;align-items:center;gap:24px;background:none}.two{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(4,1fr)}.grid2{grid-template-columns:1fr 1fr}.steps{grid-template-columns:repeat(3,1fr)}.qf{grid-template-columns:1fr 1fr}.full{grid-column:1/-1}.sticky{display:none}footer{padding-bottom:40px}.fgrid{grid-template-columns:2fr 1fr 1fr 1fr}.hero{padding:150px 0 130px}}
.ph-img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:6px;display:block;box-shadow:0 14px 34px #0002}.use .ph-img{margin-bottom:12px;box-shadow:none}.gal{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.gal figure{margin:0}@media(min-width:860px){.gal{grid-template-columns:repeat(3,1fr)}}

.tel{color:#e9b866!important;font-weight:700}.gold-link{color:#e9b866}
.hero{position:relative;overflow:hidden;background-attachment:scroll}.hero-logo{width:min(420px,78vw);height:auto;margin:0 auto 18px;display:block;filter:drop-shadow(0 10px 30px #0008);animation:rise 1.1s cubic-bezier(.2,.8,.2,1) both}
.hero h1,.hero .lead,.hero .btn,.hero .eyebrow{animation:rise 1s cubic-bezier(.2,.8,.2,1) both}.hero .eyebrow{animation-delay:.15s}.hero h1{animation-delay:.25s}.hero .lead{animation-delay:.4s}.hero .btn{animation-delay:.55s}
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.hero-badge{display:inline-flex;align-items:center;gap:10px;margin-top:26px;background:#fffffff2;color:#111;padding:8px 16px 8px 10px;border-radius:6px;font-size:.8rem;line-height:1.2;text-align:left;box-shadow:0 8px 24px #0006}.hero-badge img{height:46px;width:auto}
.gold{background:linear-gradient(110deg,#a8662a 0%,#f6d68c 25%,#c98a3d 45%,#fff3c9 50%,#c98a3d 55%,#e9b866 75%,#a8662a 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:shimmer 6s linear infinite}
@keyframes shimmer{to{background-position:-250% 0}}
.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#fff8 50%,transparent 70%);transform:translateX(-120%);animation:sweep 4.5s ease-in-out infinite}@keyframes sweep{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.sec,.trust{position:relative}.dark,.quote{clip-path:polygon(0 3vw,100% 0,100% calc(100% - 3vw),0 100%);margin:-3vw 0;padding:calc(76px + 3vw) 0;z-index:1}
.dark:before,.quote:before{content:"";position:absolute;left:0;right:0;top:0;height:3vw;background:linear-gradient(90deg,#a8662a,#f6d68c,#c98a3d);clip-path:polygon(0 100%,100% 0,100% 6px,0 calc(100% + 6px));opacity:.95}
.trust{background:#0d0d0d;color:#ddd;border-top:1px solid #c98a3d55;border-bottom:1px solid #c98a3d55}.trust-in{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:18px 22px;text-align:center;font-size:.85rem}.trust-in div{display:flex;flex-direction:column;align-items:center;gap:4px}.trust-in b{font-family:"Russo One";font-weight:400;font-size:1.15rem;background:var(--gold);-webkit-background-clip:text;color:transparent}.trust-in img{height:40px;width:auto;background:#fff;border-radius:4px;padding:2px}
.ph-img{transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .5s}.use,.gal figure,.two>div{overflow:hidden;border-radius:6px}.use:hover .ph-img,.gal figure:hover .ph-img,.two>div:hover .ph-img{transform:scale(1.07);filter:saturate(1.15)}
.reveal{transition-delay:calc(var(--i,0)*90ms)}
h2{position:relative}.sec h2.c:after,.sec .c h2:after{content:"";display:block;width:70px;height:3px;margin:14px auto 0;background:var(--gold);background-size:200% 100%;animation:shimmer 5s linear infinite}
.sw figure{margin:0;text-align:center;width:120px}.sw img{width:120px;height:120px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #fff,0 0 0 5px #c98a3d,0 8px 18px #0002;transition:transform .4s}.sw figure:hover img{transform:scale(1.08) rotate(4deg)}.sw figcaption{font-weight:700;font-size:.85rem;margin-top:8px}
.video-ph{aspect-ratio:16/9;border:1px solid #c98a3d66;border-radius:8px;display:grid;place-content:center;background:radial-gradient(circle,#2a2622,#111);margin-top:18px}.video-ph span{font-size:3rem;color:#e9b866;width:90px;height:90px;border-radius:50%;border:2px solid #e9b866;display:grid;place-items:center;margin:auto;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 18px #e9b86600,0 0 0 0 #e9b86655;transform:scale(1.05)}}
.vuba-f{height:80px;width:auto;background:#fff;padding:6px;border-radius:6px;margin-top:8px}
@media(min-width:860px){.logo img{height:84px}.nav-in{height:104px}.nav.scrolled .nav-in{height:80px}.nav.scrolled .logo img{height:62px}.trust-in{grid-template-columns:repeat(5,1fr)}}

.hero-badge{display:flex;width:fit-content;margin:26px auto 0}
/* cinematic hero */
.xhero{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden;background:#000 url(/assets/video/drone-pool-aerial-poster.webp) center/cover}
.xh-media{position:absolute;inset:-4%;will-change:transform}.xh-vid{width:100%;height:100%;object-fit:cover;animation:push 22s ease-out both}
@keyframes push{from{transform:scale(1)}to{transform:scale(1.14)}}
.xh-shade{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#0000 0,#0009 70%),linear-gradient(#000a,#0003 40%,#000d)}
.xh-in{position:relative;z-index:2;padding:110px 18px 120px}
.xh-logo-wrap{position:relative;display:inline-block;-webkit-mask:url(/assets/logo-light-600.png) center/contain no-repeat;mask:url(/assets/logo-light-600.png) center/contain no-repeat}
.xh-logo{width:min(520px,82vw);margin:0}
.sweep{position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#ffe7a8 48%,#fff 50%,#ffe7a8 52%,transparent 65%);background-size:250% 100%;mix-blend-mode:screen;animation:sweep 4.5s 1.2s ease-in-out infinite}
@keyframes sweep{0%{background-position:150% 0}45%,100%{background-position:-60% 0}}
.xh-h1{font-size:clamp(2.4rem,7.6vw,5.4rem);line-height:1.02;max-width:1000px;margin:18px auto 16px;text-shadow:0 6px 30px #000a}
.xh-h1 .w{display:inline-block;opacity:0;transform:translateY(40px) rotate(3deg);filter:blur(6px);animation:word .9s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(.5s + var(--i)*.12s)}
@keyframes word{to{opacity:1;transform:none;filter:none}}
.xh-h1 .gold{background:linear-gradient(100deg,#b8862f,#ffe7a8 40%,#c98a3d 60%,#fff1c9);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200%;animation:word .9s cubic-bezier(.2,.8,.2,1) forwards,shine 5s 2s linear infinite;animation-delay:calc(.5s + var(--i)*.12s),2s}
@keyframes shine{to{background-position:-200% 0}}
.xh-lead{animation:rise 1s 1.4s both}.xh-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;animation:rise 1s 1.6s both}
.btn-xl{font-size:1.15rem;padding:18px 34px}.btn.ghost{background:#0006;border:1.5px solid #d9a95a;color:#fff;backdrop-filter:blur(6px)}
.glow{animation:pulse 2.6s 2.4s infinite;box-shadow:0 0 0 0 #e0b25e99}
@keyframes pulse{0%{box-shadow:0 0 0 0 #e0b25eaa}70%{box-shadow:0 0 0 22px #e0b25e00}100%{box-shadow:0 0 0 0 #e0b25e00}}
.xh-cta .glow{animation:rise 1s 1.6s both,pulse 2.6s 2.6s infinite}
.chips2{list-style:none;padding:0;margin:28px auto 0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:820px}
.chips2 li{font-size:.85rem;padding:8px 14px;border:1px solid #d9a95a66;border-radius:99px;background:#0007;backdrop-filter:blur(6px);animation:rise .8s both;animation-delay:calc(1.9s + var(--i)*.1s)}
.scue{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:3;width:28px;height:46px;border:2px solid #d9a95a;border-radius:16px}
.scue span{position:absolute;left:50%;top:8px;width:4px;height:9px;margin-left:-2px;border-radius:2px;background:#ffe7a8;animation:cue 1.8s infinite}
@keyframes cue{0%{opacity:0;transform:translateY(0)}40%{opacity:1}100%{opacity:0;transform:translateY(16px)}}
/* before/after */
.ba{position:relative;aspect-ratio:4/3;border-radius:14px;overflow:hidden;margin:26px auto 0;box-shadow:0 30px 60px #000a,0 0 0 1px #d9a95a55}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ba-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--p)) 0 0);filter:saturate(.6) brightness(.9)}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.ba-bar{position:absolute;top:0;bottom:0;left:var(--p);width:3px;margin-left:-1.5px;background:linear-gradient(#ffe7a8,#c98a3d);pointer-events:none;box-shadow:0 0 18px #e0b25e}
.ba-bar:after{content:"⟷";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:#111;border:2px solid #d9a95a;color:#ffe7a8;display:grid;place-items:center}
.ba-l,.ba-r{position:absolute;top:14px;padding:5px 12px;border-radius:99px;background:#000b;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;pointer-events:none}.ba-l{left:14px}.ba-r{right:14px;color:#ffe7a8}
/* colors grid (Vuba style) */
.cgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 15px;margin:34px auto;max-width:1100px}
@media(min-width:700px){.cgrid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1000px){.cgrid{grid-template-columns:repeat(4,1fr)}}
.cswatch{display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;text-decoration:none;gap:12px;outline:none}
.circ{display:block;width:min(200px,38vw);aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px #d9a95a,0 8px 20px #0007;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.circ img{width:100%;height:100%;object-fit:cover;display:block}
div.cswatch .circ{box-shadow:0 0 0 1px #ffffff33,0 8px 20px #0007}
.cswatch:hover .circ,.cswatch:focus .circ,.cswatch:active .circ{transform:scale(1.08);box-shadow:0 0 0 3px #ffe7a8,0 22px 40px #000c}
.cswatch b{font-family:'Russo One',sans-serif;font-weight:400;font-size:1.1rem;letter-spacing:.02em}.cswatch small{color:#e0b25e;font-size:.8rem;margin-top:-6px}
.circ.big{width:150px;margin:0 auto 14px}
/* video */
.vsec{position:relative;overflow:hidden}.vbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22}.vsec .wrap{position:relative}
.reel{position:relative;margin:0;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 20px 40px #000a,0 0 0 1px #d9a95a44}
.reel video{width:100%;aspect-ratio:9/16;object-fit:cover;display:block}.reel figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 12px 12px;background:linear-gradient(#0000,#000d);font-size:.9rem}
.vplay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;border:2px solid #ffe7a8;background:#000a;color:#ffe7a8;font-size:1.4rem;cursor:pointer;transition:transform .3s}.vplay:hover{transform:translate(-50%,-50%) scale(1.1)}
.reel.playing .vplay,.reel.playing figcaption{display:none}
.feat{max-width:380px;margin:24px auto}.reel.big .vplay{width:90px;height:90px;font-size:2rem}
.reels{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(160px,1fr);gap:14px;overflow-x:auto;padding:8px 2px 14px;scroll-snap-type:x mandatory}.reels .reel{scroll-snap-align:start}

.xh-logo{width:min(520px,82vw,44vh)}.xh-h1{font-size:clamp(2.3rem,min(7.6vw,8vh),5rem)}.xh-in{padding:96px 18px 90px}
@media(min-width:860px){.xh-h1{max-width:1150px}}
.grid5{display:grid;gap:18px;grid-template-columns:repeat(2,1fr)}@media(min-width:860px){.grid5{grid-template-columns:repeat(5,1fr)}}
.cgrid.mini{grid-template-columns:repeat(2,1fr);max-width:820px}@media(min-width:700px){.cgrid.mini{grid-template-columns:repeat(4,1fr)}}.cgrid.mini .circ{width:min(150px,36vw)}
.area{padding:22px 0;border-bottom:1px solid #0001}.area h2{font-size:1.4rem;margin:0 0 6px}
.avatar{display:grid;place-items:center;font-family:'Russo One';font-size:2rem;color:#e0b25e}

html:not(.js) .reveal{opacity:1;transform:none}