@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/bricolage-grotesque-latin-500-normal.woff2) format('woff2');}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/bricolage-grotesque-latin-600-normal.woff2) format('woff2');}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/bricolage-grotesque-latin-700-normal.woff2) format('woff2');}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/bricolage-grotesque-latin-800-normal.woff2) format('woff2');}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/hanken-grotesk-latin-400-normal.woff2) format('woff2');}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/hanken-grotesk-latin-500-normal.woff2) format('woff2');}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/hanken-grotesk-latin-600-normal.woff2) format('woff2');}

  :root{
    --ink:#0e0b0d; --char:#17121a; --char2:#211925; --bone:#f4ece4; --soft:#cdbfb8; --ash:#a1969a;
    --line:rgba(244,236,228,.11); --line2:rgba(244,236,228,.2);
    --ember1:#c81e28; --ember2:#f2621f; --glow:#ff8a4c; --btn1:#b81a26; --btn2:#dd4a1a;
    --amber:#ffb347; --rose:#ff6b8a;
    --ease:cubic-bezier(.16,1,.3,1);
    --display:'Bricolage Grotesque','Helvetica Neue',Arial,sans-serif;
    --body:'Hanken Grotesk','Helvetica Neue',Arial,sans-serif;
    box-sizing:border-box;
    padding-top:env(safe-area-inset-top,0px);
    padding-bottom:env(safe-area-inset-bottom,0px);
  }
  *,*::before,*::after{box-sizing:border-box;}
  html{scroll-behavior:smooth; scroll-padding-top:calc(90px + env(safe-area-inset-top,0px)); background:var(--ink); color-scheme:dark;}
  body{margin:0; background:var(--ink); color:var(--bone); font:400 17px/1.65 var(--body); -webkit-font-smoothing:antialiased; overflow-x:hidden;}
  img,svg{max-width:100%; display:block;}
  a{color:inherit;}
  h1,h2,h3,p,ul,ol{margin:0;}
  ::selection{background:var(--ember2); color:#1a0a06;}
  :focus-visible{outline:2px solid var(--glow); outline-offset:3px; border-radius:6px;}
  .wrap{max-width:1240px; margin:0 auto; padding:0 clamp(20px,4vw,48px);}

  /* ambient background */
  .ambient{position:fixed; inset:0; z-index:-2; overflow:hidden; pointer-events:none;}
  .ambient i{position:absolute; border-radius:50%; filter:blur(90px); opacity:.5; will-change:transform;}
  .ambient i:nth-child(1){width:55vw; height:55vw; left:-15vw; top:-18vw; background:radial-gradient(circle,rgba(200,30,40,.55),transparent 65%); animation:drift1 26s ease-in-out infinite alternate;}
  .ambient i:nth-child(2){width:48vw; height:48vw; right:-14vw; top:22vh; background:radial-gradient(circle,rgba(242,98,31,.38),transparent 65%); animation:drift2 32s ease-in-out infinite alternate;}
  @keyframes drift1{to{transform:translate(8vw,10vh) scale(1.12);}}
  @keyframes drift2{to{transform:translate(-9vw,-8vh) scale(1.08);}}
  .grain{position:fixed; inset:0; z-index:300; pointer-events:none; opacity:.05; mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/></svg>");}
  #progress{position:fixed; top:0; left:0; right:0; height:2px; z-index:400; transform-origin:left; transform:scaleX(0); background:linear-gradient(90deg,var(--ember1),var(--ember2));}

  /* preloader */
  .preloader{position:fixed; inset:0; z-index:500; background:var(--ink); display:none; flex-direction:column; align-items:center; justify-content:center; gap:28px; transition:opacity .9s var(--ease), visibility .9s;}
  .js .preloader{display:flex;}
  .ready .preloader{opacity:0; visibility:hidden; pointer-events:none;}
  .preloader img{height:62px; width:auto; filter:drop-shadow(0 0 22px rgba(242,98,31,.55));}
  .preloader .bar{width:170px; height:2px; background:var(--line); border-radius:2px; overflow:hidden;}
  .preloader .bar i{display:block; height:100%; background:linear-gradient(90deg,var(--ember1),var(--ember2)); transform-origin:left; transform:scaleX(0); animation:load 1.5s var(--ease) forwards;}
  @keyframes load{to{transform:scaleX(1);}}

  /* cursor (only active when JS confirms it works) */
  .cur-dot,.cur-ring{position:fixed; top:0; left:0; pointer-events:none; z-index:450; border-radius:50%; display:none; transform:translate(-50%,-50%);}
  .cur-dot{width:7px; height:7px; background:var(--glow); transition:width .3s var(--ease), height .3s var(--ease);}
  .cur-ring{width:34px; height:34px; border:1.2px solid rgba(255,138,76,.5); transition:width .35s var(--ease), height .35s var(--ease), border-color .3s;}
  body.has-cursor .cur-dot, body.has-cursor .cur-ring{display:block;}
  body.has-cursor, body.has-cursor a, body.has-cursor button, body.has-cursor summary{cursor:none;}
  body.has-cursor input, body.has-cursor textarea, body.has-cursor select{cursor:auto;}

  /* buttons */
  .btn{display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:15px 28px; border-radius:999px; font:600 15px/1 var(--body); text-decoration:none; border:1px solid transparent; cursor:pointer; transition:transform .5s var(--ease), box-shadow .4s, background .3s, border-color .3s, filter .3s; will-change:transform;}
  .btn-flame{color:#fff; background:linear-gradient(120deg,var(--btn1),var(--btn2)); box-shadow:0 14px 34px -14px rgba(242,98,31,.7), inset 0 1px 0 rgba(255,255,255,.2);}
  .btn-flame:hover{filter:brightness(1.1); box-shadow:0 20px 40px -12px rgba(242,98,31,.85), inset 0 1px 0 rgba(255,255,255,.25);}
  .btn-line{color:var(--bone); border-color:var(--line2); background:rgba(255,255,255,.02);}
  .btn-line:hover{border-color:var(--glow); background:rgba(255,138,76,.08);}
  .btn svg{width:16px; height:16px;}

  /* header */
  header{position:sticky; top:env(safe-area-inset-top,0px); z-index:60; border-bottom:1px solid transparent; transition:background .4s, border-color .4s, backdrop-filter .4s;}
  header.scrolled{background:rgba(14,11,13,.74); backdrop-filter:blur(16px) saturate(140%); -webkit-backdrop-filter:blur(16px) saturate(140%); border-bottom-color:var(--line);}
  nav.wrap{display:flex; align-items:center; justify-content:space-between; gap:24px; height:84px;}
  .brand{display:flex; align-items:center; gap:14px; text-decoration:none;}
  .brand img{height:42px; width:auto; filter:drop-shadow(0 0 16px rgba(242,98,31,.4)); animation:float 5s ease-in-out infinite;}
  @keyframes float{50%{transform:translateY(-2px);}}
  .brand b{font:700 21px/1 var(--display); letter-spacing:-.02em;}
  .nav-links{display:flex; gap:34px; font-weight:500; font-size:15px;}
  .nav-links a{text-decoration:none; color:var(--soft); position:relative; padding:6px 0; transition:color .25s;}
  .nav-links a::after{content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:var(--glow); transform:scaleX(0); transform-origin:left; transition:transform .4s var(--ease);}
  .nav-links a:hover{color:var(--bone);} .nav-links a:hover::after{transform:scaleX(1);}
  .nav-right{display:flex; align-items:center; gap:18px;}
  .lang{display:flex; align-items:center; gap:6px; font-size:14px; color:var(--ash);}
  .lang button{background:none; border:0; padding:4px; color:var(--ash); font:500 14px var(--body); cursor:pointer; transition:color .2s;}
  .lang button:hover{color:var(--bone);} .lang button.active{color:var(--glow);}
  .burger{display:none; width:44px; height:44px; border:1px solid var(--line2); border-radius:50%; background:none; position:relative; cursor:pointer;}
  .burger span{position:absolute; left:13px; right:13px; height:1.5px; background:var(--bone); transition:transform .3s, opacity .2s;}
  .burger span:nth-child(1){top:17px;} .burger span:nth-child(2){top:22px;} .burger span:nth-child(3){top:27px;}
  .burger.open span:nth-child(1){transform:translateY(5px) rotate(45deg);} .burger.open span:nth-child(2){opacity:0;} .burger.open span:nth-child(3){transform:translateY(-5px) rotate(-45deg);}
  .mobile-menu{display:none; position:fixed; inset:calc(84px + env(safe-area-inset-top,0px)) 0 0 0; z-index:55; background:rgba(14,11,13,.97); backdrop-filter:blur(12px); padding:36px clamp(20px,4vw,48px); flex-direction:column; gap:22px; font:600 28px var(--display);}
  .mobile-menu.open{display:flex;} .mobile-menu a{text-decoration:none;}
  .mobile-menu .lang{font-size:17px; margin-top:8px;}

  /* hero */
  .hero{position:relative; padding-top:clamp(16px,4vh,56px);}
  .hero-grid{display:grid; grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr); gap:clamp(8px,3vw,40px); align-items:center; min-height:min(790px, calc(100svh - 84px));}
  h1{font:800 clamp(46px,7.3vw,112px)/.95 var(--display); letter-spacing:-.035em; margin-bottom:30px;}
  h1 .line{display:block; overflow:hidden; padding:.02em 0 .1em;}
  h1 .line>span{display:block;}
  .js h1 .line>span{transform:translateY(112%); transition:transform 1.2s var(--ease);}
  .js.ready h1 .line>span{transform:none;}
  .hero-sub{max-width:33em; font-size:clamp(17px,1.5vw,20px); color:var(--soft); margin-bottom:38px;}
  .js .hero-sub, .js .hero-cta{opacity:0; transform:translateY(18px); transition:opacity 1s .55s var(--ease), transform 1s .55s var(--ease);}
  .js.ready .hero-sub, .js.ready .hero-cta{opacity:1; transform:none;}
  .hero-cta{display:flex; flex-wrap:wrap; gap:14px;}
  .globe{position:relative; width:100%; aspect-ratio:1/1; max-height:82vh; margin-right:-5%; justify-self:end;}
  .js .globe{opacity:0; transform:scale(.94); transition:opacity 1.6s .3s var(--ease), transform 1.8s .3s var(--ease);}
  .js.ready .globe{opacity:1; transform:none;}
  .globe canvas{position:absolute; inset:0; width:100%; height:100%; display:block;}
  .globe.no-gl{background:radial-gradient(circle at 50% 50%, rgba(242,98,31,.35), rgba(200,30,40,.12) 40%, transparent 68%);}
  .facts{display:flex; flex-wrap:wrap; gap:14px 38px; padding:26px 0 30px; border-top:1px solid var(--line); margin-top:clamp(8px,2vh,24px); font-weight:500;}
  .facts span{display:inline-flex; align-items:center; gap:11px; color:var(--bone);}
  .facts i{width:6px; height:6px; border-radius:50%; background:var(--glow); box-shadow:0 0 12px var(--glow);}

  /* brand wall */
  .wall{border-block:1px solid var(--line); overflow:hidden; padding:clamp(28px,4vw,52px) 0 clamp(34px,5vw,64px); background:linear-gradient(180deg,rgba(255,255,255,.015),transparent);}
  .wall .cap{display:block; color:var(--ash); font-size:15px; margin-bottom:clamp(14px,2vw,26px);}
  .track{display:flex; align-items:center; width:max-content; animation:slide 60s linear infinite;}
  .wall:hover .track{animation-play-state:paused;}
  .track span{font:800 clamp(54px,9.5vw,136px)/1 var(--display); letter-spacing:-.04em; color:rgba(244,236,228,.13); padding:0 .32em; white-space:nowrap; transition:color .5s;}
  .track span:hover{color:var(--bone);}
  .track em{width:14px; height:14px; transform:rotate(45deg); background:linear-gradient(135deg,var(--ember1),var(--ember2)); flex:none; border-radius:2px;}
  @keyframes slide{to{transform:translateX(-50%);}}

  /* sections */
  .sec{padding:clamp(76px,10vw,150px) 0;}
  .sec-head{display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.75fr); gap:clamp(20px,4vw,64px); align-items:end; margin-bottom:clamp(36px,5vw,64px);}
  h2{font:700 clamp(34px,4.7vw,66px)/1.02 var(--display); letter-spacing:-.03em;}
  .sec-head p{color:var(--ash); font-size:18px;}

  /* bento */
  .bento{display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); grid-auto-rows:minmax(250px,auto); gap:16px;}
  .tile{position:relative; overflow:hidden; isolation:isolate; display:flex; flex-direction:column; justify-content:flex-end; padding:30px; border-radius:24px; border:1px solid var(--line); background:linear-gradient(160deg,var(--char2),var(--char)); transition:border-color .4s, transform .6s var(--ease);}
  .tile::before{content:""; position:absolute; inset:0; z-index:-1; opacity:0; transition:opacity .4s; background:radial-gradient(440px circle at var(--mx,50%) var(--my,50%), rgba(255,122,61,.2), transparent 62%);}
  .tile:hover{border-color:rgba(255,138,76,.4);} .tile:hover::before{opacity:1;}
  .js .tile{opacity:0; transform:translateY(28px) scale(.985);}
  .js .tile.in{opacity:1; transform:none; transition:opacity .9s var(--ease), transform 1.1s var(--ease), border-color .4s;}
  .t-audio{grid-column:span 5; grid-row:span 2; border-radius:32px; padding:36px;}
  .t-smart{grid-column:span 4;} .t-health{grid-column:span 3;} .t-groom{grid-column:span 4;} .t-oral{grid-column:span 3;}
  .t-beauty{grid-column:span 12; flex-direction:row; align-items:center; justify-content:space-between; gap:32px; padding:34px 44px; min-height:250px;}
  .t-beauty .bt{max-width:34em;}
  .bart{width:clamp(150px,22vw,270px); height:auto; flex:none; color:var(--glow); fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round;}
  .bart .drop{animation:dropf 3.6s ease-in-out infinite; fill:currentColor; fill-opacity:.16;} .bart .drop.d2{animation-delay:1.4s;}
  @keyframes dropf{0%,100%{transform:translateY(7px); opacity:.45;} 50%{transform:translateY(-9px); opacity:1;}}
  .bart .liquid{animation:shine 4s ease-in-out infinite;}
  @keyframes shine{0%,100%{opacity:.35;} 50%{opacity:1;}}
  .t-cta{margin-top:16px; min-height:0; flex-direction:row; align-items:center; justify-content:space-between; gap:28px; flex-wrap:wrap; padding:34px 36px; background:linear-gradient(100deg,rgba(200,30,40,.3),rgba(242,98,31,.16)); border-color:rgba(255,138,76,.28); border-radius:28px;}
  .tile h3{font:700 clamp(25px,2.4vw,36px)/1.05 var(--display); letter-spacing:-.02em; margin-bottom:10px;}
  .t-audio h3{font-size:clamp(32px,3.4vw,50px);}
  .tile p{color:var(--soft); max-width:28em; font-size:16px;} .t-cta p{max-width:44em;}
  .cat{display:inline-flex; align-items:center; gap:9px; color:var(--ash); font-size:14px; margin-bottom:14px;}
  .cat i{width:8px; height:8px; border-radius:50%;} .cat .e{background:var(--amber);} .cat .b{background:var(--rose);}
  .brands{display:flex; flex-wrap:wrap; gap:8px; margin-top:20px;}
  .brands b{font:600 13px/1 var(--body); padding:8px 13px; border:1px solid var(--line2); border-radius:999px; color:var(--bone);}
  .ico{position:absolute; top:24px; right:24px; width:62px; height:62px; color:var(--glow); fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; opacity:.95;}
  .eq{position:absolute; left:36px; right:36px; top:34px; height:44%; display:flex; align-items:flex-end; gap:6px; -webkit-mask-image:linear-gradient(180deg,transparent,#000 70%); mask-image:linear-gradient(180deg,transparent,#000 70%);}
  .eq i{flex:1; height:100%; border-radius:4px; background:linear-gradient(180deg,var(--glow),rgba(200,30,40,.45)); transform-origin:50% 100%; transform:scaleY(.18); animation:eq 1.2s ease-in-out infinite alternate;}
  @keyframes eq{to{transform:scaleY(1);}}
  .wifi path{animation:wf 2.4s ease-in-out infinite;} .wifi path:nth-child(2){animation-delay:.25s;} .wifi circle{animation:wf 2.4s .5s ease-in-out infinite;}
  @keyframes wf{0%,100%{opacity:.25;} 50%{opacity:1;}}
  .ecg{stroke-dasharray:1; stroke-dashoffset:1; animation:ecg 2.8s linear infinite;}
  @keyframes ecg{0%{stroke-dashoffset:1;} 60%{stroke-dashoffset:0;} 100%{stroke-dashoffset:-1;}}
  .spk{transform-box:fill-box; transform-origin:center; animation:spk 2.6s ease-in-out infinite; fill:currentColor; fill-opacity:.14;} .spk.s2{animation-delay:1.1s;}
  @keyframes spk{0%,100%{transform:scale(.75) rotate(0); opacity:.55;} 50%{transform:scale(1.08) rotate(14deg); opacity:1;}}
  .bub{animation:rise 3.2s ease-in infinite; fill:currentColor; fill-opacity:.18;} .bub.b2{animation-delay:1s;} .bub.b3{animation-delay:2s;}
  @keyframes rise{0%{transform:translateY(8px); opacity:0;} 25%{opacity:1;} 100%{transform:translateY(-14px); opacity:0;}}

  /* seller (ember moment) */
  .seller{position:relative; margin:0 clamp(0px,2vw,26px); border-radius:clamp(0px,3.2vw,44px); overflow:hidden; isolation:isolate; background:linear-gradient(135deg,#1c0709 0%,#4a0f14 34%,#8c1c1b 66%,#cf4519 100%); padding:clamp(56px,8vw,120px) 0;}
  .seller::before{content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(60% 75% at 88% 12%, rgba(255,176,96,.4), transparent 62%), radial-gradient(55% 60% at 0% 100%, rgba(0,0,0,.55), transparent 70%);}
  .seller::after{content:""; position:absolute; inset:0; z-index:-1; opacity:.07; mix-blend-mode:overlay; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");}
  .seller-grid{display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(28px,5vw,80px); align-items:center;}
  .seller h2{margin-bottom:22px; color:#fff;}
  .seller .lead{font-size:clamp(17px,1.4vw,19px); color:rgba(255,255,255,.86); max-width:32em;}
  .steps{list-style:none; padding:0; margin:34px 0 38px; display:grid; gap:20px;}
  .steps li{display:grid; grid-template-columns:46px minmax(0,1fr); gap:18px; align-items:start;}
  .steps .n{width:46px; height:46px; border-radius:50%; display:grid; place-items:center; font:700 19px var(--display); border:1px solid rgba(255,255,255,.4); background:rgba(14,6,8,.28);}
  .steps h3{font:700 20px/1.2 var(--display); letter-spacing:-.01em; margin-bottom:4px; color:#fff;}
  .steps p{color:rgba(255,255,255,.78); font-size:16px;}
  .seller .btn-flame{background:#fff; color:#3a0b0e; box-shadow:0 16px 36px -14px rgba(0,0,0,.6); }
  .seller .btn-flame:hover{filter:none; background:#ffe9db;}
  .flow{width:100%; height:auto; overflow:visible;}
  .flow .pill{fill:rgba(14,6,8,.5); stroke:rgba(255,255,255,.3); stroke-width:1;}
  .flow text{fill:#fff; font:600 15px var(--body); text-anchor:middle;}
  .flow .path{fill:none; stroke:rgba(255,255,255,.55); stroke-width:1.4; stroke-dasharray:3 9; animation:dash 1.4s linear infinite;}
  @keyframes dash{to{stroke-dashoffset:-24;}}
  .flow .ring{fill:none; stroke:rgba(255,200,150,.7); stroke-width:1.2; transform-box:fill-box; transform-origin:center; animation:ringp 3s ease-out infinite;}
  .flow .ring.r2{animation-delay:1.5s;}
  @keyframes ringp{from{transform:scale(.8); opacity:.9;} to{transform:scale(1.5); opacity:0;}}
  .flow .core{fill:rgba(14,6,8,.7); stroke:url(#coreGrad); stroke-width:2;}

  /* why */
  .why-grid{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--line);}
  .why-item{padding:40px 30px 12px 0; margin-right:30px; border-right:1px solid var(--line);} .why-item:last-child{border-right:0; margin-right:0;}
  .why-item svg{width:58px; height:58px; margin-bottom:26px; fill:none; stroke:var(--glow); stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round;}
  .js .why-item svg *{stroke-dasharray:1; stroke-dashoffset:1;}
  .js .why-item.in svg *{stroke-dashoffset:0; transition:stroke-dashoffset 1.7s var(--ease);}
  .why-item h3{font:700 22px/1.15 var(--display); letter-spacing:-.015em; margin-bottom:10px;}
  .why-item p{color:var(--ash); font-size:16px;}

  /* contact */
  .contact-grid{display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:clamp(32px,6vw,96px); align-items:start;}
  .contact-grid h2{margin-bottom:16px;} .contact-grid .sub{color:var(--ash); margin-bottom:36px; font-size:18px;}
  form{display:grid; gap:18px;}
  .row2{display:grid; grid-template-columns:1fr 1fr; gap:18px;}
  label{display:block; font-size:14px; color:var(--ash); margin-bottom:8px;}
  input,textarea,select{width:100%; padding:15px 17px; border-radius:14px; border:1px solid var(--line2); background:rgba(255,255,255,.035); color:var(--bone); font:400 16px var(--body); transition:border-color .25s, background .25s;}
  select{appearance:none; -webkit-appearance:none; background-image:linear-gradient(45deg,transparent 50%,var(--ash) 50%),linear-gradient(135deg,var(--ash) 50%,transparent 50%); background-position:calc(100% - 22px) 52%, calc(100% - 16px) 52%; background-size:6px 6px; background-repeat:no-repeat;}
  select option{background:#1b1520; color:var(--bone);}
  input::placeholder,textarea::placeholder{color:rgba(161,150,154,.7);}
  input:focus,textarea:focus,select:focus{outline:none; border-color:var(--glow); background:rgba(255,138,76,.06);}
  textarea{min-height:130px; resize:vertical;}
  .consent{display:flex; gap:12px; align-items:flex-start; font-size:14px; color:var(--ash);} .consent input{width:auto; margin-top:4px;} .consent a{color:var(--glow);}
  .contact-card{position:relative; border-radius:28px; padding:36px; background:linear-gradient(160deg,var(--char2),var(--char)); border:1px solid var(--line); overflow:hidden;}
  .contact-card::before{content:""; position:absolute; left:0; right:0; top:0; height:3px; background:linear-gradient(90deg,var(--ember1),var(--ember2),transparent);}
  .contact-card h3{font:700 24px var(--display); margin-bottom:22px;}
  .kv{display:grid; grid-template-columns:130px minmax(0,1fr); gap:6px 16px; padding:16px 0; border-top:1px solid var(--line);}
  .kv dt{color:var(--ash); font-size:15px;} .kv dd{margin:0; font-weight:500;} .kv a{text-decoration:none;} .kv a:hover{color:var(--glow);}

  footer{border-top:1px solid var(--line); padding:54px 0 40px; color:var(--ash); font-size:15px;}
  .foot{display:flex; justify-content:space-between; gap:28px; flex-wrap:wrap; align-items:flex-start;}
  .foot .brand b{font-size:18px;} .foot .brand img{height:34px; animation:none;}
  .foot nav{display:flex; gap:26px; flex-wrap:wrap;} .foot nav a{text-decoration:none;} .foot nav a:hover{color:var(--glow);}
  .legal{display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 32px; margin-top:34px; padding-top:22px; border-top:1px solid var(--line);}

  @media (max-width:1000px){
    .nav-links{display:none;} .burger{display:block;} .nav-right .btn{display:none;}
    .hero-grid{grid-template-columns:1fr; min-height:0;} .globe{max-width:560px; margin:0 auto; justify-self:center; max-height:none;}
    .sec-head,.seller-grid,.contact-grid{grid-template-columns:1fr;}
    .bento{grid-template-columns:repeat(6,minmax(0,1fr));}
    .t-audio{grid-column:span 6; grid-row:auto; min-height:360px;} .t-smart,.t-health,.t-groom,.t-oral{grid-column:span 3;} .t-beauty{grid-column:span 6;}
    .why-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .why-item{border-right:0; margin-right:0; padding-right:0; border-bottom:1px solid var(--line); padding-bottom:36px;}
  }
  @media (max-width:640px){
    .bento{grid-template-columns:1fr;} .t-audio,.t-smart,.t-health,.t-groom,.t-oral{grid-column:auto;}
    .why-grid{grid-template-columns:1fr;} .row2{grid-template-columns:1fr;} .kv{grid-template-columns:1fr;}
    .tile{min-height:230px;} .t-cta{padding:28px;} .t-beauty{grid-column:auto; flex-direction:column; align-items:flex-start; padding:30px;} .bart{width:150px;}
  }
  @media (prefers-reduced-motion:reduce){
    *,*::before,*::after{animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important;}
    .track{animation:none;}
  }

.lang a{padding:4px; color:var(--ash); font:500 14px var(--body); text-decoration:none; transition:color .2s;}
.lang a:hover{color:var(--bone);} .lang a.active{color:var(--glow);}
.hp{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden;}
.faq{max-width:920px; border-bottom:1px solid var(--line);}
.faq details{border-top:1px solid var(--line);}
.faq summary{cursor:pointer; list-style:none; padding:24px 52px 24px 0; font:600 clamp(18px,1.8vw,22px)/1.3 var(--display); letter-spacing:-.01em; position:relative;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+"; position:absolute; right:6px; top:50%; transform:translateY(-50%); font:400 30px var(--body); color:var(--glow); transition:transform .3s var(--ease);}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg);}
.faq details p{color:var(--soft); padding:0 52px 28px 0; max-width:46em;}
.legal-doc{max-width:820px; margin:0 auto; padding:clamp(40px,8vw,110px) 0;}
.legal-doc h1{font:700 clamp(34px,5vw,56px)/1.05 var(--display); letter-spacing:-.03em; margin-bottom:28px;}
.legal-doc h2{font:700 24px/1.2 var(--display); margin:38px 0 12px;}
.legal-doc p,.legal-doc li{color:var(--soft); margin-bottom:12px;}
.legal-doc a{color:var(--glow);} .legal-doc ul{padding-left:20px;}
.simple-head{display:flex; justify-content:space-between; align-items:center; height:84px; gap:20px;}
.simple-head a.back{color:var(--soft); text-decoration:none; font-weight:500;} .simple-head a.back:hover{color:var(--glow);}