:root{
      --black:#040404;--black2:#080808;--surface:#0f0f0f;--surface2:#151515;
      --white:#f3f3f3;--muted:#9a9a9a;--line:rgba(255,255,255,.12);--lime:#d8f233;
      --lime2:#c7ea20;--ease:cubic-bezier(.16,1,.3,1);
    }
    *{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
    html{background:var(--black);color:var(--white);scroll-behavior:smooth}
    body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--black);color:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased}
    body:before{content:"";position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.46'/%3E%3C/svg%3E")}
    a{text-decoration:none;color:inherit}.container{width:min(1120px,calc(100% - 56px));margin:0 auto}.lime{color:var(--lime)}
    .nav{position:fixed;top:0;left:0;right:0;z-index:100;height:78px;display:flex;align-items:center;transition:.45s var(--ease)}
    .nav.scrolled{background:rgba(4,4,4,.76);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px)}
    .nav-inner{width:100%;display:grid;grid-template-columns:210px 1fr 210px;align-items:center;padding:0 48px;gap:20px}
    .logo{display:flex;align-items:center}.logo img{width:154px;height:auto;display:block;filter:drop-shadow(0 2px 16px rgba(255,255,255,.16))}
    .links{display:flex;justify-content:center;gap:54px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.links a{color:rgba(255,255,255,.82)}.links a:hover{color:var(--lime)}
    .nav-cta{justify-self:end}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:16px;border:1px solid rgba(216,242,51,.6);background:rgba(4,4,4,.28);color:var(--white);min-height:46px;padding:0 24px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:.35s var(--ease)}
    .btn:hover{transform:translateY(-2px);box-shadow:0 0 34px rgba(216,242,51,.22);border-color:var(--lime)}.btn-primary{background:linear-gradient(135deg,var(--lime),#efff5d);border:0;color:#050505;box-shadow:0 12px 38px rgba(216,242,51,.28)}.btn-round{border-radius:999px;width:54px;height:54px;min-height:54px;padding:0;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.17)}
    .hero{min-height:760px;height:100svh;position:relative;overflow:hidden;background:#050505}
    .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.25) brightness(.52);opacity:.58;transform:scale(1.06);animation:heroZoom 14s var(--ease) forwards}.hero:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at 70% 45%,rgba(255,255,255,.10),transparent 24%),radial-gradient(ellipse at 20% 50%,rgba(0,0,0,.04),rgba(0,0,0,.68) 56%,rgba(0,0,0,.9)),linear-gradient(to bottom,rgba(0,0,0,.42),rgba(0,0,0,.24) 48%,rgba(0,0,0,.76))}
    .hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:180px;z-index:2;background:linear-gradient(to bottom,transparent,#050505 80%)}@keyframes heroZoom{to{transform:scale(1.13)}}
    .hero-grid{position:relative;z-index:4;width:min(1180px,calc(100% - 96px));height:100%;margin:0 auto;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:30px;padding-top:72px}
    .hero-copy{align-self:center;padding-top:30px}.headline{font-family:"Bebas Neue",Inter,sans-serif;font-size:clamp(72px,8vw,128px);line-height:.92;letter-spacing:.012em;text-transform:uppercase;text-shadow:0 14px 60px rgba(0,0,0,.72)}.headline span{display:block;opacity:1;transform:translateY(24px);animation:fadeUp .86s var(--ease) forwards}.headline span:nth-child(1){animation-delay:.35s}.headline span:nth-child(2){animation-delay:.58s}.headline span:nth-child(3){animation-delay:.82s}
    .subtitle{margin-top:24px;color:rgba(255,255,255,.72);font-size:17px;line-height:1.7;opacity:0;animation:fadeUp .86s var(--ease) 1.05s forwards}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:34px;opacity:0;animation:fadeUp .86s var(--ease) 1.25s forwards}.play{display:flex;background:transparent;border:0;cursor:pointer;font:inherit;align-items:center;gap:12px;font-size:12px;font-weight:900;text-transform:uppercase;color:rgba(255,255,255,.82)}.play i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);font-style:normal;color:#fff}.scroll{position:absolute;bottom:46px;left:0;display:flex;align-items:center;gap:15px;color:rgba(255,255,255,.68);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.mouse{width:18px;height:28px;border:1px solid rgba(255,255,255,.65);border-radius:999px;position:relative}.mouse:after{content:"";position:absolute;width:3px;height:5px;background:#fff;border-radius:999px;top:6px;left:50%;transform:translateX(-50%);animation:wheel 1.7s infinite}@keyframes wheel{50%{top:13px;opacity:.35}}
    .machine-wrap{position:relative;display:flex;justify-content:center;align-items:center;min-height:600px;opacity:0;transform:translateY(26px) scale(.98);animation:fadeUp .9s var(--ease) .9s forwards}.mist{position:absolute;inset:5% -10% -5% -30%;background:radial-gradient(ellipse at 44% 55%,rgba(255,255,255,.2),transparent 30%),radial-gradient(ellipse at 30% 45%,rgba(255,255,255,.12),transparent 25%);filter:blur(28px);opacity:.5}.machine{position:relative;width:360px;height:560px;border-radius:16px 34px 24px 22px;background:linear-gradient(105deg,#050505 0%,#111 42%,#050505 100%);border:1px solid rgba(255,255,255,.18);box-shadow:0 28px 80px rgba(0,0,0,.8),inset 1px 0 0 rgba(255,255,255,.08),inset -22px 0 40px rgba(255,255,255,.04);transform:perspective(900px) rotateY(-10deg) rotateX(1deg)}
    .machine-top{position:absolute;left:36px;right:36px;top:46px;text-align:center}.machine-logo{font-family:Inter,Arial,sans-serif;font-size:34px;font-weight:900;letter-spacing:.08em;background:linear-gradient(180deg,#fff,#8a8a8a 58%,#f7f7f7);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 3px 4px #000)}.machine-sub{margin-top:3px;color:rgba(255,255,255,.58);font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;line-height:1.4}
    .screen{position:absolute;left:42px;top:150px;width:185px;height:150px;border-radius:8px;background:#080808;border:1px solid rgba(255,255,255,.14);box-shadow:0 0 0 7px #141414,0 0 0 8px rgba(255,255,255,.06),0 0 28px rgba(216,242,51,.3),inset 0 0 24px rgba(216,242,51,.07);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.screen:before{content:"";position:absolute;inset:-12px;border:1px solid rgba(216,242,51,.35);border-radius:12px;box-shadow:0 0 22px rgba(216,242,51,.5)}.screen b{font-size:10px;color:#050505;letter-spacing:.1em}.screen strong{margin-top:7px;color:var(--lime);font-size:12px;font-weight:900;text-transform:uppercase}.screen small{margin-top:13px;color:var(--lime);font-size:21px;line-height:1}.slot{position:absolute;left:46px;top:340px;width:180px;height:42px;border-radius:8px;background:#020202;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 8px 20px #000}.panel{position:absolute;right:40px;top:152px;width:78px;height:210px;border-radius:10px;background:#080808;border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 0 22px #000}.panel .mini{width:38px;height:12px;margin:34px auto 24px;border-radius:2px;background:#eee;box-shadow:0 0 12px rgba(255,255,255,.25)}.pad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 13px}.pad i{height:13px;border-radius:2px;background:rgba(216,242,51,.6);box-shadow:0 0 9px rgba(216,242,51,.18)}.machine-side{position:absolute;right:-84px;top:40px;width:100px;height:500px;border-radius:0 24px 22px 0;background:linear-gradient(90deg,#141414,#050505);border:1px solid rgba(255,255,255,.12);transform:skewY(-7deg);box-shadow:inset 18px 0 45px rgba(255,255,255,.04)}.shelf{position:absolute;left:18px;right:18px;height:1px;background:rgba(216,242,51,.28);box-shadow:0 0 14px rgba(216,242,51,.18)}.shelf:nth-child(1){top:80px}.shelf:nth-child(2){top:155px}.shelf:nth-child(3){top:230px}.shelf:nth-child(4){top:305px}.bottle{position:absolute;width:16px;height:44px;border-radius:5px;background:linear-gradient(90deg,rgba(216,242,51,.22),rgba(255,255,255,.22),rgba(216,242,51,.08));box-shadow:0 0 12px rgba(216,242,51,.12)}.b1{top:30px;left:28px}.b2{top:32px;left:55px}.b3{top:106px;left:33px}.b4{top:180px;left:52px}.b5{top:258px;left:28px}.b6{top:335px;left:54px}

    .ba-section{padding:42px 0 28px;background:linear-gradient(180deg,#050505,#090909);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
    .ba-shell{position:relative;border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:28px 30px 34px;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.06),transparent 35%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));box-shadow:0 20px 60px rgba(0,0,0,.35)}
    .ba-header{text-align:center;max-width:760px;margin:0 auto 28px}.ba-kicker{font-size:11px;font-weight:900;letter-spacing:.14em;color:var(--lime);text-transform:uppercase}.ba-title{margin-top:10px;font-family:"Bebas Neue",Inter,sans-serif;font-size:clamp(46px,5vw,84px);line-height:.92;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 10px 30px rgba(0,0,0,.45)}.ba-copy{margin-top:14px;color:rgba(255,255,255,.72);font-size:16px;line-height:1.7}
    .ba-stage{display:grid;grid-template-columns:1fr 240px 1fr;gap:22px;align-items:center;margin-top:22px}.ba-card{position:relative;overflow:hidden;border-radius:20px;background:#111;border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 40px rgba(0,0,0,.35)}.ba-media,.ba-output-video{display:block;width:100%;aspect-ratio:4/5;background-size:cover;background-position:center;object-fit:cover;filter:saturate(.86) contrast(1.08)}.ba-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.04),rgba(0,0,0,.26));pointer-events:none}.ba-card--before .ba-media{filter:grayscale(1) contrast(1.18) brightness(.86)}.ba-card--before:before{content:"BEFORE";position:absolute;top:16px;left:16px;z-index:3;border:1px solid rgba(255,255,255,.42);padding:6px 9px;border-radius:99px;background:rgba(0,0,0,.42);font-size:10px;font-weight:900;letter-spacing:.16em;color:#fff}.ba-card--after{border-color:rgba(216,242,51,.48);box-shadow:0 0 0 1px rgba(216,242,51,.1),0 18px 48px rgba(216,242,51,.16)}.ba-card--after:before{content:"AFTER";position:absolute;top:16px;left:16px;z-index:3;border:1px solid rgba(216,242,51,.72);padding:6px 9px;border-radius:99px;background:rgba(8,14,0,.68);font-size:10px;font-weight:900;letter-spacing:.16em;color:var(--lime)}.ba-card--after .ba-output-video{filter:saturate(1.22) contrast(1.12)}.ba-card--after .ba-label{color:var(--lime)}.ba-card--after:after{background:linear-gradient(120deg,transparent 0%,rgba(216,242,51,.14) 40%,transparent 52%),linear-gradient(to bottom,rgba(0,0,0,.03),rgba(0,0,0,.3));background-size:220% 100%;animation:baSweep 4.2s ease-in-out infinite}@keyframes baSweep{0%,28%{background-position:160% 0,0 0}62%,100%{background-position:-70% 0,0 0}}.ba-label{position:absolute;left:18px;right:18px;bottom:16px;z-index:2;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;text-align:center;color:rgba(255,255,255,.92)}
    .ba-center{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.ba-burst{width:52px;height:52px;display:grid;place-items:center;margin-bottom:10px;border-radius:50%;background:radial-gradient(circle,rgba(216,242,51,.34),rgba(216,242,51,.05) 58%,transparent 60%);font-size:28px;color:var(--lime);text-shadow:0 0 20px rgba(216,242,51,.78);animation:baPulse 1.9s ease-in-out infinite}@keyframes baPulse{50%{transform:scale(1.16);filter:brightness(1.25)}}.progress-shell{width:min(220px,100%);padding:3px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.progress-bar{height:18px;border-radius:999px;background:linear-gradient(90deg,#dfe8ff 0%,#d8f233 78%);width:72%;box-shadow:0 0 18px rgba(216,242,51,.35);animation:baLoad 2.6s ease-in-out infinite}@keyframes baLoad{50%{width:94%;filter:brightness(1.2)}}.ba-status{margin-top:14px;font-size:13px;color:rgba(255,255,255,.62)}.ba-status b{display:block;font-size:17px;color:rgba(255,255,255,.96);margin-top:3px}.ba-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:82px;height:82px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.16),rgba(0,0,0,.35));display:grid;place-items:center;font-size:26px;box-shadow:0 14px 30px rgba(0,0,0,.4);backdrop-filter:blur(4px)}
.ba-actions{display:flex;justify-content:center;gap:18px;margin-top:30px;flex-wrap:wrap}.ba-note{text-align:center;margin-top:20px;color:rgba(255,255,255,.54);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
    .proof-lab{padding:96px 0;background:radial-gradient(circle at 50% 0,rgba(216,242,51,.07),transparent 28%),#080808;border-bottom:1px solid rgba(255,255,255,.07)}.proof-lab-header{max-width:740px;margin:0 auto 38px;text-align:center}.proof-lab-header h2{margin:12px 0 16px;font-family:"Bebas Neue",Inter,sans-serif;font-size:clamp(52px,7vw,104px);line-height:.86;letter-spacing:.02em}.proof-lab-header p{margin:0;color:rgba(255,255,255,.68);font-size:15px;line-height:1.75}.proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.proof-card{padding:20px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));box-shadow:0 20px 50px rgba(0,0,0,.22)}.proof-card-head{display:flex;align-items:baseline;gap:10px}.proof-card-head>span{font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--lime)}.proof-card h3{margin:0;font-family:"Bebas Neue",Inter,sans-serif;font-size:32px;letter-spacing:.03em}.proof-card>p{min-height:42px;margin:8px 0 16px;color:rgba(255,255,255,.62);font-size:13px;line-height:1.55}.proof-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.proof-frame{position:relative;min-width:0;overflow:hidden;margin:0;border-radius:14px;background:#121212;border:1px solid rgba(255,255,255,.08)}.proof-frame>img,.proof-frame>video{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}.proof-output{border-color:rgba(216,242,51,.45);box-shadow:inset 0 0 0 1px rgba(216,242,51,.09)}.proof-frame figcaption{position:absolute;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:2px;padding:22px 10px 10px;background:linear-gradient(transparent,rgba(0,0,0,.88));font-size:10px;line-height:1.2}.proof-frame figcaption b{font-size:9px;letter-spacing:.14em;color:var(--lime)}.proof-frame figcaption span{overflow:hidden;color:rgba(255,255,255,.92);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.proof-lab-notice{max-width:860px;margin:24px auto 0;color:rgba(255,255,255,.48);font-size:11px;line-height:1.65;text-align:center}@media (max-width:680px){.proof-lab{padding:70px 0}.proof-grid{grid-template-columns:1fr}.proof-card{padding:16px}.proof-card>p{min-height:0}.proof-lab-header h2{font-size:clamp(48px,14vw,76px)}}

    .works{padding:64px 0 54px;background:linear-gradient(180deg,#070707,#050505);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.section-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.section-label{font-size:18px;font-weight:900;text-transform:uppercase;letter-spacing:.02em}.view-all{font-size:12px;font-weight:800;text-transform:uppercase;color:rgba(255,255,255,.82)}.works-strip{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;scroll-behavior:smooth}.work-card{height:246px;border-radius:9px;overflow:hidden;position:relative;background:#151515;border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 35px rgba(0,0,0,.35);transition:.5s var(--ease)}.work-card:hover{transform:translateY(-5px);border-color:rgba(216,242,51,.24)}.work-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.08),rgba(0,0,0,.82))}.work-card .bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.7) contrast(1.16);transition:.8s var(--ease)}.work-card:hover .bg{transform:scale(1.08);filter:saturate(.85) contrast(1.22)}.work-card span{position:absolute;z-index:2;left:18px;bottom:17px;font-size:12px;font-weight:900;text-transform:uppercase}.w1{background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.42),transparent 16%),linear-gradient(135deg,#050505,#24190e 62%,#050505)}.w2{background:radial-gradient(circle at 52% 50%,rgba(255,255,255,.24),transparent 22%),linear-gradient(135deg,#0b0f11,#1b2223 60%,#040404)}.w3{background:radial-gradient(circle at 58% 20%,rgba(255,221,180,.35),transparent 17%),linear-gradient(135deg,#160c0a,#342016,#070707)}.w4{background:radial-gradient(circle at 42% 24%,rgba(255,255,255,.55),transparent 9%),linear-gradient(135deg,#14191a,#34434a 54%,#050505)}.w5{background:radial-gradient(circle at 45% 25%,rgba(255,255,255,.42),transparent 14%),linear-gradient(135deg,#1a1512,#342c25 58%,#050505)}.w6{background:radial-gradient(circle at 46% 35%,rgba(255,255,255,.42),transparent 16%),linear-gradient(135deg,#1b1710,#4b3b22 55%,#050505)}.arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4}.arrow.left{left:-22px}.arrow.right{right:-22px}.dots{display:flex;justify-content:center;gap:12px;margin-top:24px}.dots i{width:42px;height:2px;background:rgba(255,255,255,.14);display:block}.dots i.active{background:var(--lime);box-shadow:0 0 18px rgba(216,242,51,.55)}
    .process{padding:60px 0 54px;background:#050505;border-bottom:1px solid rgba(255,255,255,.08)}.process-grid{display:grid;grid-template-columns:300px repeat(4,1fr);gap:18px;align-items:stretch}.process-intro{padding:8px 0}.mini-eyebrow{color:var(--lime);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:24px}.process-title{font-family:"Bebas Neue";font-size:50px;line-height:.95;letter-spacing:.02em}.process-intro p{margin-top:22px;color:rgba(255,255,255,.56);line-height:1.65;font-size:13px}.process-card{min-height:238px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));padding:24px 22px;position:relative}.process-card:after{content:"→";position:absolute;right:-17px;top:50%;transform:translateY(-50%);color:var(--lime);font-size:18px}.process-card:last-child:after{display:none}.num{color:var(--lime);font-size:18px;font-weight:900;letter-spacing:.08em}.ico{height:72px;margin:24px 0 18px;display:grid;place-items:center;color:#fff}.ico svg{width:64px;height:64px;stroke:currentColor;stroke-width:1.5;fill:none}.process-card h3{font-size:12px;text-transform:uppercase;letter-spacing:.02em;margin-bottom:11px}.process-card p{color:rgba(255,255,255,.58);font-size:12px;line-height:1.55}.stats{background:#080808;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat{height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-right:1px solid rgba(255,255,255,.1)}.stat:last-child{border-right:0}.stat-icon{color:var(--lime);font-size:44px;line-height:1;margin-bottom:18px}.stat b{font-size:40px;font-weight:500;letter-spacing:.02em}.stat p{margin-top:8px;color:rgba(255,255,255,.52);font-size:12px}.stars{margin-top:12px;color:var(--lime);letter-spacing:4px;font-size:13px}.pricing{padding:72px 0;background:#050505}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-card{border:1px solid rgba(255,255,255,.11);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012));padding:30px;position:relative}.price-card.featured{border-color:rgba(216,242,51,.45);box-shadow:0 0 48px rgba(216,242,51,.08)}.badge{position:absolute;right:22px;top:22px;color:#050505;background:var(--lime);border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900;text-transform:uppercase}.price-card h3{font-size:15px;text-transform:uppercase}.price{font-size:42px;font-weight:700;letter-spacing:-.04em;margin:20px 0 12px}.price-card p,.price-card li{color:rgba(255,255,255,.58);font-size:13px;line-height:1.7}.price-card ul{list-style:none;margin:20px 0}.price-card li:before{content:"✓";color:var(--lime);margin-right:8px}.footer{height:94px;background:#050505}.footer-inner{height:100%;display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.42);font-size:12px}.footer-logo{font-family:"Bebas Neue";font-size:38px;background:linear-gradient(180deg,#fff,#7d7d7d,#eee);-webkit-background-clip:text;color:transparent}.footer-links{display:flex;gap:42px;color:rgba(255,255,255,.72);font-size:12px;text-transform:uppercase;font-weight:800}
    .modal{position:fixed;inset:0;z-index:400;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.74);backdrop-filter:blur(18px);padding:20px}.modal.on{display:flex}.modal-card{width:min(520px,100%);background:#0f0f0f;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:28px;box-shadow:0 45px 120px #000}.modal-head{display:flex;justify-content:space-between;gap:20px}.close{background:none;border:0;color:#050505;font-size:32px;cursor:pointer}.field{width:100%;background:#050505;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px;color:#050505;font:inherit;margin-top:12px}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.cat{background:#080808;border:1px solid rgba(255,255,255,.14);color:#050505;border-radius:12px;padding:13px;font-weight:800}.cat.active{border-color:var(--lime);color:var(--lime);background:rgba(216,242,51,.06)}
    @keyframes fadeUp{to{opacity:1;transform:none}}

    .showreel-btn{font-family:Inter,system-ui,-apple-system,sans-serif}.preview{display:none;margin-top:12px;border:1px solid rgba(216,242,51,.28);border-radius:14px;overflow:hidden;background:#060606}.preview.on{display:block}.preview img{width:100%;display:block;max-height:190px;object-fit:cover}.order-summary{margin-top:12px;padding:12px 14px;border-radius:12px;background:rgba(216,242,51,.065);border:1px solid rgba(216,242,51,.18);font-size:12px;color:rgba(255,255,255,.78);line-height:1.65}.success-panel{display:none;text-align:center;padding:34px 12px}.success-panel.on{display:block}.success-icon{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:rgba(216,242,51,.12);border:1px solid rgba(216,242,51,.42);color:var(--lime);font-size:34px}.success-panel h3{font-family:"Bebas Neue";font-size:54px;line-height:.92;letter-spacing:.02em}.success-panel p{margin:14px auto 0;max-width:360px;color:rgba(255,255,255,.62);font-size:13px;line-height:1.7}.modal-card.done .form-body{display:none}.modal-card.done .success-panel{display:block}.video-modal{position:fixed;inset:0;z-index:450;background:rgba(0,0,0,.86);backdrop-filter:blur(18px);display:none;align-items:center;justify-content:center;padding:20px}.video-modal.on{display:flex}.video-box{width:min(980px,100%);background:#050505;border:1px solid rgba(255,255,255,.14);border-radius:20px;overflow:hidden;box-shadow:0 50px 120px #000}.video-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.09);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.video-box video{display:block;width:100%;height:min(62vh,560px);object-fit:cover;background:#000}.toast{position:fixed;left:50%;bottom:28px;z-index:600;transform:translateX(-50%) translateY(12px);opacity:0;pointer-events:none;background:rgba(6,6,6,.94);border:1px solid rgba(216,242,51,.35);color:var(--lime);border-radius:999px;padding:12px 18px;font-size:12px;font-weight:900;transition:.28s var(--ease);box-shadow:0 18px 60px rgba(0,0,0,.55)}.toast.on{opacity:1;transform:translateX(-50%) translateY(0)}

    @media (max-width: 980px){
      .ba-stage{grid-template-columns:1fr;gap:16px}.ba-center{order:2;padding:8px 0 4px}.ba-card{max-width:420px;width:100%;margin:0 auto}.ba-shell{padding:24px 18px 28px}.ba-actions{gap:14px}.ba-title{font-size:clamp(42px,14vw,84px)}
    }
@media(max-width:1020px){.nav-inner{grid-template-columns:150px 1fr 150px;padding:0 24px}.links{gap:24px}.hero-grid{grid-template-columns:1fr;width:min(720px,calc(100% - 44px));text-align:center}.machine-wrap{display:none}.scroll{left:50%;transform:translateX(-50%)}.works-strip{grid-template-columns:repeat(3,1fr)}.process-grid{grid-template-columns:1fr 1fr}.process-card:after{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;justify-content:center;gap:10px}.footer-links{gap:18px}}
    @media(max-width:680px){.container{width:min(100% - 32px,1120px)}.nav{height:66px}.nav-inner{display:flex;justify-content:space-between;padding:0 16px}.logo img{width:116px}.links{display:none}.nav-cta .btn{min-height:40px;padding:0 14px;font-size:10px}.hero{min-height:690px}.hero-grid{width:calc(100% - 32px)}.headline{font-size:82px}.hero-actions{justify-content:center}.btn{padding:0 18px}.works-strip{grid-template-columns:1fr 1fr}.work-card{height:220px}.arrow{display:none}.process-grid{grid-template-columns:1fr}.process-title{font-size:48px}.stats-grid{grid-template-columns:1fr}.stat{height:150px;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.section-bar{align-items:flex-start}.view-all{display:none}.footer{height:auto;padding:26px 0}.footer-links{flex-wrap:wrap;justify-content:center}.cat-grid{grid-template-columns:1fr 1fr}}

    /* AVVM V5 FIXED — real fullscreen mobile cinematic hero */
    .avvm-text-logo{
      display:inline-flex;
      align-items:center;
      color:#f5f5f5;
      font-family:Inter,system-ui,-apple-system,sans-serif;
      font-weight:950;
      letter-spacing:.12em;
      font-size:28px;
      line-height:1;
      text-decoration:none;
      background:linear-gradient(180deg,#ffffff 0%,#b9b9b9 48%,#f8f8f8 100%);
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
      text-shadow:none;
      filter:drop-shadow(0 10px 28px rgba(0,0,0,.62)) drop-shadow(0 0 16px rgba(255,255,255,.16));
    }
    .nav .avvm-text-logo{font-size:24px}


    .hero-v5{
      position:relative;
      height:100svh;
      min-height:720px;
      overflow:hidden;
      background:#000;
      isolation:isolate;
    }
    .hero-v5 .hero-video{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      opacity:1;
      filter:saturate(.62) contrast(1.2) brightness(.62);
      transform:scale(1.02);
      animation:v5VideoZoom 18s cubic-bezier(.16,1,.3,1) forwards;
      z-index:0;
    }
    @keyframes v5VideoZoom{to{transform:scale(1.12)}}
    .hero-v5-overlay{
      position:absolute;
      inset:0;
      z-index:1;
      background:
        radial-gradient(ellipse at 50% 18%,rgba(255,255,255,.12),transparent 24%),
        radial-gradient(ellipse at 75% 45%,rgba(216,242,51,.10),transparent 26%),
        linear-gradient(to bottom,rgba(0,0,0,.34) 0%,rgba(0,0,0,.16) 32%,rgba(0,0,0,.56) 68%,rgba(0,0,0,.94) 100%);
    }
    .hero-v5:after{
      content:"";
      position:absolute;
      left:0;right:0;bottom:0;
      height:160px;
      z-index:2;
      background:linear-gradient(to bottom,transparent,#050505 88%);
      pointer-events:none;
    }
    .hero-v5-top{
      position:absolute;
      top:0;left:0;right:0;
      height:82px;
      z-index:6;
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:0 28px;
    }
    .hero-logo-float{font-size:31px}
    .hero-menu-dot{
      height:38px;
      padding:0 15px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.18);
      background:rgba(0,0,0,.22);
      color:#f5f5f5;
      font-size:10px;
      font-weight:900;
      letter-spacing:.08em;
      backdrop-filter:blur(12px);
      cursor:pointer;
    }
    .hero-v5-content{
      position:relative;
      z-index:5;
      height:100%;
      display:flex;
      flex-direction:column;
      justify-content:flex-end;
      padding:0 min(7vw,72px) 54px;
      max-width:980px;
    }
    .hero-v5-eyebrow{
      color:#d8f233;
      font-size:11px;
      font-weight:900;
      letter-spacing:.14em;
      text-transform:uppercase;
      margin-bottom:18px;
      opacity:0;
      transform:translateY(18px);
      animation:v5FadeUp .82s cubic-bezier(.16,1,.3,1) .2s forwards;
    }
    .hero-v5-title{
      font-family:"Bebas Neue",Inter,sans-serif;
      font-size:clamp(78px,9.4vw,150px);
      line-height:.88;
      letter-spacing:.012em;
      text-transform:uppercase;
      color:#f5f5f5;
      text-shadow:0 24px 74px rgba(0,0,0,.78);
    }
    .hero-v5-title span{
      display:block;
      opacity:0;
      transform:translateY(28px);
      animation:v5FadeUp .88s cubic-bezier(.16,1,.3,1) forwards;
    }
    .hero-v5-title span:nth-child(1){animation-delay:.42s}
    .hero-v5-title span:nth-child(2){animation-delay:.65s}
    .hero-v5-title span:nth-child(3){animation-delay:.9s}
    .hero-v5-sub{
      margin-top:22px;
      max-width:450px;
      color:rgba(255,255,255,.78);
      font-size:17px;
      line-height:1.62;
      letter-spacing:-0.018em;
      word-spacing:-0.02em;
      text-wrap:balance;
      text-wrap:pretty;
      opacity:0;
      transform:translateY(20px);
      animation:v5FadeUp .86s cubic-bezier(.16,1,.3,1) 1.14s forwards;
    }
    .hero-v5-sub .nowrap{
      white-space:nowrap;
    }
    .hero-v5-actions{
      display:flex;
      align-items:center;
      gap:20px;
      margin-top:30px;
      flex-wrap:wrap;
      opacity:0;
      transform:translateY(20px);
      animation:v5FadeUp .86s cubic-bezier(.16,1,.3,1) 1.32s forwards;
    }
    .hero-v5-bottom{
      position:absolute;
      left:min(7vw,72px);
      bottom:34px;
      z-index:6;
      display:flex;
      align-items:center;
      gap:13px;
      color:rgba(255,255,255,.68);
      font-size:10px;
      font-weight:900;
      letter-spacing:.09em;
      text-transform:uppercase;
    }
    @keyframes v5FadeUp{to{opacity:1;transform:translateY(0)}}

    @media (max-width:780px){
      .nav:not(.scrolled){display:none!important}
      .hero-v5{
        min-height:100svh;
        height:100svh;
      }
      .hero-v5 .hero-video{
        filter:saturate(.64) contrast(1.18) brightness(.66);
      }
      .hero-v5-top{
        height:78px;
        padding:0 20px;
      }
      .hero-logo-float{
        font-size:27px;
        letter-spacing:.13em;
      }
      .hero-menu-dot{
        height:34px;
        padding:0 12px;
        font-size:9px;
      }
      .hero-v5-content{
        padding:0 22px 42px;
      }
      .hero-v5-eyebrow{
        font-size:9px;
        letter-spacing:.12em;
        margin-bottom:14px;
      }
      .hero-v5-title{
        font-size:clamp(54px,18.5vw,92px);
        line-height:.88;
        max-width:98%;
      }
      .hero-v5-sub{
        margin-top:36px;
        max-width:325px;
        font-size:14px;
        line-height:1.58;
        letter-spacing:-0.015em;
        word-spacing:-0.02em;
      }
      .hero-v5-actions{
        margin-top:23px;
        gap:13px;
      }
      .hero-v5-actions .btn-primary{
        min-height:47px;
        border-radius:999px;
        padding:0 20px;
        font-size:10px;
      }
      .hero-v5-actions .play{
        font-size:9px;
        gap:10px;
      }
      .hero-v5-actions .play i{
        width:40px;
        height:40px;
      }
      .hero-v5-bottom{
        left:22px;
        bottom:24px;
        font-size:8px;
        opacity:.74;
      }
      .hero-v5-bottom .mouse{
        width:15px;
        height:24px;
      }
    }
    /* AVVM V5 showreel sequence */
    .showreel-modal{
      position:fixed;
      inset:0;
      z-index:4500;
      display:none;
      align-items:center;
      justify-content:center;
      padding:22px;
    }
    .showreel-modal.on{display:flex}
    .showreel-backdrop{
      position:absolute;
      inset:0;
      background:rgba(0,0,0,.86);
      backdrop-filter:blur(24px);
    }
    .showreel-box{
      position:relative;
      z-index:2;
      width:min(980px,100%);
      background:#050505;
      border:1px solid rgba(255,255,255,.12);
      border-radius:22px;
      overflow:hidden;
      box-shadow:0 30px 100px rgba(0,0,0,.75);
    }
    .showreel-box video{
      display:block;
      width:100%;
      max-height:78svh;
      background:#000;
    }
    .showreel-x{
      position:absolute;
      right:12px;
      top:12px;
      z-index:3;
      width:42px;
      height:42px;
      border-radius:50%;
      border:1px solid rgba(255,255,255,.18);
      background:rgba(0,0,0,.42);
      color:#050505;
      font-size:24px;
      cursor:pointer;
      backdrop-filter:blur(8px);
    }
    .showreel-caption{
      padding:14px 18px 16px;
      color:rgba(255,255,255,.66);
      font-size:11px;
      font-weight:800;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    @media(max-width:780px){
      .showreel-modal{padding:0}
      .showreel-box{width:100%;height:100%;border-radius:0;border:0;display:flex;flex-direction:column;justify-content:center}
      .showreel-box video{max-height:calc(100svh - 58px);object-fit:contain}
      .showreel-caption{text-align:center;font-size:9px}
    }


    .video-fallback .hero-v5{
      background:
        radial-gradient(ellipse at 70% 40%,rgba(216,242,51,.12),transparent 28%),
        linear-gradient(135deg,#050505,#101010 55%,#030303);
    }


    /* AVVM V5 demo action section */
    .demo-action{
      position:relative;
      padding:96px 0;
      background:
        radial-gradient(ellipse at 70% 35%,rgba(216,242,51,.08),transparent 30%),
        linear-gradient(180deg,#050505,#080808 56%,#050505);
      border-top:1px solid rgba(255,255,255,.08);
      border-bottom:1px solid rgba(255,255,255,.08);
      overflow:hidden;
    }
    .demo-action:before{
      content:"";
      position:absolute;
      inset:0;
      opacity:.14;
      background:linear-gradient(90deg,transparent,rgba(216,242,51,.08),transparent);
      pointer-events:none;
    }
    .demo-grid{
      position:relative;
      z-index:2;
      display:grid;
      grid-template-columns:.86fr 1.14fr;
      gap:42px;
      align-items:center;
    }
    .demo-eyebrow{
      color:var(--lime);
      font-size:11px;
      font-weight:900;
      letter-spacing:.14em;
      text-transform:uppercase;
      margin-bottom:18px;
    }
    .demo-title{
      font-family:"Bebas Neue",Inter,sans-serif;
      font-size:clamp(56px,6.2vw,104px);
      line-height:.9;
      letter-spacing:.015em;
      text-transform:uppercase;
      text-shadow:0 18px 54px rgba(0,0,0,.65);
    }
    .demo-copy{
      margin-top:22px;
      max-width:420px;
      color:rgba(255,255,255,.68);
      font-size:16px;
      line-height:1.72;
    }
    .demo-meta{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-top:26px;
    }
    .demo-chip{
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.035);
      color:rgba(255,255,255,.74);
      border-radius:999px;
      padding:8px 12px;
      font-size:10px;
      font-weight:900;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    .demo-card{
      position:relative;
      border-radius:28px;
      overflow:hidden;
      background:#050505;
      border:1px solid rgba(255,255,255,.14);
      box-shadow:0 28px 88px rgba(0,0,0,.56),0 0 0 1px rgba(216,242,51,.05);
      min-height:0;
      aspect-ratio:4/5;
    }
    .demo-card video{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      filter:saturate(.82) contrast(1.12) brightness(.86);
    }
    .demo-card:after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(to bottom,rgba(0,0,0,.08),rgba(0,0,0,.14) 52%,rgba(0,0,0,.58));
      pointer-events:none;
    }
    .demo-card-caption{
      position:absolute;
      z-index:3;
      left:22px;
      right:22px;
      bottom:20px;
      display:flex;
      justify-content:space-between;
      gap:18px;
      align-items:flex-end;
      color:#050505;
    }
    .demo-card-caption b{
      display:block;
      font-size:12px;
      letter-spacing:.12em;
      text-transform:uppercase;
      color:var(--lime);
      margin-bottom:5px;
    }
    .demo-card-caption span{
      color:rgba(255,255,255,.74);
      font-size:13px;
    }
    .demo-play{
      width:52px;
      height:52px;
      border-radius:50%;
      border:1px solid rgba(255,255,255,.18);
      background:rgba(0,0,0,.36);
      color:#050505;
      display:grid;
      place-items:center;
      font-size:18px;
      backdrop-filter:blur(10px);
      flex:0 0 auto;
      cursor:pointer;
    }
    @media(max-width:900px){
      .demo-action{padding:72px 0}
      .demo-grid{grid-template-columns:1fr;gap:28px}
      .demo-card{min-height:0;aspect-ratio:4/5;border-radius:22px}
      .demo-copy{font-size:14px}
    }


    .pricing-note{
      margin-top:22px;
      color:rgba(255,255,255,.56);
      font-size:12px;
      line-height:1.7;
      text-align:center;
    }


    /* AVVM mobile fix: brighter hero video + scrollable order modal */
    .hero-video,
    .hero-v5 .hero-video{
      filter:saturate(.78) contrast(1.12) brightness(.88) !important;
      opacity:1 !important;
    }
    .hero-v5-overlay{
      background:
        radial-gradient(ellipse at 55% 18%,rgba(255,255,255,.10),transparent 24%),
        radial-gradient(ellipse at 75% 45%,rgba(216,242,51,.09),transparent 28%),
        linear-gradient(to bottom,rgba(0,0,0,.20) 0%,rgba(0,0,0,.10) 34%,rgba(0,0,0,.42) 70%,rgba(0,0,0,.78) 100%) !important;
    }
    .hero:before{
      background:
        radial-gradient(ellipse at 70% 45%,rgba(255,255,255,.10),transparent 24%),
        radial-gradient(ellipse at 20% 50%,rgba(0,0,0,.02),rgba(0,0,0,.42) 56%,rgba(0,0,0,.66)),
        linear-gradient(to bottom,rgba(0,0,0,.18),rgba(0,0,0,.10) 48%,rgba(0,0,0,.56)) !important;
    }

    /* Make project/order modal scroll on iPhone */
    .modal,
    .order-modal,
    .pay-modal,
    .project-modal,
    [role="dialog"]{
      max-height:100svh !important;
      overflow-y:auto !important;
      -webkit-overflow-scrolling:touch !important;
    }
    .modal-box,
    .order-box,
    .pay-modal,
    .project-box,
    .modal-content{
      max-height:calc(100svh - 24px) !important;
      overflow-y:auto !important;
      -webkit-overflow-scrolling:touch !important;
      padding-bottom:calc(36px + env(safe-area-inset-bottom)) !important;
    }
    body.modal-open{
      overflow:hidden;
    }

    @media(max-width:780px){
      .hero-video,
      .hero-v5 .hero-video{
        filter:saturate(.82) contrast(1.10) brightness(.94) !important;
      }
      .hero-v5-overlay{
        background:
          radial-gradient(ellipse at 55% 18%,rgba(255,255,255,.12),transparent 24%),
          radial-gradient(ellipse at 75% 45%,rgba(216,242,51,.10),transparent 28%),
          linear-gradient(to bottom,rgba(0,0,0,.16) 0%,rgba(0,0,0,.08) 34%,rgba(0,0,0,.36) 70%,rgba(0,0,0,.72) 100%) !important;
      }
      .modal-box,
      .order-box,
      .pay-modal,
      .project-box,
      .modal-content{
        width:100% !important;
        max-height:calc(100svh - 12px) !important;
        overflow-y:auto !important;
        padding-bottom:calc(46px + env(safe-area-inset-bottom)) !important;
      }
      input, textarea, select{
        font-size:16px !important;
      }
    }


    /* Detail page sequential 50% -> 120% downflow loop */
    .detail-flow-zone{
      position:relative;
      overflow:hidden;
    }
    .detail-flow-stack{
      position:relative;
      margin:18px 0 22px;
      padding:10px 0 14px;
      display:flex;
      flex-direction:column;
      gap:2px;
      overflow:hidden;
      isolation:isolate;
      min-height:285px;
    }
    .detail-flow-line{
      position:relative;
      display:block;
      font-family:"Bebas Neue", sans-serif;
      font-size:clamp(44px, 7vw, 82px);
      line-height:.9;
      letter-spacing:.02em;
      color:#ffffff;
      opacity:0;
      transform:translateY(24px) scale(.5);
      transform-origin:left center;
      filter:blur(10px);
      text-shadow:0 18px 40px rgba(0,0,0,.58);
      will-change:transform,filter,opacity,color;
      animation:detailSequential120 4.4s cubic-bezier(.2,.86,.22,1) infinite both;
      z-index:2;
    }
    .detail-flow-line:nth-child(1){animation-delay:0s}
    .detail-flow-line:nth-child(2){animation-delay:.44s}
    .detail-flow-line:nth-child(3){animation-delay:.88s}
    .detail-flow-line:nth-child(4){animation-delay:1.32s}

    .detail-flow-line::after{
      content:"";
      position:absolute;
      left:-6%; right:8%; top:26%; height:46%;
      opacity:0;
      pointer-events:none;
      background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,.10) 22%, rgba(255,255,255,.34) 48%, rgba(255,255,255,.14) 68%, transparent 100%);
      filter:blur(18px);
      transform:translateY(10px) scaleX(.62);
      mix-blend-mode:screen;
      animation:detailSequentialGlow 4.4s cubic-bezier(.2,.86,.22,1) infinite both;
      z-index:1;
    }
    .detail-flow-line:nth-child(1)::after{animation-delay:0s}
    .detail-flow-line:nth-child(2)::after{animation-delay:.44s}
    .detail-flow-line:nth-child(3)::after{animation-delay:.88s}
    .detail-flow-line:nth-child(4)::after{animation-delay:1.32s}

    .detail-flow-scan{
      position:absolute;
      left:-6%; right:-6%; top:-8%;
      height:22%;
      pointer-events:none;
      background:linear-gradient(to bottom, transparent, rgba(255,255,255,.18), rgba(255,255,255,.08), transparent);
      filter:blur(22px);
      opacity:0;
      mix-blend-mode:screen;
      animation:detailSequentialBand 2.2s linear infinite;
      z-index:0;
    }

    @keyframes detailSequential120{
      0%{
        color:#111111;
        opacity:0;
        transform:translateY(24px) scale(.5);
        filter:blur(10px);
      }
      16%{
        color:#666666;
        opacity:.42;
        transform:translateY(12px) scale(.82);
        filter:blur(5px);
      }
      30%{
        color:#ffffff;
        opacity:1;
        transform:translateY(0px) scale(1.2);
        filter:blur(0px);
        text-shadow:0 0 18px rgba(255,255,255,.20), 0 18px 40px rgba(0,0,0,.58);
      }
      42%{
        color:#ffffff;
        opacity:1;
        transform:translateY(0px) scale(1);
        filter:blur(0px);
      }
      58%{
        color:#8a8a8a;
        opacity:.54;
        transform:translateY(-4px) scale(.82);
        filter:blur(3px);
      }
      74%,100%{
        color:#111111;
        opacity:0;
        transform:translateY(-10px) scale(.5);
        filter:blur(10px);
      }
    }
    @keyframes detailSequentialGlow{
      0%{opacity:0; transform:translateY(12px) scaleX(.58)}
      18%{opacity:.18; transform:translateY(6px) scaleX(.84)}
      30%{opacity:.82; transform:translateY(0) scaleX(1.1)}
      44%{opacity:.18; transform:translateY(-2px) scaleX(.92)}
      74%,100%{opacity:0; transform:translateY(-8px) scaleX(.62)}
    }
    @keyframes detailSequentialBand{
      0%{transform:translateY(0%); opacity:0}
      10%{opacity:.28}
      52%{transform:translateY(240%); opacity:.20}
      100%{transform:translateY(540%); opacity:0}
    }
    @media (max-width: 680px){
      .detail-flow-stack{gap:0; margin:14px 0 18px; min-height:220px}
      .detail-flow-line{font-size:clamp(34px, 11vw, 58px)}
      .detail-flow-line::after{left:-2%; right:0; filter:blur(12px)}
    }


    /* Keep sub copy and buttons normal. Only main title animates. */
    .hero-v5-sub{
      animation:v5FadeUp .86s cubic-bezier(.16,1,.3,1) 1.14s forwards!important;
      opacity:0;
      transform:translateY(20px)!important;
      filter:none!important;
    }
    .hero-v5-actions{
      animation:v5FadeUp .86s cubic-bezier(.16,1,.3,1) 1.32s forwards!important;
      opacity:0;
      transform:translateY(20px)!important;
      filter:none!important;
    }

    @keyframes heroSequential120{
      0%{
        color:#111111;
        opacity:0;
        transform:translateY(24px) scale(.5);
        filter:blur(10px);
      }
      16%{
        color:#666666;
        opacity:.42;
        transform:translateY(12px) scale(.82);
        filter:blur(5px);
      }
      30%{
        color:#ffffff;
        opacity:1;
        transform:translateY(0px) scale(1.2);
        filter:blur(0px);
        text-shadow:0 0 18px rgba(255,255,255,.20), 0 18px 40px rgba(0,0,0,.58);
      }
      42%{
        color:#ffffff;
        opacity:1;
        transform:translateY(0px) scale(1);
        filter:blur(0px);
      }
      58%{
        color:#8a8a8a;
        opacity:.54;
        transform:translateY(-4px) scale(.82);
        filter:blur(3px);
      }
      74%,100%{
        color:#111111;
        opacity:0;
        transform:translateY(-10px) scale(.5);
        filter:blur(10px);
      }
    }
    @keyframes heroSequentialGlow{
      0%{opacity:0; transform:translateY(12px) scaleX(.58)}
      18%{opacity:.18; transform:translateY(6px) scaleX(.84)}
      30%{opacity:.82; transform:translateY(0) scaleX(1.1)}
      44%{opacity:.18; transform:translateY(-2px) scaleX(.92)}
      74%,100%{opacity:0; transform:translateY(-8px) scaleX(.62)}
    }
    @keyframes heroSubLoop{
      0%,18%{opacity:0;transform:translateY(18px) scale(.7);filter:blur(8px)}
      34%{opacity:.85;transform:translateY(6px) scale(1.06);filter:blur(1px)}
      46%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
      66%{opacity:.5;transform:translateY(-3px) scale(.88);filter:blur(3px)}
      82%,100%{opacity:0;transform:translateY(-10px) scale(.7);filter:blur(8px)}
    }
    @media (max-width:780px){
      .hero-v5-title.hero-main-sequential{font-size:clamp(62px,17vw,118px)}
    }


    .static-detail .detail-flow-line{
      animation:none!important;
      opacity:.85!important;
      transform:none!important;
      filter:none!important;
      color:#f5f5f5!important;
      font-size:clamp(24px,4vw,40px)!important;
    }
    .static-detail .detail-flow-line::after,
    .static-detail .detail-flow-scan{display:none!important}
    .static-detail{min-height:auto!important;gap:8px!important}


    /* AVVM V5 — fixed continuous hero title loop */
    .hero-v5-title.hero-loop-title{
      line-height:.86;
      position:relative;
      isolation:isolate;
    }
    .hero-v5-title.hero-loop-title span{
      display:block;
      position:relative;
      color:#050505;
      opacity:0;
      transform-origin:left center;
      transform:translateY(20px) scale(.5);
      filter:blur(10px);
      will-change:transform, opacity, filter, color;
      text-shadow:none;
    }

    .hero-v5-title.hero-loop-title span:nth-child(1){
      animation:heroLineOne 4.8s cubic-bezier(.2,.86,.22,1) infinite;
    }
    .hero-v5-title.hero-loop-title span:nth-child(2){
      animation:heroLineTwo 4.8s cubic-bezier(.2,.86,.22,1) infinite;
    }
    .hero-v5-title.hero-loop-title span:nth-child(3){
      animation:heroLineThree 4.8s cubic-bezier(.2,.86,.22,1) infinite;
    }
    .hero-v5-title.hero-loop-title span:nth-child(4){
      animation:heroLineFour 4.8s cubic-bezier(.2,.86,.22,1) infinite;
    }

    .hero-v5-title.hero-loop-title span::after{
      content:"";
      position:absolute;
      left:-4%;
      right:4%;
      top:30%;
      height:42%;
      opacity:0;
      pointer-events:none;
      background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),rgba(216,242,51,.12),transparent);
      filter:blur(16px);
      mix-blend-mode:screen;
    }
    .hero-v5-title.hero-loop-title span:nth-child(1)::after{animation:heroGlowOne 4.8s infinite}
    .hero-v5-title.hero-loop-title span:nth-child(2)::after{animation:heroGlowTwo 4.8s infinite}
    .hero-v5-title.hero-loop-title span:nth-child(3)::after{animation:heroGlowThree 4.8s infinite}
    .hero-v5-title.hero-loop-title span:nth-child(4)::after{animation:heroGlowFour 4.8s infinite}

    @keyframes heroLineOne{
      0%{color:#050505;opacity:0;transform:translateY(20px) scale(.5);filter:blur(10px)}
      6%{color:#777;opacity:.55;transform:translateY(8px) scale(.86);filter:blur(4px)}
      12%{color:#fff;opacity:1;transform:translateY(0) scale(1.2);filter:blur(0)}
      20%{color:#fff;opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
      28%{color:#050505;opacity:0;transform:translateY(-8px) scale(.5);filter:blur(10px)}
      100%{color:#050505;opacity:0;transform:translateY(-8px) scale(.5);filter:blur(10px)}
    }
    @keyframes heroLineTwo{
      0%,22%{color:#050505;opacity:0;transform:translateY(20px) scale(.5);filter:blur(10px)}
      28%{color:#777;opacity:.55;transform:translateY(8px) scale(.86);filter:blur(4px)}
      34%{color:#fff;opacity:1;transform:translateY(0) scale(1.2);filter:blur(0)}
      42%{color:#fff;opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
      50%{color:#050505;opacity:0;transform:translateY(-8px) scale(.5);filter:blur(10px)}
      100%{color:#050505;opacity:0;transform:translateY(-8px) scale(.5);filter:blur(10px)}
    }
    @keyframes heroLineThree{
      0%,44%{color:#050505;opacity:0;transform:translateY(20px) scale(.5);filter:blur(10px)}
      50%{color:#777;opacity:.55;transform:translateY(8px) scale(.86);filter:blur(4px)}
      56%{color:#fff;opacity:1;transform:translateY(0) scale(1.2);filter:blur(0)}
      64%{color:#fff;opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
      72%{color:#050505;opacity:0;transform:translateY(-8px) scale(.5);filter:blur(10px)}
      100%{color:#050505;opacity:0;transform:translateY(-8px) scale(.5);filter:blur(10px)}
    }
    @keyframes heroLineFour{
      0%,66%{color:#050505;opacity:0;transform:translateY(20px) scale(.5);filter:blur(10px)}
      72%{color:#777;opacity:.55;transform:translateY(8px) scale(.86);filter:blur(4px)}
      78%{color:#fff;opacity:1;transform:translateY(0) scale(1.2);filter:blur(0)}
      86%{color:#fff;opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
      94%,100%{color:#050505;opacity:0;transform:translateY(-8px) scale(.5);filter:blur(10px)}
    }

    @keyframes heroGlowOne{
      0%,28%,100%{opacity:0;transform:scaleX(.55)}
      12%{opacity:.8;transform:scaleX(1.1)}
      20%{opacity:.18;transform:scaleX(.92)}
    }
    @keyframes heroGlowTwo{
      0%,22%,50%,100%{opacity:0;transform:scaleX(.55)}
      34%{opacity:.8;transform:scaleX(1.1)}
      42%{opacity:.18;transform:scaleX(.92)}
    }
    @keyframes heroGlowThree{
      0%,44%,72%,100%{opacity:0;transform:scaleX(.55)}
      56%{opacity:.8;transform:scaleX(1.1)}
      64%{opacity:.18;transform:scaleX(.92)}
    }
    @keyframes heroGlowFour{
      0%,66%,94%,100%{opacity:0;transform:scaleX(.55)}
      78%{opacity:.8;transform:scaleX(1.1)}
      86%{opacity:.18;transform:scaleX(.92)}
    }

    /* subcopy and buttons stay visible, no loop */
    .hero-v5-sub{
      animation:v5FadeUp .86s cubic-bezier(.16,1,.3,1) 1.14s forwards!important;
      opacity:0;
      transform:translateY(20px)!important;
      filter:none!important;
    }
    .hero-v5-actions{
      animation:v5FadeUp .86s cubic-bezier(.16,1,.3,1) 1.32s forwards!important;
      opacity:0;
      transform:translateY(20px)!important;
      filter:none!important;
    }
    @media(max-width:780px){
      .hero-v5-title.hero-loop-title{font-size:clamp(58px,16vw,108px)}
    }


    /* AVVM form input visibility fix */
    input,
    textarea,
    select,
    .field{
      color:#f5f5f5 !important;
      -webkit-text-fill-color:#f5f5f5 !important;
      caret-color:#d8f233 !important;
      background:rgba(0,0,0,.72) !important;
      border-color:rgba(255,255,255,.16) !important;
    }
    input::placeholder,
    textarea::placeholder,
    .field::placeholder{
      color:rgba(255,255,255,.48) !important;
      -webkit-text-fill-color:rgba(255,255,255,.48) !important;
    }
    input:focus,
    textarea:focus,
    select:focus,
    .field:focus{
      color:#ffffff !important;
      -webkit-text-fill-color:#ffffff !important;
      border-color:#d8f233 !important;
      box-shadow:0 0 0 2px rgba(216,242,51,.22), 0 0 24px rgba(216,242,51,.12) !important;
      outline:none !important;
    }
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    textarea:-webkit-autofill,
    textarea:-webkit-autofill:hover,
    textarea:-webkit-autofill:focus{
      -webkit-text-fill-color:#ffffff !important;
      caret-color:#d8f233 !important;
      transition:background-color 9999s ease-in-out 0s !important;
      box-shadow:0 0 0 1000px #050505 inset !important;
    }
    .modal-card,
    .form-body{
      color:#f5f5f5 !important;
    }
    @media(max-width:780px){
      input,
      textarea,
      select,
      .field{
        font-size:16px !important;
      }
    }


    /* AVVM order API status */
    .api-status-note{
      margin-top:12px;
      font-size:12px;
      line-height:1.6;
      color:rgba(216,242,51,.82);
      text-align:center;
    }


    /* AVVM sample work: FANCL cleansing oil */
    .sample-work{
      padding:92px 0;
      background:
        radial-gradient(ellipse at 68% 30%,rgba(150,210,255,.10),transparent 30%),
        linear-gradient(180deg,#050505,#071016 50%,#050505);
      border-top:1px solid rgba(255,255,255,.08);
      border-bottom:1px solid rgba(255,255,255,.08);
      overflow:hidden;
    }
    .sample-grid{
      display:grid;
      grid-template-columns:.92fr 1.08fr;
      gap:40px;
      align-items:center;
    }
    .sample-eyebrow{
      color:var(--lime);
      font-size:11px;
      font-weight:900;
      letter-spacing:.14em;
      text-transform:uppercase;
      margin-bottom:18px;
    }
    .sample-title{
      font-family:"Bebas Neue",Inter,sans-serif;
      font-size:clamp(56px,6vw,102px);
      line-height:.9;
      letter-spacing:.015em;
      text-transform:uppercase;
      text-shadow:0 18px 54px rgba(0,0,0,.65);
    }
    .sample-copy{
      margin-top:22px;
      color:rgba(255,255,255,.68);
      font-size:16px;
      line-height:1.72;
      max-width:450px;
    }
    .sample-tags{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-top:26px;
    }
    .sample-tag{
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.035);
      color:rgba(255,255,255,.74);
      border-radius:999px;
      padding:8px 12px;
      font-size:10px;
      font-weight:900;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    .sample-card{
      position:relative;
      border-radius:28px;
      overflow:hidden;
      background:#050505;
      border:1px solid rgba(255,255,255,.14);
      box-shadow:0 28px 88px rgba(0,0,0,.56),0 0 0 1px rgba(216,242,51,.05);
      min-height:540px;
    }
    .sample-card video{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      filter:saturate(.92) contrast(1.08) brightness(.92);
    }
    .sample-card:after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(to bottom,rgba(0,0,0,.04),rgba(0,0,0,.12) 52%,rgba(0,0,0,.64));
      pointer-events:none;
    }
    .sample-caption{
      position:absolute;
      z-index:3;
      left:22px;
      right:22px;
      bottom:20px;
      display:flex;
      justify-content:space-between;
      gap:18px;
      align-items:flex-end;
      color:#fff;
    }
    .sample-caption b{
      display:block;
      font-size:12px;
      letter-spacing:.12em;
      text-transform:uppercase;
      color:var(--lime);
      margin-bottom:5px;
    }
    .sample-caption span{
      color:rgba(255,255,255,.74);
      font-size:13px;
    }
    .sample-play{
      width:52px;
      height:52px;
      border-radius:50%;
      border:1px solid rgba(255,255,255,.18);
      background:rgba(0,0,0,.36);
      color:#fff;
      display:grid;
      place-items:center;
      font-size:18px;
      backdrop-filter:blur(10px);
      flex:0 0 auto;
      cursor:pointer;
    }
    .sample-board{
      margin-top:18px;
      border-radius:16px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.10);
      background:#111;
      max-width:460px;
    }
    .sample-board img{
      display:block;
      width:100%;
      height:auto;
      opacity:.92;
    }
    .beauty-direction-flow{
      padding:17px;
      background:
        radial-gradient(circle at 100% 0,rgba(137,220,255,.18),transparent 38%),
        linear-gradient(135deg,rgba(5,23,32,.98),rgba(4,8,13,.98));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 16px 36px rgba(0,0,0,.18);
    }
    .beauty-flow-head{
      display:grid;
      gap:5px;
      padding-bottom:14px;
      border-bottom:1px solid rgba(180,233,255,.18);
    }
    .beauty-flow-head span,
    .beauty-flow-step em{
      color:#9deaff;
      font-size:9px;
      font-style:normal;
      font-weight:900;
      letter-spacing:.14em;
      line-height:1.2;
      text-transform:uppercase;
    }
    .beauty-flow-head b{
      color:#f6fbff;
      font-size:14px;
      letter-spacing:-.02em;
      line-height:1.35;
    }
    .beauty-flow-list{
      display:grid;
      gap:0;
      list-style:none;
      margin:0;
      padding:0;
    }
    .beauty-flow-step{
      display:grid;
      grid-template-columns:86px 1fr 1fr;
      gap:11px;
      padding:13px 0;
      border-bottom:1px solid rgba(255,255,255,.08);
    }
    .beauty-flow-step:last-child{border-bottom:0;padding-bottom:0}
    .beauty-flow-time{
      color:var(--lime);
      font-size:9px;
      font-weight:900;
      letter-spacing:.06em;
      line-height:1.45;
    }
    .beauty-flow-step div{min-width:0}
    .beauty-flow-step p{
      margin:5px 0 0;
      color:rgba(239,249,255,.72);
      font-size:10px;
      line-height:1.48;
      word-break:keep-all;
    }
    @media(max-width:900px){
      .sample-work{padding:72px 0}
      .sample-grid{grid-template-columns:1fr;gap:28px}
      .sample-card{min-height:72svh;border-radius:22px}
      .sample-copy{font-size:14px}
      .beauty-flow-step{grid-template-columns:86px 1fr 1fr}
    }
    @media(max-width:520px){
      .beauty-flow-step{grid-template-columns:1fr 1fr;gap:8px 12px}
      .beauty-flow-time{grid-column:1/-1}
    }


    /* AVVM Global language + currency */
    .lang-switcher{
      display:flex;
      gap:6px;
      align-items:center;
      justify-content:center;
      flex-wrap:wrap;
    }
    .lang-switcher button{
      height:28px;
      min-width:34px;
      padding:0 8px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.16);
      background:rgba(255,255,255,.045);
      color:rgba(255,255,255,.72);
      font-size:10px;
      font-weight:900;
      letter-spacing:.04em;
      cursor:pointer;
    }
    .lang-switcher button.active{
      background:var(--lime);
      color:#050505;
      border-color:var(--lime);
    }
    .hero-top-actions{
      display:flex;
      align-items:center;
      gap:10px;
    }
    .krw-note{
      display:block;
      margin-top:6px;
      font-size:11px;
      line-height:1.5;
      color:rgba(255,255,255,.55);
    }
    [dir-text="rtl"]{
      direction:rtl;
      text-align:right;
    }
    [dir-text="rtl"] .hero-v5-title span,
    [dir-text="rtl"] .headline span{
      transform-origin:right center;
    }
    @media(max-width:780px){
      .nav .lang-switcher{display:none}
      .hero-top-actions .lang-switcher button{
        height:26px;
        min-width:30px;
        padding:0 6px;
        font-size:9px;
      }
    }


    /* AVVM UX helper tooltips */
    .has-help{
      position:relative;
    }
    .avvm-help-tip{
      position:fixed;
      z-index:9000;
      max-width:260px;
      padding:9px 11px;
      border-radius:10px;
      background:rgba(42,46,48,.94);
      color:rgba(245,245,245,.88);
      border:1px solid rgba(255,255,255,.10);
      box-shadow:0 14px 40px rgba(0,0,0,.38);
      font-size:11px;
      line-height:1.45;
      letter-spacing:-.01em;
      backdrop-filter:blur(12px);
      pointer-events:none;
      opacity:0;
      transform:translateY(6px);
      transition:opacity .18s ease, transform .18s ease;
    }
    .avvm-help-tip.on{
      opacity:1;
      transform:translateY(0);
    }
    .footer-links button{
      border:0;
      background:transparent;
      color:rgba(255,255,255,.72);
      font:inherit;
      font-size:12px;
      font-weight:800;
      text-transform:uppercase;
      cursor:pointer;
      padding:0;
    }
    .footer-links button:hover{
      color:var(--lime);
    }

    /* AVVM legal modal */
    .legal-modal{
      position:fixed;
      inset:0;
      z-index:9200;
      display:none;
      align-items:center;
      justify-content:center;
      padding:18px;
    }
    .legal-modal.on{
      display:flex;
    }
    .legal-backdrop{
      position:absolute;
      inset:0;
      background:rgba(0,0,0,.78);
      backdrop-filter:blur(14px);
    }
    .legal-panel{
      position:relative;
      z-index:2;
      width:min(860px,100%);
      max-height:86svh;
      overflow:auto;
      border-radius:22px;
      border:1px solid rgba(255,255,255,.12);
      background:#080808;
      color:#f5f5f5;
      box-shadow:0 30px 100px rgba(0,0,0,.72);
      padding:28px;
      -webkit-overflow-scrolling:touch;
    }
    .legal-close{
      position:absolute;
      top:14px;
      right:14px;
      width:38px;
      height:38px;
      border-radius:50%;
      border:1px solid rgba(255,255,255,.16);
      background:rgba(255,255,255,.04);
      color:#fff;
      font-size:24px;
      cursor:pointer;
    }
    .legal-panel h2{
      font-family:"Bebas Neue",Inter,sans-serif;
      font-size:48px;
      line-height:.95;
      margin-bottom:18px;
      letter-spacing:.02em;
    }
    .legal-panel h3{
      margin-top:24px;
      margin-bottom:8px;
      color:var(--lime);
      font-size:13px;
      text-transform:uppercase;
      letter-spacing:.08em;
    }
    .legal-panel p,
    .legal-panel li{
      color:rgba(255,255,255,.72);
      font-size:13px;
      line-height:1.75;
    }
    .legal-panel ul{
      padding-left:18px;
    }
    .legal-disclaimer{
      margin-top:22px;
      padding:12px;
      border-radius:12px;
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.08);
      color:rgba(255,255,255,.58);
      font-size:12px;
      line-height:1.65;
    }
    @media(max-width:780px){
      .avvm-help-tip{
        max-width:230px;
        font-size:10.5px;
      }
      .legal-panel{
        padding:24px 18px;
        border-radius:18px;
        max-height:88svh;
      }
      .legal-panel h2{
        font-size:40px;
      }
    }


    /* AVVM logo visibility fix */
    .avvm-text-logo,
    .hero-logo-float,
    .nav .avvm-text-logo,
    .footer-logo{
      color:#f5f5f5 !important;
      -webkit-text-fill-color:#f5f5f5 !important;
      background:none !important;
      -webkit-background-clip:initial !important;
      background-clip:initial !important;
      font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
      font-weight:950 !important;
      letter-spacing:.11em !important;
      text-decoration:none !important;
      text-shadow:
        0 1px 0 rgba(255,255,255,.28),
        0 10px 28px rgba(0,0,0,.62),
        0 0 18px rgba(255,255,255,.12) !important;
      filter:none !important;
    }
    .avvm-text-logo::after,
    .hero-logo-float::after{
      content:"";
      display:block;
      height:2px;
      width:92%;
      margin-top:4px;
      background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
      opacity:.72;
    }
    .footer-logo{
      font-size:38px !important;
    }


    /* AVVM launch clarity sections */
    .clarity-section{position:relative;z-index:3;padding:96px min(7vw,72px);background:#060606;border-top:1px solid rgba(255,255,255,.06)}
    .clarity-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:start;max-width:1180px;margin:0 auto}
    .clarity-kicker{color:var(--lime);font-size:11px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px}
    .clarity-title{font-family:"Bebas Neue",Inter,sans-serif;font-size:clamp(56px,7.2vw,108px);line-height:.88;letter-spacing:.015em;text-transform:uppercase;color:#f5f5f5;margin:0}
    .clarity-copy{margin-top:20px;color:rgba(255,255,255,.68);font-size:15px;line-height:1.75;max-width:620px}
    .clarity-cards{display:grid;gap:12px}
    .clarity-card{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);border-radius:18px;padding:18px}
    .clarity-card strong{display:block;color:#f5f5f5;font-size:13px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
    .clarity-card p{margin:0;color:rgba(255,255,255,.64);font-size:13px;line-height:1.65}
    .trust-strip{position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.06);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
    .trust-item{background:#070707;padding:22px min(3vw,30px)}
    .trust-item b{display:block;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}
    .trust-item span{color:rgba(255,255,255,.58);font-size:12px;line-height:1.5}
    .spec-table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.025)}
    .spec-table th,.spec-table td{padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.07);color:rgba(255,255,255,.7);font-size:12px;text-align:left}
    .spec-table th{color:#fff;text-transform:uppercase;letter-spacing:.07em;background:rgba(255,255,255,.045)}
    .spec-table tr:last-child td{border-bottom:0}
    .spec-yes{color:var(--lime)!important;font-weight:900}
    .spec-option{color:rgba(255,255,255,.9)!important}
    .preview-box{border:1px solid rgba(216,242,51,.28);background:linear-gradient(135deg,rgba(216,242,51,.08),rgba(255,255,255,.03));border-radius:24px;padding:24px;min-height:260px;display:flex;flex-direction:column;justify-content:space-between}
    .preview-pill{display:inline-flex;width:max-content;padding:7px 10px;border-radius:999px;border:1px solid rgba(216,242,51,.25);color:var(--lime);font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.1em}
    .preview-box h3{font-family:"Bebas Neue",Inter,sans-serif;font-size:54px;line-height:.92;margin:18px 0 12px}
    .preview-box p{color:rgba(255,255,255,.66);font-size:13px;line-height:1.7}
    .business-info{margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.48);font-size:11px;line-height:1.75}
    .business-info b{color:rgba(255,255,255,.78)}
    @media(max-width:860px){.clarity-section{padding:76px 22px}.clarity-grid{grid-template-columns:1fr}.trust-strip{grid-template-columns:1fr 1fr}.spec-table{display:block;overflow-x:auto}}
    @media(max-width:560px){.trust-strip{grid-template-columns:1fr}}


    /* AVVM portfolio + language fix */
    .portfolio-global{position:relative;z-index:4;padding:96px min(7vw,72px);background:#050505;border-top:1px solid rgba(255,255,255,.06)}
    .portfolio-global-head{max-width:1180px;margin:0 auto 34px;display:grid;grid-template-columns:1fr .8fr;gap:26px;align-items:end}
    .portfolio-global h2{font-family:"Bebas Neue",Inter,sans-serif;font-size:clamp(58px,7.5vw,112px);line-height:.88;margin:0;color:#f5f5f5;text-transform:uppercase}
    .portfolio-global p{color:rgba(255,255,255,.64);font-size:14px;line-height:1.75;margin:0}
    .portfolio-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .portfolio-card{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);border-radius:22px;overflow:hidden;min-height:360px;display:flex;flex-direction:column}
    /* Most portfolio masters are delivered in native 16:9.  Keeping that
       frame avoids enlarging/cropping a 960px source into a tall card. */
    .portfolio-card video{width:100%;aspect-ratio:16/9;object-fit:cover;background:#111;display:block}
    .portfolio-card--portrait video{aspect-ratio:3/4}
    .portfolio-card-body{padding:16px}
    .portfolio-card small{display:block;color:var(--lime);font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
    .portfolio-card h3{margin:0 0 8px;color:#fff;font-size:17px;line-height:1.15;text-transform:uppercase;letter-spacing:.02em}
    .portfolio-card p{font-size:12px;line-height:1.58;color:rgba(255,255,255,.58)}
    @media(max-width:900px){.portfolio-global{padding:76px 22px}.portfolio-global-head{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:560px){.portfolio-grid{grid-template-columns:1fr}.portfolio-card video{aspect-ratio:16/9}.portfolio-card--portrait video{aspect-ratio:3/4}}


    /* AVVM language layout fixed */
    .lang-switcher{
      display:grid !important;
      grid-template-columns:repeat(5,58px) !important;
      grid-auto-rows:58px !important;
      gap:8px 10px !important;
      align-items:center !important;
      justify-content:center !important;
    }
    .lang-switcher button{
      width:58px !important;
      height:58px !important;
      min-width:58px !important;
      border-radius:999px !important;
      padding:0 !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      font-size:14px !important;
      letter-spacing:.16em !important;
    }
    .lang-switcher button:nth-child(6){grid-column:2}
    .lang-switcher button:nth-child(7){grid-column:3}
    .lang-switcher button:nth-child(8){grid-column:4}
    .lang-switcher button:nth-child(9){grid-column:5}
    @media(max-width:780px){
      .hero-top-actions .lang-switcher,
      .lang-switcher{
        grid-template-columns:repeat(5,38px) !important;
        grid-auto-rows:38px !important;
        gap:7px 7px !important;
      }
      .hero-top-actions .lang-switcher button,
      .lang-switcher button{
        width:38px !important;
        height:38px !important;
        min-width:38px !important;
        font-size:10px !important;
        letter-spacing:.12em !important;
      }
    }


    /* AVVM compact language position fix */
    .nav-inner{
      display:grid !important;
      grid-template-columns:auto 1fr auto !important;
      align-items:start !important;
      gap:22px !important;
    }
    .nav-inner > .lang-switcher{
      justify-self:center !important;
      margin-top:-2px !important;
    }
    .lang-switcher{
      display:grid !important;
      grid-template-columns:repeat(5,46px) !important;
      grid-auto-rows:46px !important;
      gap:8px 9px !important;
      align-items:center !important;
      justify-content:center !important;
      width:max-content !important;
      max-width:none !important;
    }
    .lang-switcher button{
      width:46px !important;
      height:46px !important;
      min-width:46px !important;
      border-radius:999px !important;
      padding:0 !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      font-size:11px !important;
      letter-spacing:.14em !important;
      line-height:1 !important;
    }
    .lang-switcher button:nth-child(6){grid-column:2 !important}
    .lang-switcher button:nth-child(7){grid-column:3 !important}
    .lang-switcher button:nth-child(8){grid-column:4 !important}
    .lang-switcher button:nth-child(9){grid-column:5 !important}
    .nav-cta{
      justify-self:end !important;
      margin-top:6px !important;
    }
    @media(max-width:980px){
      .nav-inner{
        grid-template-columns:auto 1fr auto !important;
        gap:12px !important;
      }
      .lang-switcher{
        grid-template-columns:repeat(5,38px) !important;
        grid-auto-rows:38px !important;
        gap:6px 6px !important;
      }
      .lang-switcher button{
        width:38px !important;
        height:38px !important;
        min-width:38px !important;
        font-size:9.5px !important;
        letter-spacing:.11em !important;
      }
    }
    @media(max-width:780px){
      .nav-inner > .lang-switcher{
        display:grid !important;
        margin-top:0 !important;
      }
      .nav-inner{
        grid-template-columns:auto 1fr auto !important;
        gap:8px !important;
      }
      .lang-switcher{
        grid-template-columns:repeat(5,32px) !important;
        grid-auto-rows:32px !important;
        gap:5px 5px !important;
      }
      .lang-switcher button{
        width:32px !important;
        height:32px !important;
        min-width:32px !important;
        font-size:8.5px !important;
        letter-spacing:.08em !important;
      }
      .avvm-text-logo,
      .hero-logo-float,
      .nav .avvm-text-logo{
        font-size:clamp(32px,8.5vw,54px) !important;
        letter-spacing:.08em !important;
      }
      .nav-cta .btn,
      .nav-cta button{
        min-height:42px !important;
        padding:0 18px !important;
        font-size:10px !important;
      }
    }
    @media(max-width:520px){
      .nav-inner{
        grid-template-columns:auto 1fr !important;
        grid-template-areas:
          "logo start"
          "langs langs" !important;
        row-gap:10px !important;
      }
      .nav-inner .logo,
      .nav-inner .avvm-text-logo{grid-area:logo !important}
      .nav-inner > .lang-switcher{
        grid-area:langs !important;
        justify-self:center !important;
      }
      .nav-cta{
        grid-area:start !important;
        align-self:center !important;
      }
      .lang-switcher{
        grid-template-columns:repeat(5,34px) !important;
        grid-auto-rows:34px !important;
        gap:6px 7px !important;
      }
      .lang-switcher button{
        width:34px !important;
        height:34px !important;
        min-width:34px !important;
        font-size:8.5px !important;
      }
      .lang-switcher button:nth-child(6){grid-column:2 !important}
      .lang-switcher button:nth-child(7){grid-column:3 !important}
      .lang-switcher button:nth-child(8){grid-column:4 !important}
      .lang-switcher button:nth-child(9){grid-column:5 !important}
    }


    /* AVVM restore original language layout with AR/PT swap */
    .nav-inner{
      display:grid !important;
      grid-template-columns:auto 1fr auto !important;
      align-items:start !important;
      gap:22px !important;
    }
    .nav-inner > .lang-switcher{
      display:grid !important;
      grid-template-columns:repeat(5,46px) !important;
      grid-auto-rows:46px !important;
      gap:8px 9px !important;
      justify-self:center !important;
      align-self:start !important;
      margin-top:-2px !important;
      width:max-content !important;
      max-width:none !important;
      position:relative !important;
      z-index:30 !important;
      opacity:1 !important;
      visibility:visible !important;
      transform:none !important;
    }
    .nav-inner > .lang-switcher button{
      width:46px !important;
      height:46px !important;
      min-width:46px !important;
      border-radius:999px !important;
      padding:0 !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      font-size:11px !important;
      letter-spacing:.14em !important;
      line-height:1 !important;
      grid-column:auto !important;
      opacity:1 !important;
      visibility:visible !important;
    }
    .nav-inner > .lang-switcher button:nth-child(6){grid-column:2 !important}
    .nav-inner > .lang-switcher button:nth-child(7){grid-column:3 !important}
    .nav-inner > .lang-switcher button:nth-child(8){grid-column:4 !important}
    .nav-inner > .lang-switcher button:nth-child(9){grid-column:5 !important}
    .nav-cta{
      justify-self:end !important;
      align-self:start !important;
      margin-top:6px !important;
      display:flex !important;
      flex-direction:row !important;
      z-index:35 !important;
    }
    .nav-cta .lang-switcher{
      display:none !important;
    }
    .hero-top-actions .lang-switcher,
    #heroLangSwitcher{
      display:none !important;
    }
    @media(max-width:980px){
      .nav-inner{
        grid-template-columns:auto 1fr auto !important;
        gap:12px !important;
      }
      .nav-inner > .lang-switcher{
        grid-template-columns:repeat(5,38px) !important;
        grid-auto-rows:38px !important;
        gap:6px 6px !important;
      }
      .nav-inner > .lang-switcher button{
        width:38px !important;
        height:38px !important;
        min-width:38px !important;
        font-size:9.5px !important;
        letter-spacing:.11em !important;
      }
    }
    @media(max-width:780px){
      .nav-inner{
        grid-template-columns:auto 1fr auto !important;
        gap:8px !important;
      }
      .nav-inner > .lang-switcher{
        display:grid !important;
        grid-template-columns:repeat(5,32px) !important;
        grid-auto-rows:32px !important;
        gap:5px 5px !important;
        margin-top:0 !important;
      }
      .nav-inner > .lang-switcher button{
        width:32px !important;
        height:32px !important;
        min-width:32px !important;
        font-size:8.5px !important;
        letter-spacing:.08em !important;
      }
      .nav-cta .btn,
      .nav-cta button{
        min-height:42px !important;
        padding:0 18px !important;
        font-size:10px !important;
      }
    }
    @media(max-width:520px){
      .nav-inner{
        grid-template-columns:auto 1fr !important;
        grid-template-areas:
          "logo start"
          "langs langs" !important;
        row-gap:10px !important;
      }
      .nav-inner .logo,
      .nav-inner .avvm-text-logo{grid-area:logo !important}
      .nav-inner > .lang-switcher{
        grid-area:langs !important;
        justify-self:center !important;
        grid-template-columns:repeat(5,34px) !important;
        grid-auto-rows:34px !important;
        gap:6px 7px !important;
      }
      .nav-inner > .lang-switcher button{
        width:34px !important;
        height:34px !important;
        min-width:34px !important;
        font-size:8.5px !important;
      }
      .nav-cta{
        grid-area:start !important;
        justify-self:end !important;
        align-self:center !important;
      }
    }


    /* AVVM final language layout: AR last */
    .nav-inner{
      display:grid !important;
      grid-template-columns:auto 1fr auto !important;
      align-items:start !important;
      gap:22px !important;
    }
    .nav-inner > .lang-switcher{
      display:grid !important;
      grid-template-columns:repeat(5,46px) !important;
      grid-auto-rows:46px !important;
      gap:8px 9px !important;
      justify-self:center !important;
      align-self:start !important;
      margin-top:-2px !important;
      width:max-content !important;
      max-width:none !important;
      position:relative !important;
      z-index:30 !important;
      opacity:1 !important;
      visibility:visible !important;
      transform:none !important;
    }
    .nav-inner > .lang-switcher button{
      width:46px !important;
      height:46px !important;
      min-width:46px !important;
      border-radius:999px !important;
      padding:0 !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      font-size:11px !important;
      letter-spacing:.14em !important;
      line-height:1 !important;
      grid-column:auto !important;
    }
    .nav-inner > .lang-switcher button:nth-child(6){grid-column:2 !important}
    .nav-inner > .lang-switcher button:nth-child(7){grid-column:3 !important}
    .nav-inner > .lang-switcher button:nth-child(8){grid-column:4 !important}
    .nav-inner > .lang-switcher button:nth-child(9){grid-column:5 !important}
    .nav-cta{
      justify-self:end !important;
      align-self:start !important;
      margin-top:6px !important;
      display:flex !important;
      flex-direction:row !important;
      z-index:35 !important;
    }
    .nav-cta .lang-switcher,
    .hero-top-actions .lang-switcher,
    #heroLangSwitcher{
      display:none !important;
    }
    @media(max-width:980px){
      .nav-inner{
        grid-template-columns:auto 1fr auto !important;
        gap:12px !important;
      }
      .nav-inner > .lang-switcher{
        grid-template-columns:repeat(5,38px) !important;
        grid-auto-rows:38px !important;
        gap:6px 6px !important;
      }
      .nav-inner > .lang-switcher button{
        width:38px !important;
        height:38px !important;
        min-width:38px !important;
        font-size:9.5px !important;
        letter-spacing:.11em !important;
      }
    }
    @media(max-width:780px){
      .nav-inner{
        grid-template-columns:auto 1fr auto !important;
        gap:8px !important;
      }
      .nav-inner > .lang-switcher{
        display:grid !important;
        grid-template-columns:repeat(5,32px) !important;
        grid-auto-rows:32px !important;
        gap:5px 5px !important;
        margin-top:0 !important;
      }
      .nav-inner > .lang-switcher button{
        width:32px !important;
        height:32px !important;
        min-width:32px !important;
        font-size:8.5px !important;
        letter-spacing:.08em !important;
      }
    }
    @media(max-width:520px){
      .nav-inner{
        grid-template-columns:auto 1fr !important;
        grid-template-areas:
          "logo start"
          "langs langs" !important;
        row-gap:10px !important;
      }
      .nav-inner .logo,
      .nav-inner .avvm-text-logo{grid-area:logo !important}
      .nav-inner > .lang-switcher{
        grid-area:langs !important;
        justify-self:center !important;
        grid-template-columns:repeat(5,34px) !important;
        grid-auto-rows:34px !important;
        gap:6px 7px !important;
      }
      .nav-inner > .lang-switcher button{
        width:34px !important;
        height:34px !important;
        min-width:34px !important;
        font-size:8.5px !important;
      }
      .nav-cta{
        grid-area:start !important;
        justify-self:end !important;
        align-self:center !important;
      }
    }


    /* AVVM always-visible language bar */
    .nav-inner > .lang-switcher,
    .hero-top-actions .lang-switcher,
    #heroLangSwitcher{
      display:none !important;
    }
    .global-lang-bar{
      position:fixed !important;
      top:calc(env(safe-area-inset-top, 0px) + 14px) !important;
      left:50% !important;
      transform:translateX(-50%) !important;
      z-index:99999 !important;
      display:grid !important;
      grid-template-columns:repeat(5,34px) !important;
      grid-auto-rows:34px !important;
      gap:5px 6px !important;
      width:max-content !important;
      padding:6px 8px !important;
      border-radius:22px !important;
      background:rgba(5,5,5,.58) !important;
      border:1px solid rgba(255,255,255,.10) !important;
      backdrop-filter:blur(14px) !important;
      -webkit-backdrop-filter:blur(14px) !important;
      box-shadow:0 12px 36px rgba(0,0,0,.38) !important;
    }
    .global-lang-bar button{
      width:34px !important;
      height:34px !important;
      min-width:34px !important;
      border-radius:999px !important;
      border:1px solid rgba(255,255,255,.18) !important;
      background:rgba(255,255,255,.06) !important;
      color:rgba(255,255,255,.78) !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      padding:0 !important;
      font-size:8.5px !important;
      line-height:1 !important;
      font-weight:950 !important;
      letter-spacing:.08em !important;
      opacity:1 !important;
      visibility:visible !important;
      cursor:pointer !important;
    }
    .global-lang-bar button.active{
      background:var(--lime,#D8F233) !important;
      color:#050505 !important;
      border-color:var(--lime,#D8F233) !important;
    }
    .global-lang-bar button:nth-child(6){grid-column:2 !important}
    .global-lang-bar button:nth-child(7){grid-column:3 !important}
    .global-lang-bar button:nth-child(8){grid-column:4 !important}
    .global-lang-bar button:nth-child(9){grid-column:5 !important}
    @media(max-width:520px){
      .global-lang-bar{
        top:calc(env(safe-area-inset-top, 0px) + 10px) !important;
        grid-template-columns:repeat(5,29px) !important;
        grid-auto-rows:29px !important;
        gap:4px 5px !important;
        padding:5px 6px !important;
      }
      .global-lang-bar button{
        width:29px !important;
        height:29px !important;
        min-width:29px !important;
        font-size:7.5px !important;
      }
      .nav{
        padding-top:68px !important;
      }
    }

    /* AVVM order option controls */
    .order-option-group{
      margin-top:14px;
      padding:13px;
      border-radius:16px;
      border:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.035);
    }
    .order-option-title{
      color:rgba(255,255,255,.82);
      font-size:11px;
      font-weight:950;
      letter-spacing:.09em;
      text-transform:uppercase;
      margin-bottom:10px;
    }
    .option-chips{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
    }
    .option-chip{
      min-height:34px;
      padding:0 12px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.16);
      background:rgba(255,255,255,.04);
      color:rgba(255,255,255,.76);
      font-size:11px;
      font-weight:900;
      letter-spacing:.03em;
      cursor:pointer;
    }
    .option-chip.active{
      background:var(--lime,#D8F233);
      border-color:var(--lime,#D8F233);
      color:#050505;
    }


    /* AVVM mobile UX polished pass */
    .global-lang-bar{display:none!important}
    .nav{
      z-index:80 !important;
    }
    .nav-inner{
      display:grid !important;
      grid-template-columns:auto minmax(210px,1fr) auto !important;
      align-items:start !important;
      gap:18px !important;
    }
    .nav-inner > .lang-switcher{
      display:grid !important;
      grid-template-columns:repeat(5,34px) !important;
      grid-auto-rows:34px !important;
      gap:5px 6px !important;
      justify-self:center !important;
      align-self:start !important;
      margin-top:-1px !important;
      width:max-content !important;
      max-width:none !important;
      position:relative !important;
      z-index:90 !important;
      opacity:1 !important;
      visibility:visible !important;
      padding:0 !important;
      background:transparent !important;
      border:0 !important;
      box-shadow:none !important;
      backdrop-filter:none !important;
    }
    .nav-inner > .lang-switcher button{
      width:34px !important;
      height:34px !important;
      min-width:34px !important;
      border-radius:999px !important;
      padding:0 !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      font-size:8.5px !important;
      line-height:1 !important;
      letter-spacing:.08em !important;
      font-weight:950 !important;
      color:rgba(255,255,255,.78) !important;
      border:1px solid rgba(255,255,255,.18) !important;
      background:rgba(255,255,255,.055) !important;
      opacity:1 !important;
      visibility:visible !important;
      grid-column:auto !important;
    }
    .nav-inner > .lang-switcher button.active{
      background:var(--lime,#D8F233)!important;
      color:#050505!important;
      border-color:var(--lime,#D8F233)!important;
    }
    .nav-inner > .lang-switcher button:nth-child(6){grid-column:2!important}
    .nav-inner > .lang-switcher button:nth-child(7){grid-column:3!important}
    .nav-inner > .lang-switcher button:nth-child(8){grid-column:4!important}
    .nav-inner > .lang-switcher button:nth-child(9){grid-column:5!important}
    .hero-top-actions .lang-switcher,
    #heroLangSwitcher,
    .nav-cta .lang-switcher{
      display:none!important;
    }
    .nav-cta{
      justify-self:end!important;
      align-self:start!important;
      margin-top:4px!important;
      z-index:95!important;
    }

    /* Form readability */
    .cat-btn,
    .category-btn,
    [data-category]{
      color:rgba(255,255,255,.72)!important;
      border-color:rgba(255,255,255,.14)!important;
      background:rgba(255,255,255,.035)!important;
      opacity:1!important;
    }
    .cat-btn.active,
    .category-btn.active,
    [data-category].active{
      color:var(--lime,#D8F233)!important;
      border-color:var(--lime,#D8F233)!important;
      background:rgba(216,242,51,.06)!important;
    }
    input, textarea, select{
      color:#f5f5f5!important;
      -webkit-text-fill-color:#f5f5f5!important;
      caret-color:var(--lime,#D8F233)!important;
    }
    input::placeholder, textarea::placeholder{
      color:rgba(255,255,255,.45)!important;
      -webkit-text-fill-color:rgba(255,255,255,.45)!important;
    }

    /* Order modal scroll / safe bottom */
    .order-panel,
    .modal-panel,
    .pay-panel{
      max-height:calc(100svh - 28px)!important;
      overflow:auto!important;
      padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))!important;
      -webkit-overflow-scrolling:touch!important;
    }
    .order-option-group{
      margin-top:14px!important;
      padding:13px!important;
      border-radius:16px!important;
    }
    .option-chip{
      color:rgba(255,255,255,.76)!important;
      background:rgba(255,255,255,.055)!important;
    }
    .option-chip.active{
      color:#050505!important;
      background:var(--lime,#D8F233)!important;
    }
    #orderSummary{
      line-height:1.55!important;
      word-break:keep-all!important;
    }

    @media(max-width:780px){
      .nav-inner{
        grid-template-columns:auto 1fr auto!important;
        gap:8px!important;
      }
      .nav-inner > .lang-switcher{
        grid-template-columns:repeat(5,29px)!important;
        grid-auto-rows:29px!important;
        gap:4px 5px!important;
      }
      .nav-inner > .lang-switcher button{
        width:29px!important;
        height:29px!important;
        min-width:29px!important;
        font-size:7.4px!important;
      }
      .avvm-text-logo,
      .hero-logo-float,
      .nav .avvm-text-logo{
        font-size:clamp(34px,9vw,54px)!important;
        letter-spacing:.07em!important;
      }
      .nav-cta .btn,
      .nav-cta button{
        min-height:38px!important;
        padding:0 15px!important;
        font-size:9px!important;
      }
    }
    @media(max-width:520px){
      .nav-inner{
        grid-template-columns:auto 1fr!important;
        grid-template-areas:
          "logo start"
          "langs langs"!important;
        row-gap:8px!important;
      }
      .nav-inner .logo,
      .nav-inner .avvm-text-logo{grid-area:logo!important}
      .nav-cta{grid-area:start!important;justify-self:end!important;align-self:center!important}
      .nav-inner > .lang-switcher{
        grid-area:langs!important;
        justify-self:center!important;
        grid-template-columns:repeat(5,31px)!important;
        grid-auto-rows:31px!important;
        gap:5px 6px!important;
      }
      .nav-inner > .lang-switcher button{
        width:31px!important;
        height:31px!important;
        min-width:31px!important;
        font-size:7.8px!important;
      }
    }


    /* AVVM pricing size select note */
    .pricing-choice-note{
      max-width:980px;
      margin:18px auto 8px;
      padding:13px 16px;
      border-radius:16px;
      border:1px solid rgba(216,242,51,.18);
      background:rgba(216,242,51,.045);
      color:rgba(255,255,255,.72);
      font-size:12px;
      line-height:1.65;
      text-align:center;
      word-break:keep-all;
    }
    .price-card li{
      word-break:keep-all;
    }


    /* AVVM public demo clean */
    .detail-flow-zone,
    .detail-flow-stack,
    .detail-flow-line,
    .detail-flow-scan{
      display:none !important;
    }
    .demo-text .demo-title{
      word-break:keep-all;
    }


    /* AVVM final public fix: visible header language + FANCL image */
    .global-lang-bar{display:none!important}
    .nav{
      z-index:90!important;
    }
    .nav-inner{
      display:grid!important;
      grid-template-columns:auto minmax(210px,1fr) auto!important;
      align-items:start!important;
      gap:18px!important;
    }
    .nav-inner > .lang-switcher{
      display:grid!important;
      grid-template-columns:repeat(5,34px)!important;
      grid-auto-rows:34px!important;
      gap:5px 6px!important;
      justify-self:center!important;
      align-self:start!important;
      margin-top:0!important;
      width:max-content!important;
      max-width:none!important;
      position:relative!important;
      z-index:95!important;
      opacity:1!important;
      visibility:visible!important;
      padding:0!important;
      background:transparent!important;
      border:0!important;
      box-shadow:none!important;
      backdrop-filter:none!important;
      -webkit-backdrop-filter:none!important;
    }
    .nav-inner > .lang-switcher button{
      width:34px!important;
      height:34px!important;
      min-width:34px!important;
      border-radius:999px!important;
      padding:0!important;
      display:flex!important;
      align-items:center!important;
      justify-content:center!important;
      font-size:8.5px!important;
      line-height:1!important;
      letter-spacing:.08em!important;
      font-weight:950!important;
      color:rgba(255,255,255,.78)!important;
      border:1px solid rgba(255,255,255,.18)!important;
      background:rgba(255,255,255,.055)!important;
      grid-column:auto!important;
      opacity:1!important;
      visibility:visible!important;
    }
    .nav-inner > .lang-switcher button.active{
      background:var(--lime,#D8F233)!important;
      color:#050505!important;
      border-color:var(--lime,#D8F233)!important;
    }
    .nav-inner > .lang-switcher button:nth-child(6){grid-column:2!important}
    .nav-inner > .lang-switcher button:nth-child(7){grid-column:3!important}
    .nav-inner > .lang-switcher button:nth-child(8){grid-column:4!important}
    .nav-inner > .lang-switcher button:nth-child(9){grid-column:5!important}
    .hero-top-actions .lang-switcher,
    #heroLangSwitcher,
    .nav-cta .lang-switcher{
      display:none!important;
    }
    .nav-cta{
      justify-self:end!important;
      align-self:start!important;
      margin-top:4px!important;
      z-index:100!important;
    }
    img[src*="sample-fancl-board"]{
      display:block!important;
      width:100%!important;
      height:auto!important;
      object-fit:cover!important;
      background:#080808!important;
    }
    .sample-board img,
    .fancl-board img,
    .sample-card img{
      max-width:100%!important;
    }
    @media(max-width:780px){
      .nav-inner{
        grid-template-columns:auto 1fr auto!important;
        gap:8px!important;
      }
      .nav-inner > .lang-switcher{
        grid-template-columns:repeat(5,29px)!important;
        grid-auto-rows:29px!important;
        gap:4px 5px!important;
      }
      .nav-inner > .lang-switcher button{
        width:29px!important;
        height:29px!important;
        min-width:29px!important;
        font-size:7.4px!important;
      }
      .nav-cta .btn,
      .nav-cta button{
        min-height:38px!important;
        padding:0 15px!important;
        font-size:9px!important;
      }
    }
    @media(max-width:520px){
      .nav-inner{
        grid-template-columns:auto 1fr!important;
        grid-template-areas:
          "logo start"
          "langs langs"!important;
        row-gap:8px!important;
      }
      .nav-inner .logo,
      .nav-inner .avvm-text-logo{grid-area:logo!important}
      .nav-cta{grid-area:start!important;justify-self:end!important;align-self:center!important}
      .nav-inner > .lang-switcher{
        grid-area:langs!important;
        justify-self:center!important;
        grid-template-columns:repeat(5,31px)!important;
        grid-auto-rows:31px!important;
        gap:5px 6px!important;
      }
      .nav-inner > .lang-switcher button{
        width:31px!important;
        height:31px!important;
        min-width:31px!important;
        font-size:7.8px!important;
      }
    }


    /* AVVM native language select: stable mobile version */
    .language-pill,.simple-lang,.global-lang-bar,.lang-switcher,#heroLangSwitcher{display:none!important}
    .nav-cta-native-lang,.nav-cta{
      display:flex!important;
      align-items:center!important;
      justify-content:flex-end!important;
      gap:9px!important;
      z-index:200!important;
      position:relative!important;
    }
    .native-lang-box{
      display:flex!important;
      align-items:center!important;
      gap:6px!important;
      height:40px!important;
      padding:0 9px!important;
      border-radius:999px!important;
      border:1px solid rgba(255,255,255,.16)!important;
      background:rgba(10,10,10,.68)!important;
      backdrop-filter:blur(12px)!important;
      -webkit-backdrop-filter:blur(12px)!important;
      color:#f5f5f5!important;
      flex-shrink:0!important;
    }
    .native-lang-box label{
      font-size:9px!important;
      font-weight:950!important;
      letter-spacing:.08em!important;
      color:rgba(255,255,255,.68)!important;
      line-height:1!important;
    }
    .native-lang-box select{
      appearance:auto!important;
      -webkit-appearance:menulist!important;
      width:54px!important;
      height:30px!important;
      border:0!important;
      outline:0!important;
      background:transparent!important;
      color:#f5f5f5!important;
      -webkit-text-fill-color:#f5f5f5!important;
      font-size:12px!important;
      font-weight:950!important;
      letter-spacing:.06em!important;
      padding:0!important;
    }
    .native-lang-box select option{
      background:#111!important;
      color:#f5f5f5!important;
    }
    @media(max-width:780px){
      .nav-cta-native-lang,.nav-cta{gap:6px!important}
      .native-lang-box{
        height:34px!important;
        padding:0 7px!important;
        gap:4px!important;
      }
      .native-lang-box label{font-size:8px!important}
      .native-lang-box select{
        width:48px!important;
        height:26px!important;
        font-size:10.5px!important;
      }
      .nav-cta .btn,
      .nav-cta button:not(.native-lang-box select){
        min-height:34px!important;
        padding:0 13px!important;
        font-size:8.5px!important;
      }
    }
    @media(max-width:520px){
      .nav-inner{
        grid-template-columns:auto 1fr auto!important;
        gap:8px!important;
      }
      .native-lang-box label{display:none!important}
      .native-lang-box{
        width:56px!important;
        justify-content:center!important;
      }
      .native-lang-box select{
        width:44px!important;
        font-size:10px!important;
      }
    }


    /* AVVM language select in visible hero START area */
    .hero-top-actions{
      display:flex!important;
      align-items:center!important;
      justify-content:flex-end!important;
      gap:8px!important;
      z-index:200!important;
      position:relative!important;
    }
    .hero-native-lang{
      display:flex!important;
      align-items:center!important;
      gap:5px!important;
      height:38px!important;
      padding:0 8px!important;
      border-radius:999px!important;
      border:1px solid rgba(255,255,255,.16)!important;
      background:rgba(10,10,10,.70)!important;
      backdrop-filter:blur(12px)!important;
      -webkit-backdrop-filter:blur(12px)!important;
      color:#f5f5f5!important;
      flex-shrink:0!important;
      z-index:210!important;
    }
    .hero-native-lang label{
      font-size:8px!important;
      font-weight:950!important;
      letter-spacing:.08em!important;
      color:rgba(255,255,255,.66)!important;
      line-height:1!important;
    }
    .hero-native-lang select{
      appearance:auto!important;
      -webkit-appearance:menulist!important;
      width:48px!important;
      height:28px!important;
      border:0!important;
      outline:0!important;
      background:transparent!important;
      color:#f5f5f5!important;
      -webkit-text-fill-color:#f5f5f5!important;
      font-size:10.5px!important;
      font-weight:950!important;
      letter-spacing:.05em!important;
      padding:0!important;
    }
    .hero-native-lang select option{
      background:#111!important;
      color:#f5f5f5!important;
    }
    @media(max-width:520px){
      .hero-top-actions{
        gap:6px!important;
      }
      .hero-native-lang{
        height:32px!important;
        padding:0 6px!important;
      }
      .hero-native-lang label{
        display:none!important;
      }
      .hero-native-lang select{
        width:44px!important;
        height:25px!important;
        font-size:10px!important;
      }
      .hero-menu-dot{
        height:34px!important;
        min-height:34px!important;
        padding:0 13px!important;
        font-size:8.5px!important;
      }
    }


    /* AVVM clean language, no symbol */
    .hero-native-lang label,
    .native-lang-box label{
      font-size:9px!important;
      font-weight:950!important;
      letter-spacing:.12em!important;
      color:rgba(255,255,255,.72)!important;
      text-transform:uppercase!important;
    }
    .hero-native-lang,
    .native-lang-box{
      gap:6px!important;
      min-width:auto!important;
    }
    .hero-native-lang select,
    .native-lang-box select{
      color:#f5f5f5!important;
      -webkit-text-fill-color:#f5f5f5!important;
      font-weight:950!important;
    }
    @media(max-width:520px){
      .hero-native-lang label,
      .native-lang-box label{
        display:inline!important;
        font-size:7.5px!important;
      }
      .hero-native-lang{
        padding:0 7px!important;
      }
      .hero-native-lang select{
        width:42px!important;
      }
    }


/* AVVM One Photo New World consumer sector */
.consumer-sector{position:relative;z-index:4;padding:96px min(7vw,72px);background:radial-gradient(circle at 78% 18%,rgba(216,242,51,.08),transparent 34%),linear-gradient(180deg,#050505,#080808);border-top:1px solid rgba(255,255,255,.07)}
.consumer-wrap{max-width:1180px;margin:0 auto}
.consumer-head{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:end;margin-bottom:34px}
.consumer-kicker{color:var(--lime,#D8F233);font-size:11px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px}
.consumer-title{margin:0;font-family:"Bebas Neue",Inter,sans-serif;font-size:clamp(58px,7.7vw,116px);line-height:.88;color:#f5f5f5;text-transform:uppercase}
.consumer-copy{color:rgba(255,255,255,.66);font-size:14px;line-height:1.78;margin:0;text-align:left;word-break:keep-all}
.consumer-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}
.consumer-mode-card{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);border-radius:22px;padding:20px;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}
.consumer-mode-card::after{content:"";position:absolute;right:-40px;bottom:-40px;width:140px;height:140px;border-radius:50%;background:rgba(216,242,51,.055);filter:blur(8px)}
.consumer-mode-card small{color:var(--lime,#D8F233);font-size:10px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.consumer-mode-card h3{color:#fff;margin:16px 0 10px;font-size:22px;line-height:1.05;letter-spacing:.02em;text-transform:uppercase}
.consumer-mode-card p{color:rgba(255,255,255,.60);font-size:13px;line-height:1.65;margin:0;text-align:left;word-break:keep-all}
.consumer-price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}
.consumer-price-card{border:1px solid rgba(255,255,255,.10);background:#080808;border-radius:20px;padding:18px;position:relative}
.consumer-price-card.featured{border-color:rgba(216,242,51,.34);background:linear-gradient(180deg,rgba(216,242,51,.075),#080808 62%)}
.consumer-price-card .tag{display:inline-flex;padding:6px 8px;border-radius:999px;background:rgba(216,242,51,.12);color:var(--lime,#D8F233);font-size:9px;font-weight:950;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}
.consumer-price-card h4{color:#fff;font-size:16px;margin:0 0 8px;text-transform:uppercase}
.consumer-price-card .consumer-price{color:#f5f5f5;font-size:28px;font-weight:950;letter-spacing:-.04em;margin-bottom:8px}
.consumer-price-card p{color:rgba(255,255,255,.58);font-size:12px;line-height:1.55;margin:0 0 14px;min-height:56px;text-align:left;word-break:keep-all}
.consumer-price-card button{width:100%;min-height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:#f5f5f5;font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.consumer-price-card.featured button{background:var(--lime,#D8F233);color:#050505;border-color:var(--lime,#D8F233)}
.consumer-prompt-box{margin-top:24px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);border-radius:22px;padding:20px}
.consumer-prompt-box h3{color:#fff;margin:0 0 10px;font-size:15px;text-transform:uppercase;letter-spacing:.08em}
.consumer-prompt-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.consumer-prompt-pill{border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:12px;color:rgba(255,255,255,.68);font-size:12px;line-height:1.45;background:rgba(255,255,255,.025)}
@media(max-width:920px){.consumer-head{grid-template-columns:1fr}.consumer-mode-grid{grid-template-columns:1fr}.consumer-price-grid{grid-template-columns:1fr 1fr}.consumer-prompt-list{grid-template-columns:1fr}}
@media(max-width:560px){.consumer-sector{padding:76px 22px}.consumer-price-grid{grid-template-columns:1fr}}


    /* AVVM hero brightness balance */
    .hero-video,
    .hero video,
    .hero-v5 video{
      filter:brightness(78%) contrast(108%) saturate(104%) !important;
    }
    .hero-v5-overlay,
    .hero-overlay,
    .video-overlay{
      background:
        linear-gradient(90deg, rgba(0,0,0,.58) 0%, rgba(0,0,0,.42) 42%, rgba(0,0,0,.30) 100%),
        linear-gradient(180deg, rgba(0,0,0,.22) 0%, rgba(0,0,0,.40) 100%) !important;
      opacity:1 !important;
    }
    .hero::before,
    .hero-v5::before{
      background:rgba(0,0,0,.18) !important;
    }
    .hero-v5-content{
      text-shadow:0 20px 70px rgba(0,0,0,.78) !important;
    }
    .hero-v5-title,
    .hero-v5-title span{
      text-shadow:
        0 18px 60px rgba(0,0,0,.82),
        0 2px 10px rgba(0,0,0,.45) !important;
    }
    .hero-v5-sub{
      color:rgba(255,255,255,.84) !important;
      text-shadow:0 8px 28px rgba(0,0,0,.72) !important;
    }
    @media(max-width:780px){
      .hero-video,
      .hero video,
      .hero-v5 video{
        filter:brightness(82%) contrast(108%) saturate(106%) !important;
      }
      .hero-v5-overlay,
      .hero-overlay,
      .video-overlay{
        background:
          linear-gradient(180deg, rgba(0,0,0,.34) 0%, rgba(0,0,0,.40) 48%, rgba(0,0,0,.46) 100%),
          linear-gradient(90deg, rgba(0,0,0,.48), rgba(0,0,0,.28)) !important;
      }
    }


/* AVVM final i18n QA polish */
[data-i18n-auto]{display:inline}
.hero-native-lang label,.native-lang-box label{font-size:9px!important;font-weight:950!important;letter-spacing:.12em!important;color:rgba(255,255,255,.72)!important;text-transform:uppercase!important}
.hero-native-lang select,.native-lang-box select{color:#f5f5f5!important;-webkit-text-fill-color:#f5f5f5!important;font-weight:950!important}
body[dir-text="rtl"] .legal-panel,
body[dir-text="rtl"] .consumer-copy,
body[dir-text="rtl"] .clarity-copy{direction:rtl;text-align:right!important}

html[dir="rtl"] .proof-lab-header,
html[dir="rtl"] .proof-card,
html[dir="rtl"] .portfolio-global-head,
html[dir="rtl"] .portfolio-card-body,
html[dir="rtl"] .web-studio-copy,
html[dir="rtl"] .consumer-copy,
html[dir="rtl"] .modal-card,
html[dir="rtl"] .order-card {
  direction: rtl;
  text-align: right;
}
html[dir="rtl"] .proof-card-head,
html[dir="rtl"] .footer-inner,
html[dir="rtl"] .links,
html[dir="rtl"] .hero-v5-actions {
  direction: rtl;
}


/* AVVM language select globe icon */
.native-lang-box.lang-with-icon,
.hero-native-lang.lang-with-icon{
  gap:6px!important;
  padding-left:8px!important;
}
.lang-globe-icon{
  width:18px!important;
  height:18px!important;
  border-radius:999px!important;
  object-fit:cover!important;
  flex:0 0 18px!important;
  display:block!important;
  background:#111!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:
    inset 0 1px 2px rgba(255,255,255,.28),
    0 0 10px rgba(255,255,255,.16),
    0 0 12px rgba(216,242,51,.10)!important;
  filter:brightness(1.08) contrast(1.08) saturate(1.04)!important;
}
@media(max-width:780px){
  .lang-globe-icon{
    width:16px!important;
    height:16px!important;
    flex-basis:16px!important;
  }
  .native-lang-box.lang-with-icon,
  .hero-native-lang.lang-with-icon{
    gap:5px!important;
    padding-left:7px!important;
  }
}
@media(max-width:520px){
  .lang-globe-icon{
    width:15px!important;
    height:15px!important;
    flex-basis:15px!important;
  }
  .hero-native-lang select,
  .native-lang-box select{
    width:39px!important;
  }
}


/* AVVM order notification/link MVP */
.notify-consent{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin-top:14px;
  padding:12px 13px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
  color:rgba(255,255,255,.70);
  font-size:12px;
  line-height:1.55;
}
.notify-consent input{
  margin-top:3px;
  accent-color:var(--lime,#D8F233);
}
.order-link-copy{
  max-width:380px!important;
  margin:12px auto 0!important;
  color:rgba(255,255,255,.66)!important;
  font-size:12.5px!important;
}
.order-view-link{
  display:inline-flex!important;
  margin-top:16px!important;
  min-height:44px!important;
  padding:0 22px!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
}
.success-actions{
  margin-top:12px!important;
}
@media(max-width:560px){
  .notify-consent{
    font-size:11.5px;
  }
  .order-view-link{
    width:100%;
  }
}


/* AVVM clean CSS globe icon - no watermark/media */
.lang-globe-icon{
  width:26px!important;
  height:26px!important;
  flex:0 0 26px!important;
  border-radius:999px!important;
  display:inline-block!important;
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 68% 35%, rgba(255,255,255,.95) 0 9%, rgba(230,245,255,.82) 10% 26%, transparent 27%),
    radial-gradient(circle at 54% 52%, rgba(190,220,235,.95) 0 42%, rgba(84,114,138,.92) 43% 61%, rgba(14,20,28,.96) 76%),
    linear-gradient(135deg, #dfefff 0%, #7e9bb1 45%, #091018 100%)!important;
  border:1px solid rgba(255,255,255,.32)!important;
  box-shadow:
    inset 0 2px 5px rgba(255,255,255,.44),
    inset -8px -8px 14px rgba(0,0,0,.64),
    0 0 14px rgba(210,235,255,.22),
    0 0 18px rgba(216,242,51,.08)!important;
  filter:none!important;
}
.lang-globe-icon::before{
  content:""!important;
  position:absolute!important;
  inset:4px 5px!important;
  border-radius:50%!important;
  border-left:1px solid rgba(15,54,80,.44)!important;
  border-right:1px solid rgba(15,54,80,.34)!important;
  transform:rotate(-18deg)!important;
  opacity:.72!important;
}
.lang-globe-icon::after{
  content:""!important;
  position:absolute!important;
  inset:7px 3px!important;
  border-top:1px solid rgba(15,54,80,.38)!important;
  border-bottom:1px solid rgba(15,54,80,.28)!important;
  border-radius:50%!important;
  opacity:.65!important;
}
.native-lang-box.lang-with-icon,
.hero-native-lang.lang-with-icon{
  gap:8px!important;
  padding-left:10px!important;
}
.native-lang-box.lang-with-icon label,
.hero-native-lang.lang-with-icon label{
  display:none!important;
}
@media(max-width:780px){
  .lang-globe-icon{
    width:22px!important;
    height:22px!important;
    flex-basis:22px!important;
  }
}
@media(max-width:520px){
  .lang-globe-icon{
    width:21px!important;
    height:21px!important;
    flex-basis:21px!important;
  }
}


/* AVVM final deploy clean: no floating meta, stable language layout */
html,body{
  -webkit-text-size-adjust:100%!important;
  text-size-adjust:100%!important;
}
[data-i18n],[data-i18n-auto]{
  word-break:keep-all;
}
body[dir-text="rtl"]{
  direction:ltr!important;
  text-align:left!important;
}
body[dir-text="rtl"] .legal-panel,
body[dir-text="rtl"] .consumer-copy,
body[dir-text="rtl"] .clarity-copy{
  direction:rtl!important;
  text-align:right!important;
}
.hero-v5,
.hero-v5-content,
.section,
.consumer-sector,
.portfolio-global{
  transform:none!important;
  zoom:1!important;
}
.hero-native-lang,
.native-lang-box{
  transform:none!important;
}


/* AVVM V2 language shrink fix + restored globe size */
html,
body{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  -webkit-text-size-adjust:100%!important;
  text-size-adjust:100%!important;
  zoom:1!important;
}
body{
  min-width:0!important;
}
*{
  min-width:0;
}
html[lang="ja"] body,
html[lang^="zh"] body{
  zoom:1!important;
  transform:none!important;
  font-size:16px!important;
}
html[lang="ja"] [data-i18n],
html[lang^="zh"] [data-i18n],
html[lang="ja"] [data-i18n-auto],
html[lang^="zh"] [data-i18n-auto]{
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  line-break:anywhere!important;
  white-space:normal!important;
}
html[lang="ja"] .consumer-copy,
html[lang^="zh"] .consumer-copy,
html[lang="ja"] .clarity-copy,
html[lang^="zh"] .clarity-copy,
html[lang="ja"] .demo-copy,
html[lang^="zh"] .demo-copy,
html[lang="ja"] .pricing-note,
html[lang^="zh"] .pricing-note,
html[lang="ja"] .pricing-choice-note,
html[lang^="zh"] .pricing-choice-note{
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  line-break:anywhere!important;
  white-space:normal!important;
  max-width:100%!important;
}
.hero-v5,
.hero-v5-content,
.consumer-sector,
.portfolio-global,
.pricing,
.section{
  max-width:100vw!important;
  overflow-x:hidden!important;
  transform:none!important;
  zoom:1!important;
}
.lang-globe-icon{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  border-radius:999px!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  background:#050505!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:
    0 0 8px rgba(255,255,255,.14),
    0 0 10px rgba(216,242,51,.08)!important;
  filter:brightness(1.08) contrast(1.04) saturate(1.04)!important;
}
.native-lang-box.lang-with-icon,
.hero-native-lang.lang-with-icon{
  gap:6px!important;
  padding-left:8px!important;
}
.native-lang-box.lang-with-icon label,
.hero-native-lang.lang-with-icon label{
  display:none!important;
}
.hero-native-lang select,
.native-lang-box select{
  width:40px!important;
  font-size:11px!important;
}
@media(max-width:780px){
  .lang-globe-icon{
    width:16px!important;
    height:16px!important;
    flex-basis:16px!important;
  }
  .hero-native-lang select,
  .native-lang-box select{
    width:38px!important;
    font-size:10px!important;
  }
}
@media(max-width:520px){
  .lang-globe-icon{
    width:15px!important;
    height:15px!important;
    flex-basis:15px!important;
  }
  .native-lang-box.lang-with-icon,
  .hero-native-lang.lang-with-icon{
    gap:5px!important;
    padding-left:7px!important;
  }
}


/* AVVM V3 logo, language, CJK, video poster fixes */
.avvm-logo-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-decoration:none!important;
  color:inherit!important;
  background:none!important;
  min-width:0!important;
}
.avvm-logo-link .avvm-play-logo-img{
  display:block!important;
  height:44px!important;
  width:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 10px 28px rgba(0,0,0,.58)) drop-shadow(0 0 10px rgba(255,255,255,.08))!important;
}
.hero-logo-float .avvm-play-logo-img{
  height:40px!important;
}
.hero-main-logo{
  width:min(430px,78vw);
  margin:0 0 14px;
  opacity:0;
  transform:translateY(18px);
  animation:v5FadeUp .82s cubic-bezier(.16,1,.3,1) .12s forwards;
}
.hero-main-logo img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 18px 52px rgba(0,0,0,.70)) drop-shadow(0 0 12px rgba(255,255,255,.08));
}
.hero-v5-eyebrow{
  margin-top:0!important;
  margin-bottom:16px!important;
}
.hero-v5-title span{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
}
html[lang="ko"] .hero-v5-title{
  font-family:Inter,system-ui,sans-serif!important;
  font-size:clamp(46px,8vw,104px)!important;
  font-weight:950!important;
  line-height:1.02!important;
  letter-spacing:-.05em!important;
}
html[lang="ja"] .hero-v5-title,
html[lang^="zh"] .hero-v5-title{
  font-family:Inter,system-ui,sans-serif!important;
  font-size:clamp(44px,7.4vw,98px)!important;
  font-weight:950!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
}
.hero-native-lang select,
.native-lang-box select{
  appearance:none!important;
  -webkit-appearance:none!important;
  background:transparent!important;
  text-align:center!important;
  text-align-last:center!important;
  padding:0!important;
  transform:translateX(-4px)!important;
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  overflow:visible!important;
}
.lang-globe-icon{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
}
.native-lang-box.lang-with-icon,
.hero-native-lang.lang-with-icon{
  gap:5px!important;
  padding-left:8px!important;
  padding-right:8px!important;
}
html,body{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  -webkit-text-size-adjust:100%!important;
  text-size-adjust:100%!important;
  zoom:1!important;
}
body{
  min-width:0!important;
}
html[lang="ja"],
html[lang^="zh"],
html[lang="ja"] body,
html[lang^="zh"] body{
  zoom:1!important;
  transform:none!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
html[lang="ja"] *,
html[lang^="zh"] *{
  min-width:0!important;
}
html[lang="ja"] [data-i18n],
html[lang^="zh"] [data-i18n],
html[lang="ja"] [data-i18n-auto],
html[lang^="zh"] [data-i18n-auto]{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  line-break:anywhere!important;
  white-space:normal!important;
}
.portfolio-card video,
.sample-card video,
.sample-work video{
  background:#111!important;
  object-fit:cover!important;
}
@media(max-width:780px){
  .hero-logo-float .avvm-play-logo-img{height:34px!important}
  .hero-main-logo{width:min(330px,74vw);margin-bottom:12px}
  .lang-globe-icon{width:16px!important;height:16px!important;flex-basis:16px!important}
  .hero-native-lang select,.native-lang-box select{width:37px!important;min-width:37px!important;max-width:37px!important;font-size:10px!important;transform:translateX(-5px)!important}
}
@media(max-width:520px){
  .hero-logo-float .avvm-play-logo-img{height:30px!important}
  .hero-main-logo{width:min(290px,76vw)}
  .lang-globe-icon{width:15px!important;height:15px!important;flex-basis:15px!important}
}


/* AVVM V4 hero brand reposition + footer logo */
.hero-brand-stack{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:5px!important;
  min-width:0!important;
  max-width:48vw!important;
}
.hero-brand-stack .hero-logo-float{
  display:inline-flex!important;
  align-items:center!important;
}
.hero-brand-tagline{
  color:var(--lime,#D8F233)!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  opacity:.94!important;
  text-shadow:0 0 12px rgba(216,242,51,.22)!important;
}
.hero-v5-content{
  padding-top:120px!important;
}
.footer-logo-img-wrap{
  display:flex!important;
  align-items:center!important;
  width:auto!important;
  min-width:0!important;
}
.footer-avvm-logo-img{
  height:42px!important;
  width:auto!important;
  display:block!important;
  object-fit:contain!important;
  filter:drop-shadow(0 10px 28px rgba(0,0,0,.6)) drop-shadow(0 0 10px rgba(255,255,255,.08))!important;
}
.footer-inner > div:first-child{
  align-items:center!important;
}
@media(max-width:780px){
  .hero-brand-stack{
    max-width:46vw!important;
    gap:4px!important;
  }
  .hero-brand-tagline{
    font-size:8.2px!important;
    letter-spacing:.08em!important;
    max-width:46vw!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .hero-v5-content{
    padding-top:122px!important; /* Added space for the larger tagline */
  }
  .footer-avvm-logo-img{
    height:34px!important;
  }
}
@media(max-width:520px){
  .hero-brand-tagline{
    font-size:7.7px!important;
  }
  .footer-inner > div:first-child{
    flex-wrap:wrap!important;
    gap:10px!important;
  }
}


/* AVVM payment consent + paid-after-upload flow */
.upload-after-payment-note{
  margin-top:12px;
  padding:13px 14px;
  border-radius:14px;
  border:1px solid rgba(216,242,51,.20);
  background:rgba(216,242,51,.055);
  color:rgba(255,255,255,.76);
  font-size:12px;
  line-height:1.55;
}
.upload-after-payment-note b{
  display:block;
  color:#fff;
  margin-bottom:4px;
}
.upload-after-payment-note span{
  color:rgba(255,255,255,.62);
}
.checkout-notice{
  margin-top:14px;
  padding:14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.035);
}
.checkout-notice b{
  display:block;
  color:var(--lime,#D8F233);
  font-size:11px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
  margin-bottom:8px;
}
.checkout-notice p{
  margin:6px 0 0;
  color:rgba(255,255,255,.68);
  font-size:12px;
  line-height:1.65;
  text-align:left;
  word-break:keep-all;
}
.consent-group{
  margin-top:12px;
  display:grid;
  gap:8px;
}
.consent-row{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:12px 13px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.028);
  color:rgba(255,255,255,.70);
  font-size:11.5px;
  line-height:1.55;
}
.consent-row b{
  color:rgba(255,255,255,.88);
  font-size:12px;
}
.consent-row.optional{
  border-style:dashed;
  opacity:.92;
}
.consent-row input{
  margin-top:3px;
  accent-color:var(--lime,#D8F233);
  flex:0 0 auto;
}
#submitOrder:disabled{
  opacity:.42!important;
  cursor:not-allowed!important;
  filter:grayscale(.35)!important;
  transform:none!important;
  box-shadow:none!important;
}
@media(max-width:560px){
  .checkout-notice p,
  .consent-row{
    font-size:11px;
  }
}


/* AVVM Blink-style bright multi-loop hero */
.hero-v5 .hero-video,
.hero-video{
  filter:brightness(1.16) contrast(1.06) saturate(1.08)!important;
  opacity:.88!important;
  transform:scale(1.025)!important;
}
.hero-v5-overlay,
.hero-v5:before{
  background:
    radial-gradient(ellipse at 52% 18%,rgba(255,255,255,.12),transparent 23%),
    radial-gradient(ellipse at 76% 45%,rgba(216,242,51,.08),transparent 27%),
    linear-gradient(to bottom,rgba(0,0,0,.20) 0%,rgba(0,0,0,.10) 34%,rgba(0,0,0,.38) 72%,rgba(0,0,0,.78) 100%)!important;
}
.hero-v5-title,
.hero-v5-title span{
  text-shadow:
    0 20px 70px rgba(0,0,0,.84),
    0 2px 14px rgba(0,0,0,.56)!important;
}
.hero-v5-sub,
.hero-v5-eyebrow,
.hero-brand-tagline{
  text-shadow:0 8px 30px rgba(0,0,0,.78)!important;
}
@media(max-width:780px){
  .hero-v5 .hero-video,
  .hero-video{
    filter:brightness(1.23) contrast(1.05) saturate(1.10)!important;
    opacity:.92!important;
  }
  .hero-v5-overlay,
  .hero-v5:before{
    background:
      linear-gradient(to bottom,rgba(0,0,0,.18) 0%,rgba(0,0,0,.14) 42%,rgba(0,0,0,.44) 78%,rgba(0,0,0,.82) 100%)!important;
  }
}


/* AVVM hero: original first then multi-loop + globe 20% larger */
.hero-v5 .hero-video,
.hero-video{
  filter:brightness(1.16) contrast(1.06) saturate(1.08)!important;
  opacity:.88!important;
}
.lang-globe-icon{
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
}
.native-lang-box.lang-with-icon,
.hero-native-lang.lang-with-icon{
  gap:7px!important;
  padding-left:9px!important;
}
@media(max-width:780px){
  .lang-globe-icon{
    width:19px!important;
    height:19px!important;
    flex-basis:19px!important;
  }
}
@media(max-width:520px){
  .lang-globe-icon{
    width:18px!important;
    height:18px!important;
    flex-basis:18px!important;
  }
}



/* AVVM v2 fix: shift globe right and keep inside outline */
.native-lang-box.lang-with-icon,
.hero-native-lang.lang-with-icon{
  overflow:hidden!important;
  padding-left:12px!important;
  padding-right:10px!important;
  gap:8px!important;
}
.lang-globe-icon{
  position:relative!important;
  left:4px!important;
  margin-right:2px!important;
  display:block!important;
  border-radius:50%!important;
}
.native-lang-box select,
.hero-native-lang select{
  transform:none!important;
}
@media(max-width:780px){
  .native-lang-box.lang-with-icon,
  .hero-native-lang.lang-with-icon{padding-left:10px!important;padding-right:8px!important;gap:7px!important;}
  .lang-globe-icon{left:3px!important;}
}
@media(max-width:520px){
  .native-lang-box.lang-with-icon,
  .hero-native-lang.lang-with-icon{padding-left:9px!important;padding-right:7px!important;gap:6px!important;}
  .lang-globe-icon{left:2px!important;}
  .hero-native-lang select,.native-lang-box select{width:39px!important;min-width:39px!important;max-width:39px!important;}
}


/* AVVM final polish v3: language globe inside outline + dimmer loop */
.native-lang-box.lang-with-icon,
.hero-native-lang.lang-with-icon{
  position:relative!important;
  overflow:hidden!important;
  padding-left:14px!important;
  padding-right:10px!important;
  gap:8px!important;
}
.lang-globe-icon{
  position:relative!important;
  left:6px!important;
  margin-right:4px!important;
  display:block!important;
  border-radius:50%!important;
  flex-shrink:0!important;
  box-sizing:border-box!important;
}
.native-lang-box select,
.hero-native-lang select{
  transform:none!important;
  padding-left:2px!important;
  text-align:center!important;
  text-align-last:center!important;
}
@media(max-width:780px){
  .native-lang-box.lang-with-icon,
  .hero-native-lang.lang-with-icon{
    padding-left:12px!important;
    padding-right:8px!important;
    gap:7px!important;
  }
  .lang-globe-icon{
    left:4px!important;
    margin-right:3px!important;
  }
}
@media(max-width:520px){
  .native-lang-box.lang-with-icon,
  .hero-native-lang.lang-with-icon{
    padding-left:11px!important;
    padding-right:7px!important;
    gap:6px!important;
  }
  .lang-globe-icon{
    left:3px!important;
    margin-right:2px!important;
  }
  .hero-native-lang select,
  .native-lang-box select{
    width:39px!important;
    min-width:39px!important;
    max-width:39px!important;
  }
}


/* =========================================================
   AVVM V6 Premium Hotfix
   - Fixes START / START PROJECT overlap
   - Keeps one clean CTA in the top navigation
   - Hides duplicate hero-top CTA controls
   - Stabilizes logo size and language selector on desktop/mobile
   ========================================================= */

.hero-main-logo{
  display:none!important;
}

.hero-top-actions{
  display:none!important;
}

.nav{
  height:84px!important;
  z-index:999!important;
}

.nav-inner{
  display:grid!important;
  grid-template-columns:minmax(160px,230px) 1fr auto!important;
  align-items:center!important;
  gap:18px!important;
  padding:0 clamp(18px,4vw,48px)!important;
}

.nav .links{
  justify-self:center!important;
  min-width:0!important;
}

.avvm-logo-link{
  min-width:0!important;
  max-width:230px!important;
  overflow:hidden!important;
}

.avvm-logo-link .avvm-play-logo-img{
  height:34px!important;
  width:auto!important;
  max-width:190px!important;
  object-fit:contain!important;
  display:block!important;
}

.hero-brand-stack{
  max-width:260px!important;
  overflow:hidden!important;
}

.hero-brand-stack .avvm-play-logo-img,
.hero-logo-float .avvm-play-logo-img{
  height:34px!important;
  width:auto!important;
  max-width:180px!important;
  object-fit:contain!important;
}

.hero-brand-tagline{
  max-width:260px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.nav-cta,
.nav-cta-native-lang{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
}

.native-lang-box.lang-with-icon{
  height:48px!important;
  min-width:130px!important;
  max-width:130px!important;
  padding:0 10px 0 12px!important;
  gap:9px!important;
  overflow:hidden!important;
  flex:0 0 130px!important;
}

.native-lang-box .lang-globe-icon{
  position:relative!important;
  left:0!important;
  margin:0!important;
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
}

.native-lang-box select{
  width:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  transform:none!important;
  padding:0!important;
  text-align:center!important;
  text-align-last:center!important;
  font-size:13px!important;
}

.nav-cta .btn{
  height:44px!important;
  min-height:44px!important;
  min-width:154px!important;
  max-width:172px!important;
  padding:0 18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
}

.nav-cta .btn span,
[data-i18n="startProject"]{
  display:inline-block!important;
  white-space:nowrap!important;
  line-height:1!important;
  letter-spacing:.07em!important;
}

.hero-v5-content{
  padding-top:clamp(130px,15vh,190px)!important;
}

/* Keep bottom hero CTA readable but not intrusive */
.hero-v5-actions .btn{
  white-space:nowrap!important;
}

/* Consent UI stays separated legally, but visually lighter */
.consent-group{
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:18px!important;
  padding:10px!important;
  background:rgba(255,255,255,.025)!important;
}

.consent-row{
  padding:10px 11px!important;
  font-size:11px!important;
}

/* Mobile: keep KO + START as two compact pills */
@media(max-width:780px){
  .nav{
    height:72px!important;
  }

  .nav-inner{
    grid-template-columns:auto auto!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:8px!important;
    padding:0 14px!important;
  }

  .nav .links{
    display:none!important;
  }

  .avvm-logo-link{
    max-width:126px!important;
  }

  .avvm-logo-link .avvm-play-logo-img{
    height:27px!important;
    max-width:126px!important;
  }

  .nav-cta,
  .nav-cta-native-lang{
    gap:6px!important;
  }

  .native-lang-box.lang-with-icon{
    height:40px!important;
    min-width:108px!important;
    max-width:108px!important;
    flex-basis:108px!important;
    padding:0 8px!important;
    gap:6px!important;
  }

  .native-lang-box .lang-globe-icon{
    width:26px!important;
    height:26px!important;
    flex-basis:26px!important;
  }

  .native-lang-box select{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    font-size:11px!important;
  }

  .nav-cta .btn{
    height:34px!important;
    min-height:34px!important;
    min-width:78px!important;
    max-width:86px!important;
    padding:0 10px!important;
  }

  .nav-cta .btn span[data-i18n="startProject"]{
    font-size:0!important;
    letter-spacing:0!important;
  }

  .nav-cta .btn span[data-i18n="startProject"]::after{
    content:"START";
    font-size:9px!important;
    font-weight:950!important;
    letter-spacing:.08em!important;
    line-height:1!important;
  }

  .hero-brand-stack{
    max-width:46vw!important;
  }

  .hero-brand-stack .avvm-play-logo-img,
  .hero-logo-float .avvm-play-logo-img{
    height:28px!important;
    max-width:132px!important;
  }

  .hero-brand-tagline{
    max-width:46vw!important;
    font-size:7.5px!important;
  }

  .hero-v5-content{
    padding-top:128px!important; /* Added space for the larger tagline */
  }
}

@media(max-width:420px){
  .nav-inner{
    padding:0 12px!important;
  }

  .avvm-logo-link{
    max-width:110px!important;
  }

  .avvm-logo-link .avvm-play-logo-img{
    height:24px!important;
    max-width:110px!important;
  }

  .native-lang-box.lang-with-icon{
    min-width:66px!important;
    max-width:66px!important;
    flex-basis:66px!important;
    padding:0 6px!important;
  }

  .native-lang-box .lang-globe-icon{
    width:15px!important;
    height:15px!important;
    flex-basis:15px!important;
  }

  .native-lang-box select{
    width:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    font-size:9px!important;
  }

  .nav-cta .btn{
    min-width:68px!important;
    max-width:72px!important;
    padding:0 8px!important;
  }
}


/* =========================================================
   AVVM V7 Responsive Logo + Language Hotfix
   문제 정리:
   - Desktop/MacBook: nav logo + hero logo가 동시에 보여 AVVM이 겹쳐 보이는 문제 해결
   - iPhone: AVVM은 정상이나 language pill이 사라지는 문제 해결

   정책:
   - Desktop: 상단 nav 하나만 사용. hero-top 로고/언어 영역 숨김.
   - Mobile: nav는 숨기고 hero-top 로고 + KO language pill만 사용.
   ========================================================= */

/* Desktop / tablet wide */
@media (min-width: 781px){
  .nav{
    display:flex!important;
  }

  .hero-v5-top,
  .hero-brand-stack,
  .hero-top-actions{
    display:none!important;
  }

  .nav-inner{
    grid-template-columns:minmax(126px,170px) 1fr auto!important;
    align-items:center!important;
    gap:18px!important;
  }

  .avvm-logo-link.logo{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    max-width:150px!important;
    overflow:hidden!important;
  }

  .avvm-logo-link.logo .avvm-play-logo-img{
    height:28px!important;
    width:auto!important;
    max-width:134px!important;
    object-fit:contain!important;
  }

  .nav .links{
    justify-self:center!important;
  }

  .nav-cta.nav-cta-native-lang{
    justify-self:end!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
  }
}

/* Mobile: use hero top brand + language, hide fixed nav */
@media (max-width: 780px){
  .nav:not(.scrolled){
    display:none!important;
  }

  .hero-v5-top{
    display:flex!important;
    position:absolute!important;
    top:0!important;
    left:0!important;
    right:0!important;
    height:78px!important;
    z-index:20!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:0 18px!important;
    pointer-events:auto!important;
  }

  .hero-brand-stack{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:4px!important;
    max-width:58vw!important;
    min-width:0!important;
  }

  .hero-brand-stack .hero-logo-float{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    max-width:150px!important;
    overflow:hidden!important;
  }

  .hero-brand-stack .hero-logo-float .avvm-play-logo-img{
    height:27px!important;
    width:auto!important;
    max-width:136px!important;
    object-fit:contain!important;
  }

  .hero-brand-tagline{
    display:block!important;
    max-width:58vw!important;
    color:var(--lime,#D8F233)!important;
    font-size:8px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.08em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    margin-top:-11px!important;
  }

  .hero-v5-top .hero-top-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:0!important;
    margin-left:auto!important;
  }

  .hero-v5-top .hero-top-actions .btn{
    display:none!important;
  }

  .hero-v5-top .hero-native-lang.lang-with-icon,
  .hero-v5-top .native-lang-box.lang-with-icon{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:34px!important;
    min-width:74px!important;
    max-width:74px!important;
    padding:0 7px!important;
    gap:5px!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.18)!important;
    background:rgba(10,10,10,.50)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
    overflow:hidden!important;
    flex:0 0 74px!important;
  }

  .hero-v5-top .lang-globe-icon{
    display:block!important;
    width:15px!important;
    height:15px!important;
    flex:0 0 15px!important;
    margin:0!important;
    position:relative!important;
    left:0!important;
  }

  .hero-v5-top .hero-native-lang label,
  .hero-v5-top .native-lang-box label{
    display:none!important;
  }

  .hero-v5-top .hero-native-lang select,
  .hero-v5-top .native-lang-box select{
    display:block!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:24px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:950!important;
    line-height:1!important;
  }

  .hero-v5-content{
    padding-top:124px!important; /* Added space for the larger tagline */
  }
}

@media (max-width: 420px){
  .hero-v5-top{
    height:74px!important;
    padding:0 16px!important;
  }

  .hero-brand-stack{
    max-width:62vw!important;
  }

  .hero-brand-stack .hero-logo-float .avvm-play-logo-img{
    height:25px!important;
    max-width:126px!important;
  }

  .hero-brand-tagline{
    max-width:62vw!important;
    font-size:6.2px!important;
  }

  .hero-v5-top .hero-native-lang.lang-with-icon,
  .hero-v5-top .native-lang-box.lang-with-icon{
    height:32px!important;
    min-width:66px!important;
    max-width:66px!important;
    flex-basis:66px!important;
    padding:0 6px!important;
    gap:4px!important;
  }

  .hero-v5-top .lang-globe-icon{
    width:14px!important;
    height:14px!important;
    flex-basis:14px!important;
  }

  .hero-v5-top .hero-native-lang select,
  .hero-v5-top .native-lang-box select{
    width:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    font-size:9px!important;
  }
}


/* AVVM V8 PG Review Footer Links */
.footer-links a{color:rgba(255,255,255,.72);font-size:12px;text-transform:uppercase;font-weight:800;text-decoration:none}
.footer-links a:hover{color:var(--lime,#d8f233)}
.business-info a{color:var(--lime,#d8f233);font-weight:800;text-decoration:none}
.pg-review-strip{margin:12px auto 0;width:min(1120px,calc(100% - 44px));display:flex;flex-wrap:wrap;gap:10px;justify-content:center}

/* ==========================================================================
   AVVM PREMIUM SYSTEM OVEROVERRIDES & UPGRADES
   ========================================================================== */

/* 1. Custom Interactive Cursor Follower */
.custom-cursor {
    width: 6px;
    height: 6px;
    background-color: var(--lime, #d8f233);
    border-radius: 50%;
    position: fixed;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 10001;
    transition: width 0.3s, height 0.3s, background-color 0.3s;
}

.custom-cursor-follower {
    width: 44px;
    height: 44px;
    border: 1px solid rgba(216, 242, 51, 0.4);
    border-radius: 50%;
    position: fixed;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.08s ease-out, width 0.4s, height 0.4s, background-color 0.4s, border-color 0.4s;
}

.custom-cursor-follower span {
    font-family: var(--font-sans);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 0.1em;
    color: #040404;
    opacity: 0;
    transform: scale(0.6);
    transition: opacity 0.3s, transform 0.3s;
}

/* JS가 준비되기 전에는 브라우저 기본 커서를 유지합니다. */
body:not(.custom-cursor-ready) .custom-cursor,
body:not(.custom-cursor-ready) .custom-cursor-follower {
    opacity: 0;
}

/* Cursor fine pointer overrides */
@media (pointer: fine) {
    body.custom-cursor-ready,
    body.custom-cursor-ready a,
    body.custom-cursor-ready button,
    body.custom-cursor-ready select,
    body.custom-cursor-ready input,
    body.custom-cursor-ready textarea,
    body.custom-cursor-ready .option-chip,
    body.custom-cursor-ready .cat,
    body.custom-cursor-ready .legal-close,
    body.custom-cursor-ready .close {
        cursor: none !important;
    }
}

/* Hover States for Cursor Follower */
body.hovering-link .custom-cursor {
    width: 4px;
    height: 4px;
    background-color: #ffffff;
}
body.hovering-link .custom-cursor-follower {
    width: 58px;
    height: 58px;
    border-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.06);
}

body.hovering-video .custom-cursor {
    opacity: 0;
}
body.hovering-video .custom-cursor-follower {
    width: 80px;
    height: 80px;
    background-color: var(--lime, #d8f233);
    border-color: var(--lime, #d8f233);
    box-shadow: 0 0 30px rgba(216, 242, 51, 0.4);
}
body.hovering-video .custom-cursor-follower span {
    opacity: 1;
    transform: scale(1);
    color: #040404;
}

body.hovering-cta .custom-cursor {
    opacity: 0;
}
body.hovering-cta .custom-cursor-follower {
    width: 80px;
    height: 80px;
    background-color: #ffffff;
    border-color: #ffffff;
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.3);
}
body.hovering-cta .custom-cursor-follower span {
    opacity: 1;
    transform: scale(1);
    color: #040404;
}

body.hovering-close .custom-cursor {
    opacity: 0;
}
body.hovering-close .custom-cursor-follower {
    width: 70px;
    height: 70px;
    border-color: rgba(255, 255, 255, 0.5);
    background-color: rgba(0, 0, 0, 0.6);
}
body.hovering-close .custom-cursor-follower span {
    opacity: 1;
    transform: scale(1);
    color: #ffffff;
}

/* 2. WebGL-like Spark Canvas Background */
#flow-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1;
    pointer-events: none;
}

/* 3. Wave Distortion Mapping class */
.distort-apply {
    filter: url(#liquid-wave) !important;
}

/* 4. Luxury Glassmorphism Tweak for existing components */
.nav.scrolled {
    background: rgba(4, 4, 4, 0.45) !important;
    backdrop-filter: blur(25px) !important;
    -webkit-backdrop-filter: blur(25px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.ba-shell {
    background: radial-gradient(circle at 50% 0%, rgba(216, 242, 51, 0.06), transparent 50%), rgba(255, 255, 255, 0.01) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    box-shadow: 0 40px 100px rgba(0,0,0,0.6) !important;
}

.price-card, .process-card, .clarity-card, .portfolio-card, .ba-card {
    background: rgba(255, 255, 255, 0.01) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s, box-shadow 0.4s !important;
}

.price-card:hover, .process-card:hover, .clarity-card:hover, .portfolio-card:hover, .ba-card:hover {
    transform: translateY(-8px) !important;
    border-color: rgba(216, 242, 51, 0.3) !important;
    box-shadow: 0 20px 50px rgba(216, 242, 51, 0.05) !important;
}

.price-card.featured {
    border-color: rgba(216, 242, 51, 0.4) !important;
    background: radial-gradient(circle at 50% 0%, rgba(216, 242, 51, 0.06), transparent 60%), rgba(255, 255, 255, 0.02) !important;
}

.modal-card {
    background: rgba(15, 15, 15, 0.75) !important;
    backdrop-filter: blur(30px) !important;
    -webkit-backdrop-filter: blur(30px) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.legal-panel {
    background: rgba(8, 8, 8, 0.8) !important;
    backdrop-filter: blur(30px) !important;
    -webkit-backdrop-filter: blur(30px) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

/* Lenis smooth scroll core setup */
html.lenis {
    height: auto;
}
.lenis-smooth {
    scroll-behavior: auto !important;
}
.lenis-smooth [data-lenis-prevent] {
    overflow: clip;
}
.lenis-stopped {
    overflow: hidden;
}
.pg-review-strip a{border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:8px 12px;color:rgba(255,255,255,.78);text-decoration:none;font-size:11px;font-weight:900;text-transform:uppercase;background:rgba(255,255,255,.035)}

/* 5. Custom Mosaic Loader Screen */
#loader {
    position: fixed;
    inset: 0;
    background-color: #050505;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.9s cubic-bezier(0.86, 0, 0.07, 1);
    will-change: transform;
}

#loader.loaded {
    transform: translateY(-100%);
}

.loader-logo-wrap {
    text-align: center;
    transition: all 0.8s cubic-bezier(0.76, 0, 0.24, 1);
}

#loader.loaded .loader-logo-wrap {
    transform: translateY(-80px) scale(0.9);
    opacity: 0;
    filter: blur(10px);
}

/* Individual path draw-in animations */
.logo-path {
    stroke-dasharray: 400;
    stroke-dashoffset: 400;
    animation: drawStroke 1.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.path-a { animation-delay: 0.1s; }
.path-v1 { animation-delay: 0.2s; }
.path-v2 { animation-delay: 0.3s; }
.path-m-shadow { animation-delay: 0.4s; }
.path-m { animation-delay: 0.4s; }

.logo-poly {
    opacity: 0;
    transform-box: fill-box;
    transform-origin: center;
    animation: logoPlaySpin 0.72s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.82s;
}

@keyframes logoPlaySpin {
    0% { opacity: 0; transform: scale(0.18) rotate(-220deg); }
    58% { opacity: 1; transform: scale(1.16) rotate(18deg); }
    100% { opacity: 1; transform: scale(1) rotate(0); }
}

@media (prefers-reduced-motion: reduce) {
    .logo-poly { animation: fadeIn 0.2s ease forwards 0.82s; }
}

.loader-tagline {
    margin-top: 24px;
    font-size: 10px;
    letter-spacing: 0.4em;
    color: var(--lime, #d8f233);
    font-weight: 900;
    opacity: 0;
    transform: translateY(12px);
    animation: fadeInUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.9s;
}

@keyframes drawStroke {
    to { stroke-dashoffset: 0; }
}
@keyframes fadeIn {
    to { opacity: 1; }
}
@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 6. Locomotive Editorial Typography style override */
.logo, .avvm-text-logo, .hero-logo-float, .footer-logo {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-weight: 900 !important;
    font-style: italic !important;
    text-transform: none !important;
    letter-spacing: 0.02em !important;
    text-shadow: 0 4px 20px rgba(255, 255, 255, 0.08) !important;
}

/* 7. Hero Kinetic Bar Wave & Equalizer Typography Styles */
#hero-wave-bars {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    flex-direction: row;
    pointer-events: none;
}

.wave-bar {
    flex: 1;
    height: 100%;
    background: linear-gradient(180deg, rgba(216, 242, 51, 0.005) 0%, rgba(216, 242, 51, 0.06) 100%);
    border-left: 1px solid rgba(216, 242, 51, 0.03);
    transform: scaleY(0);
    transform-origin: bottom;
}

#hero-tagline-container {
    width: 100%;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px;
    position: relative;
    z-index: 5;
}

#hero-tagline-canvas {
    width: 800px;
    height: 180px;
    max-width: 100%;
    display: block;
}

/* Adjust sizes for smaller screens */
@media (max-width: 768px) {
    #hero-tagline-container {
        height: 110px;
        margin-bottom: 12px;
        justify-content: flex-start;
    }
    #hero-tagline-canvas {
        height: 110px;
    }
}

/* AVVM V10 scroll stable fix */
html, body{
  overscroll-behavior-y:auto!important;
  scroll-snap-type:none!important;
}
body.modal-open{
  overflow:hidden!important;
}
@media (pointer:coarse){
  html, body{
    scroll-behavior:auto!important;
    touch-action:pan-y!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  .lenis,
  .lenis-smooth{
    scroll-behavior:auto!important;
  }
}


/* AVVM V11 visible legal footer fix */
.footer{
  height:auto!important;
  min-height:94px!important;
  padding:26px 0 38px!important;
  overflow:visible!important;
}
.footer-inner{
  height:auto!important;
  min-height:94px!important;
}
.business-info{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:min(1120px,calc(100% - 44px))!important;
  margin:18px auto 0!important;
  padding:18px 0 0!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  color:rgba(255,255,255,.72)!important;
  font-size:12px!important;
  line-height:1.75!important;
  text-align:left!important;
}
.business-info b{
  color:#fff!important;
}
.legal-visible-footer{
  display:block!important;
  width:min(1120px,calc(100% - 44px))!important;
  margin:18px auto 0!important;
  padding:18px 16px!important;
  border:1px solid rgba(216,242,51,.22)!important;
  border-radius:16px!important;
  background:rgba(216,242,51,.045)!important;
  color:rgba(255,255,255,.78)!important;
  font-size:12px!important;
  line-height:1.72!important;
  text-align:left!important;
}
.legal-visible-footer b{
  color:var(--lime,#d8f233)!important;
  font-size:12px!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
@media(max-width:680px){
  .business-info,
  .legal-visible-footer{
    width:calc(100% - 28px)!important;
    font-size:11px!important;
    line-height:1.65!important;
  }
}


/* AVVM V12 start button plan selection flow */
.modal-card.plan-choosing .form-body,
.modal-card.plan-choosing .success-panel{
  display:none!important;
}
.modal-card:not(.plan-choosing) .plan-chooser{
  display:none!important;
}
.plan-chooser{
  margin-top:22px;
  display:block;
}
.plan-chooser-head{
  padding:16px;
  border:1px solid rgba(216,242,51,.18);
  border-radius:18px;
  background:rgba(216,242,51,.045);
  margin-bottom:14px;
}
.plan-chooser-head h3{
  margin:6px 0 8px;
  color:#fff;
  font-size:22px;
  line-height:1.22;
  letter-spacing:-.04em;
  word-break:keep-all;
}
.plan-chooser-head p{
  margin:0;
  color:rgba(255,255,255,.64);
  font-size:12px;
  line-height:1.65;
  word-break:keep-all;
}
.plan-chooser-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.plan-choice-section{
  display:grid;
  gap:9px;
  padding:12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  background:rgba(255,255,255,.025);
}
.plan-choice-kicker{
  color:var(--lime,#d8f233);
  font-size:11px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:2px;
}
.plan-choice-card{
  width:100%;
  text-align:left;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  border-radius:16px;
  padding:14px;
  color:#fff;
  cursor:pointer;
  transition:.22s ease;
}
.plan-choice-card:hover{
  border-color:rgba(216,242,51,.45);
  background:rgba(216,242,51,.06);
  transform:translateY(-2px);
}
.plan-choice-card.recommended{
  border-color:rgba(216,242,51,.36);
  background:linear-gradient(180deg,rgba(216,242,51,.08),rgba(255,255,255,.035));
}
.plan-choice-card b{
  display:block;
  font-size:15px;
  letter-spacing:-.02em;
  margin:7px 0 4px;
}
.plan-choice-card strong{
  display:block;
  color:var(--lime,#d8f233);
  font-size:22px;
  line-height:1;
  margin-bottom:7px;
}
.plan-choice-card small{
  display:block;
  color:rgba(255,255,255,.62);
  font-size:11px;
  line-height:1.45;
  word-break:keep-all;
}
.plan-choice-tag{
  display:inline-flex;
  border-radius:999px;
  padding:5px 7px;
  background:rgba(216,242,51,.12);
  color:var(--lime,#d8f233);
  font-size:8px;
  font-weight:950;
  letter-spacing:.08em;
}

/* Optional Google sign-in: guest checkout remains available at all times. */
.auth-account-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  max-width:170px;
  padding:0 14px 0 9px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(255,255,255,.055);
  backdrop-filter:blur(10px);
  color:rgba(255,255,255,.9);
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
}
.auth-account-badge[hidden]{display:none!important}
.auth-account-badge>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.auth-badge-avatar{
  flex:0 0 auto;
  display:inline-grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:50%;
  background:var(--lime,#d8f233);
  color:#111;
  font:900 11px/1 Inter,system-ui,sans-serif;
  font-style:normal;
}
.auth-google-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:0 15px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:12px;
  background:#fff;
  color:#161616;
  font:800 11px/1 Inter,system-ui,sans-serif;
  letter-spacing:.02em;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease;
}
.auth-google-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.25)}
.auth-google-mark{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#4285f4;color:#fff;font:900 12px/1 Arial,sans-serif}
.auth-google-glyph{flex:0 0 auto;display:block;background:#fff;border-radius:50%;padding:3px;box-sizing:content-box}
.auth-google-nav{
  min-height:40px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(255,255,255,.055);
  backdrop-filter:blur(10px);
  color:rgba(255,255,255,.9);
  font-size:10px;
  letter-spacing:.08em;
}
.auth-google-nav:hover{border-color:rgba(216,242,51,.55);background:rgba(216,242,51,.08);box-shadow:0 8px 22px rgba(216,242,51,.10)}
.auth-inline-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:14px 0 2px;
  padding:14px;
  border:1px solid rgba(216,242,51,.24);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(216,242,51,.09),rgba(255,255,255,.025));
}
.auth-inline-panel[hidden]{display:none!important}
.auth-inline-copy{min-width:0}
.auth-inline-kicker{display:block;margin-bottom:5px;color:var(--lime,#d8f233);font-size:9px;font-weight:950;letter-spacing:.12em}
.auth-inline-copy b{display:block;color:#fff;font-size:13px}
.auth-inline-copy p{margin:5px 0 0;color:rgba(255,255,255,.66);font-size:11px;line-height:1.55;word-break:keep-all}
.auth-inline-action{display:grid;gap:8px;flex:0 0 auto}
.auth-signed-in{display:none;max-width:220px;color:rgba(255,255,255,.75);font-size:11px;line-height:1.45}
.auth-signed-in strong{color:#fff;font-weight:800;overflow-wrap:anywhere}
.auth-signed-in button{margin:5px 0 0;padding:0;border:0;background:transparent;color:var(--lime,#d8f233);font:800 10px/1 Inter,system-ui,sans-serif;cursor:pointer}
.avvm-authenticated .auth-inline-action>.auth-google-button{display:none}
.avvm-authenticated .auth-signed-in{display:block}
@media(max-width:760px){
  .auth-account-badge{display:none!important}
  .auth-google-nav{min-height:36px;width:36px;padding:0;border-radius:50%;justify-content:center}
  .auth-google-nav span[data-i18n]{display:none}
  .auth-inline-panel{align-items:flex-start;flex-direction:column}
  .auth-inline-action{width:100%}
  .auth-inline-action .auth-google-button{width:100%}
}
@media(max-width:680px){
  .plan-chooser-grid{
    grid-template-columns:1fr;
  }
  .plan-choice-section{
    padding:10px;
  }
  .plan-choice-card{
    padding:13px;
  }
  .plan-choice-card strong{
    font-size:20px;
  }
}


/* AVVM V13 PortOne privacy update */
.business-info,
.legal-visible-footer{
  word-break:keep-all!important;
}
.portone-privacy-note{
  color:rgba(255,255,255,.72)!important;
  font-size:12px!important;
  line-height:1.7!important;
}


/* AVVM V14 order form visibility/focus fix */
.order-form-section-title{
  margin:16px 0 6px!important;
  color:var(--lime,#d8f233)!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
.order-form-helper{
  margin:0 0 12px!important;
  color:rgba(255,255,255,.66)!important;
  font-size:12px!important;
  line-height:1.6!important;
  word-break:keep-all!important;
}
.order-input-label{
  display:block!important;
  margin:13px 0 6px!important;
  color:rgba(255,255,255,.84)!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
}
.order-input-label span{
  color:var(--lime,#d8f233)!important;
}
#brandInput,
#emailInput,
#phoneInput{
  min-height:46px!important;
  border-color:rgba(216,242,51,.18)!important;
  background:rgba(0,0,0,.74)!important;
}
.field-attention,
#consentGroup.field-attention{
  border-color:var(--lime,#d8f233)!important;
  box-shadow:0 0 0 2px rgba(216,242,51,.24),0 0 32px rgba(216,242,51,.16)!important;
  animation:avvmFieldPulse 1.2s ease-in-out 1!important;
}
@keyframes avvmFieldPulse{
  0%,100%{transform:translateY(0)}
  35%{transform:translateY(-2px)}
  70%{transform:translateY(1px)}
}
.modal-card{
  scroll-behavior:smooth!important;
}
@media(max-width:560px){
  .order-form-helper,
  .order-input-label{
    font-size:11.5px!important;
  }
}


/* AVVM V15 customer info visible before payment */
.customer-info-visible-block{
  margin:18px 0 14px!important;
  padding:16px!important;
  border:1px solid rgba(216,242,51,.20)!important;
  border-radius:18px!important;
  background:rgba(216,242,51,.045)!important;
}
.customer-info-visible-block .order-form-section-title{
  margin-top:0!important;
}
.customer-info-visible-block .field{
  margin-top:0!important;
}
#brandInput2,
#emailInput2,
#phoneInput2{
  min-height:46px!important;
  border-color:rgba(216,242,51,.24)!important;
  background:rgba(0,0,0,.76)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
#customerInfoVisibleBlock.field-attention{
  border-color:var(--lime,#d8f233)!important;
  box-shadow:0 0 0 2px rgba(216,242,51,.22),0 0 32px rgba(216,242,51,.15)!important;
}
@media(max-width:560px){
  .customer-info-visible-block{
    padding:14px!important;
  }
}


/* AVVM V16 visible photo upload field */
.photo-upload-visible-block{
  margin:18px 0 14px!important;
  padding:16px!important;
  border:1px solid rgba(216,242,51,.20)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.025)!important;
}
.photo-upload-visible-block.has-file{
  border-color:rgba(216,242,51,.45)!important;
  background:rgba(216,242,51,.055)!important;
}
.input-method-panel{
  margin:18px 0 14px!important;
  padding:16px!important;
  border:1px solid rgba(216,242,51,.20)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(216,242,51,.075),rgba(255,255,255,.018))!important;
}
.input-method-head > span{
  display:block;
  color:var(--lime,#d8f233);
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
}
.input-method-head > b{
  display:block;
  margin-top:7px;
  color:#fff;
  font-size:15px;
  line-height:1.38;
}
.input-method-head > p,
.input-method-note{
  margin:6px 0 0;
  color:rgba(255,255,255,.62);
  font-size:11.5px;
  line-height:1.55;
}
.input-method-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:13px;
}
.input-method-card{
  min-height:112px;
  padding:12px 9px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  background:rgba(0,0,0,.34);
  color:#fff;
  text-align:left;
  cursor:pointer;
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
.input-method-card:hover,
.input-method-card:focus-visible{
  border-color:rgba(216,242,51,.72);
  background:rgba(216,242,51,.09);
  outline:none;
  transform:translateY(-2px);
}
.input-method-card.is-active{
  border-color:var(--lime,#d8f233);
  background:rgba(216,242,51,.11);
  box-shadow:0 9px 28px rgba(216,242,51,.09);
}
.input-method-card.is-listening .input-method-icon{
  color:#050505;
  background:var(--lime,#d8f233);
  box-shadow:0 0 0 7px rgba(216,242,51,.12),0 0 26px rgba(216,242,51,.46);
  animation:avvmVoicePulse 1s ease-in-out infinite;
}
.input-method-icon{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  margin-bottom:12px;
  border:1px solid rgba(216,242,51,.32);
  border-radius:9px;
  color:var(--lime,#d8f233);
  font-size:15px;
  line-height:1;
}
.input-method-card b{display:block;font-size:12px;font-weight:900;line-height:1.25;word-break:keep-all}
.input-method-card small{display:block;margin-top:5px;color:rgba(255,255,255,.56);font-size:10px;line-height:1.34;word-break:keep-all}
.input-method-note{min-height:18px;color:rgba(216,242,51,.78)}
.voice-transcript-card{
  display:grid;
  gap:10px;
  margin-top:12px;
  padding:13px;
  border:1px solid rgba(216,242,51,.46);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(216,242,51,.14),rgba(255,255,255,.035));
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.16);
}
.voice-transcript-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.voice-transcript-head span{color:var(--lime,#d8f233);font-size:9px;font-weight:900;letter-spacing:.14em}
.voice-transcript-head b{color:#fff;font-size:11px;line-height:1.4;text-align:end}
.voice-transcript-text{
  display:block;
  min-height:46px;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:10px;
  background:rgba(0,0,0,.28);
  color:#fff;
  font-size:13px;
  font-weight:650;
  line-height:1.55;
  overflow-wrap:anywhere;
  white-space:pre-wrap;
}
.voice-transcript-card[data-voice-state="listening"] .voice-transcript-text{
  color:rgba(255,255,255,.62);
  border-color:rgba(216,242,51,.32);
}
.voice-transcript-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}
.voice-transcript-foot p{margin:0;color:rgba(255,255,255,.62);font-size:10px;line-height:1.45}
.voice-transcript-edit{flex:0 0 auto;padding:7px 9px;border:1px solid rgba(216,242,51,.6);border-radius:999px;background:transparent;color:var(--lime,#d8f233);font-size:10px;font-weight:900;cursor:pointer}
.voice-transcript-edit:hover,.voice-transcript-edit:focus-visible{background:var(--lime,#d8f233);color:#050505;outline:none}
@keyframes avvmVoicePulse{50%{transform:scale(1.08)}}
.photo-upload-drop{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:74px!important;
  padding:15px!important;
  border-radius:16px!important;
  border:1px dashed rgba(216,242,51,.36)!important;
  background:rgba(0,0,0,.45)!important;
  cursor:pointer!important;
  color:#fff!important;
}
.photo-upload-drop:hover{
  border-color:var(--lime,#d8f233)!important;
  background:rgba(216,242,51,.055)!important;
}
.photo-upload-icon{
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  border-radius:999px!important;
  background:var(--lime,#d8f233)!important;
  color:#050505!important;
  font-weight:950!important;
  font-size:23px!important;
  flex:0 0 42px!important;
}
.photo-upload-drop b{
  display:block!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.25!important;
}
.photo-upload-drop small{
  display:block!important;
  margin-top:3px!important;
  color:rgba(255,255,255,.58)!important;
  font-size:11px!important;
  line-height:1.35!important;
  word-break:break-all!important;
}
.photo-upload-input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
#imagePreview.on{
  display:block!important;
  margin-top:12px!important;
}
@media(max-width:560px){
  .input-method-panel{padding:14px!important}
  .input-method-card{min-height:106px;padding:11px 8px}
  .input-method-card b{font-size:11px}
  .input-method-card small{font-size:9.5px}
  .voice-transcript-head{align-items:flex-start;flex-direction:column;gap:3px}
  .voice-transcript-head b{text-align:start}
  .voice-transcript-foot{align-items:flex-start;flex-direction:column}
  .photo-upload-visible-block{
    padding:14px!important;
  }
  .photo-upload-drop{
    min-height:68px!important;
    padding:13px!important;
  }
  .photo-upload-icon{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
  }
}


/* AVVM V17 Personal Transform active style fix */
.cat-grid .cat,
.cat-grid .cat-btn,
.cat-grid [data-category]{
  color:rgba(255,255,255,.72)!important;
  opacity:1!important;
}
.cat-grid .cat.active,
.cat-grid .cat-btn.active,
.cat-grid [data-category].active{
  color:var(--lime,#d8f233)!important;
  border-color:var(--lime,#d8f233)!important;
  background:rgba(216,242,51,.08)!important;
  box-shadow:0 0 0 1px rgba(216,242,51,.18),0 0 22px rgba(216,242,51,.10)!important;
}

/* V19 package includes app-level injected upload style. */


/* Operational payment and business text */
.payment-security-note{
  margin:0 0 10px!important;
  padding:11px 12px!important;
  border-radius:12px!important;
  border:1px solid rgba(216,242,51,.24)!important;
  background:rgba(216,242,51,.055)!important;
  color:rgba(255,255,255,.76)!important;
  font-size:11.5px!important;
  line-height:1.6!important;
  word-break:keep-all!important;
}
.payment-security-note b{
  color:var(--lime,#d8f233)!important;
  font-size:12px!important;
}
#submitOrder{
  background:linear-gradient(135deg,var(--lime,#d8f233),#efff5d)!important;
  color:#050505!important;
}

/* ==========================================================================
   PREMIUM CUSTOM DESIGN OVERRIDES FOR ORDER FORM
   ========================================================================== */

/* 1. Style Buttons (.cat) */
.cat-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px !important;
  margin-top: 14px !important;
}

.cat {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.72) !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.cat:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  color: #fff !important;
}

.cat.active {
  background: rgba(216, 242, 51, 0.06) !important;
  border-color: var(--lime, #d8f233) !important;
  color: var(--lime, #d8f233) !important;
  box-shadow: 0 0 20px rgba(216, 242, 51, 0.12) !important;
}

/* 2. Text Input Fields (.field) */
.field {
  width: 100% !important;
  background: rgba(0, 0, 0, 0.45) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  color: #fff !important;
  font-size: 13px !important;
  font-family: inherit !important;
  margin-top: 8px !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.field:focus {
  border-color: var(--lime, #d8f233) !important;
  background: rgba(0, 0, 0, 0.65) !important;
  box-shadow: 0 0 16px rgba(216, 242, 51, 0.08) !important;
  outline: none !important;
}

/* 3. Section Titles & Helpers */
.order-form-section-title {
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  color: #fff !important;
  margin-top: 24px !important;
  margin-bottom: 6px !important;
}

.order-form-helper {
  font-size: 11.5px !important;
  line-height: 1.6 !important;
  color: rgba(255, 255, 255, 0.48) !important;
  margin-bottom: 14px !important;
}

/* 4. Labels */
.order-input-label {
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  color: rgba(255, 255, 255, 0.64) !important;
  text-transform: uppercase !important;
  margin-top: 16px !important;
  margin-bottom: 4px !important;
  display: block !important;
}

/* 5. Submit/TRANSFORM Button */
#submitOrder {
  font-family: inherit !important;
  height: 52px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  border-radius: 14px !important;
  background: var(--lime, #d8f233) !important;
  color: #050505 !important;
  border: none !important;
  box-shadow: 0 10px 30px rgba(216, 242, 51, 0.15) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  margin-top: 20px !important;
}

#submitOrder:hover:not(:disabled) {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 38px rgba(216, 242, 51, 0.28) !important;
  background: #efff5d !important;
}

#submitOrder:disabled {
  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.3) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}

/* Scrollable Modal Container and Card Overrides */
.modal {
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  padding: 20px !important;
}

.modal.on {
  display: block !important; /* block display allows natural scroll container behavior */
}

.modal-card {
  margin: 40px auto !important; /* centers the card horizontally, creates vertical spacing */
  max-height: none !important;
  overflow: visible !important;
}

/* Paintbrush Cursor Trail Canvas overlay */
#brush-canvas {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 2; /* Sits in front of flow background, behind main contents */
  opacity: 0.85;
}

/* ==========================================
   Memorial Section Styles
   ========================================== */
.memorial-section {
  padding: 80px 0;
  background: linear-gradient(180deg, #050505 0%, #0c0c0c 100%);
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.memorial-section .section-bar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  margin-bottom: 24px;
}
.memorial-section .pricing-grid {
  grid-template-columns: repeat(2, 1fr);
  max-width: 840px;
  margin: 30px auto 0;
}
.memorial-section .price-card {
  border-color: rgba(255, 255, 255, 0.08);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.005));
  box-shadow: none;
}
.memorial-section .price-card.featured {
  border-color: rgba(216, 242, 51, 0.25);
  background: linear-gradient(145deg, rgba(216, 242, 51, 0.03), rgba(255, 255, 255, 0.01));
}
.memorial-section .price-card.featured .badge {
  background: rgba(216, 242, 51, 0.85);
  color: #000;
}

/* ==========================================
   ID / Profile Photo Section Styles
   ========================================== */
.id-profile-section {
  padding: 80px 0;
  background: #050505;
}
.id-profile-section .section-bar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  margin-bottom: 24px;
}
.id-profile-grid {
  grid-template-columns: repeat(3, 1fr);
  margin-top: 30px;
}
.id-profile-grid .price-card {
  border-color: rgba(255, 255, 255, 0.08);
}
.id-profile-grid .price-card.featured {
  border-color: rgba(216, 242, 51, 0.35);
  background: linear-gradient(145deg, rgba(216, 242, 51, 0.04), rgba(255, 255, 255, 0.01));
}

/* Responsive adjustments for new sections */
@media (max-width: 920px) {
  .id-profile-grid {
    grid-template-columns: 1fr !important;
    max-width: 480px;
  }
  .memorial-section .pricing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 840px;
  }
  .memorial-section .price-card {
    padding: 22px 16px;
  }
  .memorial-section .price-card .price {
    font-size: clamp(26px, 7vw, 42px);
  }
  .memorial-section .price-card p,
  .memorial-section .price-card li {
    font-size: 11px;
  }
  .memorial-section .price-card ul {
    margin: 14px 0;
  }
  .memorial-section,
  .id-profile-section {
    padding: 60px 20px;
  }
}

/* ==========================================
   Sticky Quick Category Navigation Bar & Teaser
   ========================================== */
.quick-nav-bar {
  position: sticky;
  top: 78px; /* sits right below nav header (height: 78px) */
  z-index: 99;
  background: rgba(5, 5, 5, 0.88);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding: 12px 0;
  transition: background 0.3s;
}
.quick-nav-inner {
  display: flex;
  justify-content: center;
  gap: 12px;
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 16px;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.quick-nav-inner::-webkit-scrollbar {
  display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.quick-nav-inner {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.quick-nav-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.85);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
  cursor: pointer;
}
.quick-nav-item:hover {
  background: rgba(216, 242, 51, 0.1);
  border-color: var(--lime);
  color: var(--lime);
  transform: translateY(-1px);
}
.quick-nav-item .nav-sub-tag {
  font-size: 10px;
  opacity: 0.6;
  font-weight: 500;
}
.quick-nav-item:hover .nav-sub-tag {
  opacity: 0.95;
}
.quick-nav-ad {
  border-color: rgba(216, 242, 51, 0.42);
  color: var(--lime);
}
.quick-nav-logo {
  border-color: rgba(255, 255, 255, 0.24);
}
.links .nav-ad-studio,
.links .nav-logo-studio {
  color: var(--lime);
  white-space: nowrap;
}
@media (max-width: 1380px) {
  .links .nav-ad-studio,
  .links .nav-logo-studio { display: none; }
}

@keyframes pulseGlow {
  0%, 100% {
    box-shadow: 0 0 12px rgba(216,242,51,0.05);
    border-color: rgba(216,242,51,0.25);
  }
  50% {
    box-shadow: 0 0 24px rgba(216,242,51,0.2);
    border-color: rgba(216,242,51,0.6);
  }
}

/* Hero notice teaser positioning: placed directly in-flow inside hero-v5-content */
.hero-teaser-wrapper {
  position: relative;
  margin-top: 24px;
  margin-bottom: 4px;
  align-self: flex-start;
  z-index: 10;
  opacity: 0;
  transform: translateY(20px);
  animation: v5FadeUp .86s cubic-bezier(.16,1,.3,1) 1.5s forwards;
}

.hero-new-notice {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 18px;
  border-radius: 999px;
  background: rgba(216,242,51,0.08);
  border: 1px solid rgba(216,242,51,0.25);
  box-shadow: 0 0 20px rgba(216,242,51,0.05);
  animation: pulseGlow 2s infinite ease-in-out;
  text-decoration: none;
}

.hero-new-notice span:nth-child(1) {
  font-size: 14px;
}

.hero-new-notice span:nth-child(2) {
  font-size: 12px;
  color: #fff;
  font-weight: 800;
  letter-spacing: -0.02em;
}

/* Keep the Memorial launch notice centered between the hero promise and CTA. */
.hero-v5-sub {
  margin-bottom: 0 !important;
}
.hero-teaser-wrapper {
  margin: 26px 0 !important;
}
.hero-v5-actions {
  margin-top: 0 !important;
}

@media(max-width:680px){
  .quick-nav-bar {
    top: 66px; /* below mobile nav header (height: 66px) */
    padding: 10px 0;
  }
  .quick-nav-inner {
    justify-content: flex-start; /* allow scrollable layout on mobile */
    gap: 8px;
  }
  .quick-nav-item {
    padding: 6px 12px;
    font-size: 12px;
  }
  .hero-v5-content {
    padding-bottom: 88px !important; /* Reset padding back since notice flows relatively */
  }
  .hero-teaser-wrapper {
    align-self: center !important;
    text-align: center;
    margin: 20px auto !important;
    transform: translateY(20px);
    width: max-content;
    max-width: calc(100% - 32px);
  }
  .hero-v5-actions {
    margin-top: 0 !important;
  }
  .hero-new-notice {
    padding: 8px 14px;
  }
  .hero-new-notice span:nth-child(2) {
    font-size: 11px;
  }
}

/* ==========================================
   Memorial Before / After Comparison Styles
   ========================================== */
.memorial-ba-stage {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 40px;
}
.memorial-ba-card {
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: #0b0b0b;
  height: 380px;
  display: flex;
  flex-direction: column;
}
.memorial-ba-card.featured {
  border-color: rgba(216, 242, 51, 0.25);
  box-shadow: 0 10px 30px rgba(216, 242, 51, 0.04);
}
.memorial-ba-media {
  flex: 1;
  background-size: cover;
  background-position: center;
  /* Match the video crop exactly so Kkamsooni keeps the same scale on both sides. */
  transform: scale(1.12) translateX(-1.8%);
  transform-origin: center center;
}
.memorial-ba-video-wrapper {
  flex: 1;
  position: relative;
  overflow: hidden;
  background: #000;
}
.memorial-ba-video-wrapper video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.memorial-ba-card.featured .memorial-ba-video-wrapper video {
  /* Crop edge artifacts embedded in the source video without changing the motion. */
  transform: scale(1.12) translateX(-1.8%);
  transform-origin: center center;
}
.memorial-ba-label {
  padding: 12px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  background: #050505;
  text-align: center;
  font-weight: 700;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.memorial-ba-card.featured .memorial-ba-label {
  color: var(--lime);
  border-top-color: rgba(216, 242, 51, 0.15);
}

/* WEB-STUDIO sister-brand promotional film */
.web-studio-section {
  padding: 96px 0;
  background: linear-gradient(135deg, #090909 0%, #151515 52%, #070707 100%);
  border-top: 1px solid rgba(255,255,255,.1);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.web-studio-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 430px);
  align-items: center;
  gap: clamp(34px, 7vw, 112px);
}
.web-studio-copy h2 {
  margin: 14px 0 22px;
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(54px, 7vw, 100px);
  line-height: .86;
  letter-spacing: .02em;
}
.web-studio-copy p {
  max-width: 560px;
  color: rgba(255,255,255,.7);
  font-size: 15px;
  line-height: 1.75;
  word-break: keep-all;
}
.web-studio-logo-motion {
  max-width: 560px;
  margin: 20px 0 22px;
  overflow: hidden;
  border: 1px solid rgba(216,242,51,.38);
  border-radius: 14px;
  background: #f0eee7;
  box-shadow: 0 24px 60px rgba(0,0,0,.32);
}
.web-studio-logo-motion video {
  display: block;
  width: 100%;
  aspect-ratio: 1392 / 208;
  object-fit: cover;
  background: #f0eee7;
}
.web-studio-logo-motion span {
  display: block;
  padding: 8px 11px;
  background: #050505;
  color: var(--lime);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .12em;
  text-align: center;
}
.web-studio-pending {
  display: inline-block;
  margin-top: 24px;
  color: var(--lime);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.web-studio-link { text-decoration: none; transition: color .2s ease, transform .2s ease; }
.web-studio-link:hover { color: #fff; transform: translateX(4px); }
.web-studio-reels {
  width: min(100%, 430px);
  justify-self: end;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.web-studio-film {
  overflow: hidden;
  border: 1px solid rgba(216,242,51,.3);
  border-radius: 20px;
  background: #000;
  box-shadow: 0 30px 90px rgba(0,0,0,.45);
}
.web-studio-film video {
  display: block;
  width: 100%;
  aspect-ratio: 696 / 1280;
  object-fit: cover;
  background: #000;
}
.web-studio-film-label {
  display: block;
  padding: 9px 10px 10px;
  color: rgba(255,255,255,.82);
  background: #000;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .12em;
  text-align: center;
}
.web-studio-hook-film { border-color: rgba(216,242,51,.62); box-shadow: 0 20px 70px rgba(216,242,51,.15); }
.web-studio-hook-film .web-studio-film-label { color: var(--lime); }

@media (max-width: 768px) {
  .memorial-ba-stage {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .memorial-ba-card {
    height: 250px;
  }
  .memorial-ba-label {
    min-height: 42px;
    padding: 8px 6px;
    display: grid;
    place-items: center;
    font-size: 9px;
    line-height: 1.35;
  }
  .web-studio-section { padding: 70px 0; }
  .web-studio-grid { grid-template-columns: 1fr; gap: 30px; }
  .web-studio-reels { justify-self: center; width: min(100%, 360px); }
}

@media (max-width: 390px) {
  .memorial-ba-card { height: 218px; }
  .memorial-section .price-card { padding: 18px 12px; }
  .memorial-section .price-card h3 { font-size: 12px; }
  .memorial-section .price-card p,
  .memorial-section .price-card li { font-size: 10px; }
}

/* Main before/after preview: remove the thin white edge encoded in the AFTER source. */
.ba-card--after .ba-output-video {
  transform: scale(1.08);
  transform-origin: center center;
}

/* Desktop Navigation Brand Tagline */
.nav-brand-stack {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 2px !important;
}
.nav-brand-tagline {
  color: var(--lime, #D8F233) !important;
  font-size: 8.8px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  opacity: 0.94 !important;
  text-shadow: 0 0 12px rgba(216,242,51,0.22) !important;
  /* Pull the tagline into the transparent lower area of the logo artwork. */
  margin-top: -13px !important;
}

/* ==========================================================================
   Services Overview Grid & Premium Cards Styles
   ========================================================================== */
.services-overview {
  padding: 82px 0 72px;
  background: linear-gradient(180deg, #050505 0%, #080808 100%);
  border-top: 1px solid rgba(255,255,255,0.06);
}

.services-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 32px;
}

.service-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 240px;
  padding: 30px 24px;
  background: rgba(255, 255, 255, 0.015);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 20px;
  text-decoration: none !important;
  color: #fff !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  overflow: hidden;
}

.service-card-glow {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 0%, rgba(216, 242, 51, 0.12) 0%, transparent 60%);
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
  z-index: 1;
}

.service-icon {
  font-size: 34px;
  line-height: 1;
  margin-bottom: 22px;
  transition: transform 0.4s ease;
  z-index: 2;
}

.service-card h3 {
  font-size: 19px;
  font-weight: 800;
  letter-spacing: -0.015em;
  margin-bottom: 12px;
  text-transform: uppercase;
  z-index: 2;
}

.service-card p {
  font-size: 13.5px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.58);
  margin-bottom: 24px;
  font-weight: 400;
  word-break: keep-all;
  z-index: 2;
}

.service-tag {
  align-self: flex-start;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  color: var(--lime, #D8F233);
  background: rgba(216, 242, 51, 0.08);
  padding: 6px 12px;
  border-radius: 99px;
  border: 1px solid rgba(216, 242, 51, 0.18);
  letter-spacing: 0.04em;
  z-index: 2;
  transition: all 0.3s ease;
}

/* Hover effects */
.service-card:hover {
  transform: translateY(-6px);
  background: rgba(255, 255, 255, 0.035);
  border-color: rgba(216, 242, 51, 0.35);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6), 0 0 20px rgba(216, 242, 51, 0.06);
}

.service-card:hover .service-card-glow {
  opacity: 1;
}

.service-card:hover .service-icon {
  transform: scale(1.18);
}

.service-card:hover .service-tag {
  background: var(--lime, #D8F233);
  color: #050505;
  box-shadow: 0 0 14px rgba(216, 242, 51, 0.3);
}

/* Responsive Overrides */
@media (max-width: 1020px) {
  .services-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}

@media (max-width: 600px) {
  .services-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .services-overview {
    padding: 62px 0 52px;
  }

  .service-card {
    min-height: 200px;
    padding: 24px 20px;
  }
}

/* Works: production-type selector linked to verified results and orders */
.works{
  padding:78px 0 66px;
  background:radial-gradient(circle at 50% 0,rgba(216,242,51,.055),transparent 33%),linear-gradient(180deg,#070707,#050505);
}
.works-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:28px;
}
.works-kicker{
  margin-bottom:9px;
  color:var(--lime);
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.works-heading .section-label{
  margin:0;
  font-family:"Bebas Neue",Inter,sans-serif;
  font-size:clamp(40px,4.1vw,66px);
  line-height:.92;
  letter-spacing:.015em;
}
.works-heading p{
  max-width:510px;
  margin:11px 0 0;
  color:rgba(255,255,255,.62);
  font-size:13px;
  line-height:1.6;
}
.works-heading .view-all{flex:0 0 auto;margin-bottom:3px}
.works-strip{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
}
.work-card{
  display:flex;
  min-width:0;
  height:346px;
  flex-direction:column;
  justify-content:space-between;
  padding:18px;
  border-radius:15px;
  isolation:isolate;
}
.work-card:after{z-index:-1;background:linear-gradient(to bottom,rgba(0,0,0,.05),rgba(0,0,0,.92) 72%)}
.work-card .bg{z-index:-2}
.work-card-content{position:relative;z-index:1}
.work-card-content small{
  display:block;
  color:var(--lime);
  font-size:9px;
  font-weight:900;
  letter-spacing:.1em;
  line-height:1.3;
}
.work-card h3{
  margin:10px 0 7px;
  color:#fff;
  font-family:"Bebas Neue",Inter,sans-serif;
  font-size:30px;
  font-weight:400;
  letter-spacing:.025em;
  line-height:.94;
  text-transform:uppercase;
}
.work-card p{
  margin:0;
  color:rgba(255,255,255,.72);
  font-size:11px;
  line-height:1.5;
  word-break:keep-all;
}
.work-card-meta{
  margin-top:14px;
  color:rgba(255,255,255,.72);
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
}
.work-card-actions{
  position:relative;
  z-index:2;
  display:grid;
  gap:7px;
}
.work-result-link,
.work-start{
  display:flex;
  min-height:34px;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  font:inherit;
  font-size:9px;
  font-weight:900;
  letter-spacing:.06em;
  line-height:1;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease;
}
.work-result-link{
  border:1px solid rgba(255,255,255,.18);
  color:rgba(255,255,255,.88);
  background:rgba(0,0,0,.2);
}
.work-start{
  cursor:pointer;
  border:1px solid var(--lime);
  color:#060606;
  background:var(--lime);
}
.work-card:hover .work-result-link{border-color:rgba(216,242,51,.72);color:var(--lime)}
.work-card:hover .work-start{transform:translateY(-1px);background:#ecff75}
@media(max-width:1020px){
  .works-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .work-card{height:310px}
}
@media(max-width:680px){
  .works{padding:66px 0 56px}
  .works-heading{align-items:flex-start;flex-direction:column;gap:15px}
  .works-heading .view-all{display:inline-flex}
  .works-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .work-card{height:330px;padding:14px;border-radius:13px}
  .work-card h3{font-size:26px}
  .work-card p{font-size:10px}
}

/* AVVM premium pre-flight and transparent production tracking */
.source-intelligence{
  display:none;
  margin-top:14px;
  padding:15px;
  overflow:hidden;
  border:1px solid rgba(216,242,51,.32);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(216,242,51,.09),rgba(255,255,255,.025) 42%,rgba(0,0,0,.16));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 16px 36px rgba(0,0,0,.22);
}
.source-intelligence.on{display:block}
.source-intelligence-head,.production-tracker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;font-weight:950;letter-spacing:.13em;line-height:1.2;text-transform:uppercase}
.source-intelligence-head>span,.production-tracker-head>span{color:rgba(255,255,255,.58)}
.source-intelligence-head>b,.production-tracker-head>b{color:var(--lime);text-align:right}
.source-intelligence-grid{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:center;margin-top:13px}
.preflight-visual{position:relative;min-height:138px;overflow:hidden;border:1px solid rgba(216,242,51,.28);border-radius:13px;background:#070707}
.preflight-visual img{display:block;width:100%;height:138px;object-fit:cover;filter:saturate(.86) contrast(1.05)}
.preflight-visual:after{position:absolute;inset:0;content:"";background:linear-gradient(135deg,rgba(216,242,51,.14),transparent 42%,rgba(255,255,255,.04));pointer-events:none}
.preflight-scan{position:absolute;z-index:2;right:0;left:0;height:2px;background:var(--lime);box-shadow:0 0 18px 4px rgba(216,242,51,.68);animation:avvmSourceScan 2.4s linear infinite}
.preflight-source-label{position:absolute;z-index:3;bottom:8px;left:8px;padding:4px 6px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(0,0,0,.48);color:#fff;font-size:8px;font-weight:950;letter-spacing:.1em}
@keyframes avvmSourceScan{0%{top:6%;opacity:.3}15%,85%{opacity:1}100%{top:94%;opacity:.3}}
.source-score-row{display:flex;align-items:baseline;gap:5px;line-height:1}.source-score-row strong{color:#fff;font-size:34px;letter-spacing:-.07em}.source-score-row>span{color:rgba(255,255,255,.42);font-size:11px;font-weight:850}.source-score-row>b{margin-left:auto;color:var(--lime);font-size:8px;font-weight:950;letter-spacing:.08em;text-align:right}
.source-score-bar,.production-tracker-line{height:5px;margin:10px 0 11px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.1)}
.source-score-bar i,.production-tracker-line i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#fff,var(--lime));box-shadow:0 0 18px rgba(216,242,51,.7);transition:width .65s cubic-bezier(.2,.8,.2,1)}
.source-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.source-metrics span{min-width:0;color:rgba(255,255,255,.43);font-size:7px;font-weight:850;letter-spacing:.04em}.source-metrics b{display:block;overflow:hidden;color:rgba(255,255,255,.9);font-size:9px;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}
.source-intelligence-copy p{min-height:31px;margin:10px 0 8px;color:rgba(255,255,255,.68);font-size:10px;line-height:1.45}.preflight-output{padding-top:8px;border-top:1px solid rgba(255,255,255,.1);color:var(--lime);font-size:8px;font-weight:950;letter-spacing:.08em;line-height:1.35;text-transform:uppercase}.source-intelligence-note{margin:12px 0 0;color:rgba(255,255,255,.43);font-size:9px;line-height:1.55}.source-intelligence.is-analyzing .preflight-scan{animation-duration:.8s}.source-intelligence[data-grade="care"]{border-color:rgba(255,192,98,.42)}.source-intelligence[data-grade="upgrade"]{border-color:rgba(255,123,123,.44)}.source-intelligence[data-grade="care"] .source-score-row>b{color:#ffd07a}.source-intelligence[data-grade="upgrade"] .source-score-row>b{color:#ff9696}
.preview-cta{margin-top:18px;padding:11px 15px;font-size:10px;letter-spacing:.08em}
#videoProgressContainer{margin:18px 0!important;padding:16px!important;border:1px solid rgba(216,242,51,.3)!important;border-radius:16px!important;background:linear-gradient(135deg,rgba(216,242,51,.085),rgba(255,255,255,.02))!important;text-align:left!important}
.production-tracker-line{height:6px;margin:13px 0 10px}.production-tracker-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.production-tracker-steps span{position:relative;color:rgba(255,255,255,.34);font-size:8px;font-weight:950;letter-spacing:.06em;text-align:center}.production-tracker-steps span:before{display:block;width:7px;height:7px;margin:0 auto 6px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:#0a0a0a;content:""}.production-tracker-steps span.is-active,.production-tracker-steps span.is-complete{color:var(--lime)}.production-tracker-steps span.is-active:before,.production-tracker-steps span.is-complete:before{border-color:var(--lime);background:var(--lime);box-shadow:0 0 12px rgba(216,242,51,.72)}.production-tracker-copy{margin-top:11px;color:rgba(255,255,255,.68);font-size:10px;line-height:1.45;text-align:center}
@media(max-width:420px){.source-intelligence{padding:13px}.source-intelligence-grid{grid-template-columns:96px minmax(0,1fr);gap:11px}.preflight-visual,.preflight-visual img{min-height:126px;height:126px}.source-score-row strong{font-size:30px}.source-score-row>b{font-size:7px}.source-metrics{gap:4px}.source-metrics b{font-size:8px}.production-tracker-steps span{font-size:7px}}

/* AVVM director prompt recipes: original, copyable, and ready for the order flow */
.proof-quality-badge{position:absolute;z-index:3;top:9px;left:9px;padding:5px 7px;border:1px solid rgba(216,242,51,.58);border-radius:999px;background:rgba(5,5,5,.74);color:var(--lime);font-size:7px;font-weight:950;letter-spacing:.09em;line-height:1;backdrop-filter:blur(8px)}
.prompt-recipes{position:relative;padding:112px 0;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 8% 12%,rgba(133,97,255,.18),transparent 27%),radial-gradient(circle at 92% 76%,rgba(216,242,51,.13),transparent 28%),#0a0a0b}
.prompt-recipes:before{position:absolute;inset:0;opacity:.3;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;content:"";mask-image:linear-gradient(to bottom,transparent,black 12%,black 88%,transparent);pointer-events:none}
.prompt-recipes .container{position:relative;z-index:1}.prompt-recipes-head{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(260px,.72fr);gap:32px;align-items:end;max-width:1000px;margin:0 auto 36px}.prompt-recipes-head .mini-eyebrow{grid-column:1/-1}.prompt-recipes-head h2{margin:0;font-family:"Bebas Neue",Inter,sans-serif;font-size:clamp(52px,6.2vw,94px);font-weight:400;letter-spacing:.015em;line-height:.88}.prompt-recipes-head p{margin:0 0 4px;color:rgba(255,255,255,.7);font-size:14px;line-height:1.75}
.prompt-recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.prompt-recipe-card{position:relative;display:flex;min-height:306px;flex-direction:column;padding:19px;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.02) 48%,rgba(0,0,0,.08));box-shadow:0 20px 48px rgba(0,0,0,.2);transition:transform .36s cubic-bezier(.2,.8,.2,1),border-color .36s ease,background .36s ease}.prompt-recipe-card:before{position:absolute;inset:auto -20% -70% auto;width:160px;height:160px;border:1px solid rgba(216,242,51,.24);border-radius:50%;content:"";transition:transform .55s cubic-bezier(.2,.8,.2,1)}.prompt-recipe-card:hover{z-index:2;transform:translateY(-6px);border-color:rgba(216,242,51,.58);background:linear-gradient(145deg,rgba(216,242,51,.14),rgba(255,255,255,.05) 45%,rgba(0,0,0,.12))}.prompt-recipe-card:hover:before{transform:scale(1.22) translate(-12px,-10px)}.prompt-recipe-card--signal{background:linear-gradient(145deg,rgba(133,97,255,.21),rgba(255,255,255,.035) 47%,rgba(216,242,51,.06))}.prompt-recipe-meta{position:relative;z-index:1;display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.55);font-size:8px;font-weight:950;letter-spacing:.11em}.prompt-recipe-meta span{color:var(--lime)}.prompt-recipe-card h3{position:relative;z-index:1;margin:17px 0 10px;font-family:"Bebas Neue",Inter,sans-serif;font-size:38px;font-weight:400;letter-spacing:.035em;line-height:.9}.prompt-recipe-card>p{position:relative;z-index:1;min-height:64px;margin:0;color:rgba(255,255,255,.69);font-size:11px;line-height:1.58}.prompt-recipe-card code{position:relative;z-index:1;display:block;min-height:70px;margin:15px 0 14px;padding:10px;border-left:2px solid var(--lime);background:rgba(0,0,0,.28);color:rgba(255,255,255,.83);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;line-height:1.55;white-space:normal}.prompt-recipe-actions{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.42fr;gap:7px;margin-top:auto}.prompt-recipe-actions button{min-height:35px;cursor:pointer;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(0,0,0,.22);color:#fff;font-size:8px;font-weight:950;letter-spacing:.055em;line-height:1;text-transform:uppercase;transition:transform .22s ease,background .22s ease,border-color .22s ease,color .22s ease}.prompt-recipe-actions button:last-child{border-color:var(--lime);background:var(--lime);color:#070707}.prompt-recipe-actions button:hover{transform:translateY(-2px);border-color:var(--lime);background:#edff78;color:#070707}.prompt-recipes-note{max-width:820px;margin:24px auto 0;color:rgba(255,255,255,.48);font-size:11px;line-height:1.65;text-align:center}
@media(max-width:980px){.prompt-recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prompt-recipes-head{grid-template-columns:1fr;gap:16px}.prompt-recipes-head p{max-width:620px}.prompt-recipe-card>p{min-height:51px}}
@media(max-width:620px){.prompt-recipes{padding:76px 0}.prompt-recipe-grid{grid-template-columns:1fr;gap:10px}.prompt-recipe-card{min-height:0;padding:17px}.prompt-recipe-card h3{font-size:35px}.prompt-recipe-card>p{min-height:0}.prompt-recipe-card code{min-height:0}.prompt-recipes-head h2{font-size:clamp(50px,14vw,74px)}}
@media(prefers-reduced-motion:reduce){.prompt-recipe-card,.prompt-recipe-card:before,.prompt-recipe-actions button{transition:none!important}.prompt-recipe-card:hover{transform:none}}

/* Guided order direction: show a short decision path instead of every style at once. */
.guided-style-flow{
  display:grid;
  gap:10px;
  margin-top:14px;
}
.guided-style-step{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px 12px;
  padding:14px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
}
.guided-style-step-number{
  display:grid;
  width:34px;
  height:34px;
  place-items:center;
  border:1px solid rgba(216,242,51,.48);
  border-radius:50%;
  color:var(--lime);
  font-size:10px;
  font-weight:950;
  letter-spacing:.08em;
}
.guided-style-step-copy{padding-top:2px}
.guided-style-step-copy b{display:block;color:#fff;font-size:12px;line-height:1.35}
.guided-style-step-copy span{display:block;margin-top:3px;color:rgba(255,255,255,.52);font-size:10px;line-height:1.45}
.guided-style-options{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.guided-style-option{
  min-width:0;
  min-height:74px;
  padding:10px;
  cursor:pointer;
  border:1px solid rgba(255,255,255,.13);
  border-radius:10px;
  background:rgba(0,0,0,.18);
  color:rgba(255,255,255,.72);
  font:inherit;
  text-align:left;
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.guided-style-option:hover{transform:translateY(-1px);border-color:rgba(216,242,51,.48)}
.guided-style-option.active{border-color:var(--lime);background:rgba(216,242,51,.1);box-shadow:inset 0 0 0 1px rgba(216,242,51,.12)}
.guided-style-option b{display:block;overflow:hidden;color:#fff;font-size:9px;font-weight:950;letter-spacing:.075em;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.guided-style-option.active b{color:var(--lime)}
.guided-style-option span{display:-webkit-box;margin-top:6px;overflow:hidden;color:rgba(255,255,255,.5);font-size:9px;line-height:1.42;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.guided-motion-option{min-height:62px}
.guided-style-preview{
  padding:13px 14px;
  border:1px solid rgba(216,242,51,.27);
  border-radius:13px;
  background:linear-gradient(110deg,rgba(216,242,51,.1),rgba(255,255,255,.025));
}
.guided-style-preview>span{display:block;color:var(--lime);font-size:8px;font-weight:950;letter-spacing:.13em}
.guided-style-preview strong{display:block;margin-top:6px;color:#fff;font-size:13px;letter-spacing:.04em}
.guided-style-preview p{margin:5px 0 0;color:rgba(255,255,255,.65);font-size:10px;line-height:1.5}
.custom-prompt-library{
  margin-top:12px;
  padding:15px;
  border:1px solid rgba(216,242,51,.3);
  border-radius:15px;
  background:radial-gradient(circle at 100% 0,rgba(216,242,51,.12),transparent 33%),rgba(255,255,255,.025);
}
.custom-prompt-library[hidden]{display:none!important}
.custom-prompt-library-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.8fr);gap:16px;align-items:end}
.custom-prompt-library-head span{display:block;color:var(--lime);font-size:8px;font-weight:950;letter-spacing:.13em}
.custom-prompt-library-head b{display:block;margin-top:6px;color:#fff;font-size:14px;line-height:1.25}
.custom-prompt-library-head p{margin:0;color:rgba(255,255,255,.58);font-size:10px;line-height:1.55}
.prompt-search-field{display:flex;align-items:center;gap:8px;margin-top:13px;padding:0 11px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:rgba(0,0,0,.22);color:var(--lime)}
.prompt-search-field input{width:100%;min-width:0;height:38px;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:11px}
.prompt-search-field input::placeholder{color:rgba(255,255,255,.38)}
.prompt-library-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}
.prompt-library-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(0,0,0,.14)}
.prompt-library-card>span{grid-column:1/-1;color:rgba(216,242,51,.74);font-size:7px;font-weight:950;letter-spacing:.1em}
.prompt-library-card b{overflow:hidden;color:rgba(255,255,255,.9);font-size:10px;letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap}
.prompt-library-card button{padding:5px 7px;cursor:pointer;border:1px solid rgba(216,242,51,.55);border-radius:7px;background:transparent;color:var(--lime);font:900 8px/1 Inter,sans-serif;letter-spacing:.04em;white-space:nowrap;transition:background .2s ease,color .2s ease}
.prompt-library-card button:hover{background:var(--lime);color:#070707}
.prompt-library-empty{grid-column:1/-1;margin:4px 0;color:rgba(255,255,255,.55);font-size:10px}
.prompt-library-note{margin:11px 0 0;color:rgba(255,255,255,.43);font-size:9px;line-height:1.55}
.prompt-edit-label{display:block;margin:14px 0 0;color:rgba(255,255,255,.82);font-size:11px;font-weight:850}
.prompt-edit-label span{color:rgba(255,255,255,.4);font-weight:600}
.after-prompt-finder{margin-top:13px;padding:14px;border:1px solid rgba(216,242,51,.32);border-radius:14px;background:radial-gradient(circle at 100% 0,rgba(216,242,51,.11),transparent 35%),rgba(255,255,255,.025)}
.after-prompt-finder-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.94fr);gap:4px 16px;align-items:end}.after-prompt-finder-head span{grid-column:1/-1;color:var(--lime);font:950 8px/1 Inter,sans-serif;letter-spacing:.13em}.after-prompt-finder-head b{color:#fff;font-size:13px;line-height:1.3}.after-prompt-finder-head p{margin:0;color:rgba(255,255,255,.5);font-size:9px;line-height:1.5;text-align:right}
.after-prompt-search-row{display:flex;gap:7px;margin-top:10px}.after-prompt-search-row input{min-width:0;flex:1;height:40px;padding:0 11px;border:1px solid rgba(255,255,255,.17);border-radius:9px;background:rgba(0,0,0,.26);color:#fff;outline:0;font:500 11px/1 Inter,Pretendard,sans-serif}.after-prompt-search-row input:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(216,242,51,.08)}.after-prompt-search-row input::placeholder{color:rgba(255,255,255,.38)}.after-prompt-search-row button,.after-prompt-result-actions button{border:1px solid var(--lime);border-radius:9px;background:var(--lime);color:#080808;cursor:pointer;font:950 9px/1 Inter,Pretendard,sans-serif;letter-spacing:.035em;transition:transform .2s ease,filter .2s ease}.after-prompt-search-row button{flex:0 0 auto;padding:0 12px;white-space:nowrap}.after-prompt-search-row button:hover,.after-prompt-result-actions button:hover{filter:brightness(1.1);transform:translateY(-1px)}.after-prompt-search-row button i{margin-left:4px;font-style:normal}
.after-prompt-mode{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:9px}.after-prompt-mode>span{margin-right:2px;color:rgba(255,255,255,.48);font:850 8px/1 Inter,Pretendard,sans-serif;letter-spacing:.08em}.after-prompt-mode button{min-height:25px;padding:0 9px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(0,0,0,.13);color:rgba(255,255,255,.6);cursor:pointer;font:900 8px/1 Inter,Pretendard,sans-serif;letter-spacing:.045em;transition:background .2s ease,border-color .2s ease,color .2s ease}.after-prompt-mode button:hover,.after-prompt-mode button.is-active{border-color:rgba(216,242,51,.78);background:rgba(216,242,51,.12);color:var(--lime)}
.after-prompt-quick{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.after-prompt-quick button{padding:6px 8px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(0,0,0,.16);color:rgba(255,255,255,.72);cursor:pointer;font:800 8px/1 Inter,Pretendard,sans-serif;transition:border-color .2s ease,color .2s ease,background .2s ease}.after-prompt-quick button:hover{border-color:rgba(216,242,51,.72);background:rgba(216,242,51,.08);color:var(--lime)}
.after-prompt-result{margin-top:10px;padding:11px;border:1px solid rgba(216,242,51,.3);border-radius:10px;background:rgba(0,0,0,.28)}.after-prompt-result[hidden]{display:none!important}.after-prompt-result-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.after-prompt-result-meta span{color:var(--lime);font:950 7px/1 Inter,sans-serif;letter-spacing:.12em}.after-prompt-result-meta b{color:rgba(255,255,255,.75);font-size:9px}.after-prompt-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}.after-prompt-result-card{min-width:0;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.025)}.after-prompt-result-card--guardrail{grid-column:1/-1}.after-prompt-result-card header{display:flex;align-items:center;justify-content:space-between;gap:8px}.after-prompt-result-card header span{color:var(--lime);font:950 7px/1 Inter,sans-serif;letter-spacing:.11em}.after-prompt-result-card header button{padding:4px 6px;border:1px solid rgba(255,255,255,.2);border-radius:5px;background:transparent;color:rgba(255,255,255,.78);cursor:pointer;font:850 7px/1 Inter,Pretendard,sans-serif;letter-spacing:.05em}.after-prompt-result-card header button:hover{border-color:var(--lime);color:var(--lime)}.after-prompt-result code{display:block;max-height:140px;margin-top:7px;overflow:auto;padding:8px;border-left:2px solid var(--lime);background:rgba(255,255,255,.04);color:rgba(255,255,255,.83);font:500 9px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word}.after-prompt-result-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:9px}.after-prompt-result-actions button{min-height:31px;padding:0 11px}
.resolution-lock{display:flex;align-items:center;gap:10px;min-height:55px;padding:10px 13px;border:1px solid rgba(216,242,51,.28);border-radius:12px;background:linear-gradient(110deg,rgba(216,242,51,.1),rgba(255,255,255,.02))}
.resolution-lock>span{color:var(--lime);font-size:8px;font-weight:950;letter-spacing:.11em}
.resolution-lock strong{color:#fff;font-size:14px;letter-spacing:.035em}
.resolution-lock small{margin-left:auto;color:rgba(255,255,255,.5);font-size:9px;text-align:right}
@media(max-width:620px){
  .guided-style-options{grid-template-columns:1fr}
  .guided-style-option{min-height:0;padding:10px 11px}
  .guided-style-option span{-webkit-line-clamp:1}
  .custom-prompt-library-head{grid-template-columns:1fr;gap:7px}
  .prompt-library-results{grid-template-columns:1fr}
  .after-prompt-finder-head{grid-template-columns:1fr}.after-prompt-finder-head p{text-align:left}.after-prompt-search-row{flex-direction:column}.after-prompt-search-row button{height:38px}.after-prompt-result-meta{align-items:flex-start;flex-direction:column;gap:4px}.after-prompt-result-grid{grid-template-columns:1fr}.after-prompt-result-card--guardrail{grid-column:auto}
  .resolution-lock{align-items:flex-start;flex-direction:column;gap:4px}
  .resolution-lock small{margin-left:0;text-align:left}
}

/* Memorial and ID products: keep comparable choices on one visual line. */
.memorial-ba-stage{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch;
}
.memorial-ba-card{
  min-width:0;
  height:clamp(280px,31vw,380px);
}
.memorial-section .pricing-grid,
.id-profile-grid{
  align-items:stretch;
}
.memorial-section .price-card,
.id-profile-grid .price-card{
  display:flex;
  min-width:0;
  flex-direction:column;
}
.memorial-section .price-card>p,
.id-profile-grid .price-card>p{
  min-height:44px;
}
.memorial-section .price-card>ul,
.id-profile-grid .price-card>ul{
  flex:1;
}
.memorial-section .price-card>.btn,
.id-profile-grid .price-card>.btn{
  margin-top:auto!important;
}
@media (max-width:920px) and (min-width:561px){
  .id-profile-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-width:840px;
    margin-right:auto;
    margin-left:auto;
  }
  .id-profile-grid .price-card:last-child{
    grid-column:1/-1;
    width:calc(50% - 8px);
    justify-self:center;
  }
}
@media(max-width:560px){
  .memorial-ba-stage,
  .memorial-section .pricing-grid{
    gap:10px;
  }
  .memorial-ba-card{
    height:230px;
  }
  .memorial-section .price-card{
    padding:18px 12px;
  }
  .memorial-section .price-card>p{
    min-height:50px;
  }
  .id-profile-grid{
    grid-template-columns:1fr!important;
    max-width:480px;
    margin-right:auto;
    margin-left:auto;
  }
  .id-profile-grid .price-card:last-child{
    width:auto;
  }
}

/* Sketch + Logo Lab: the proof card is draggable, then continues into motion. */
#proof-jewelry-design .proof-card-head{margin-bottom:8px}
.jewelry-compare{
  --jewelry-split:50%;
  position:relative;
  aspect-ratio:4/3;
  overflow:hidden;
  margin-top:18px;
  border:1px solid rgba(216,242,51,.34);
  border-radius:15px;
  background:#f2efe7;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.42),0 16px 32px rgba(0,0,0,.22);
  cursor:ew-resize;
  touch-action:pan-y;
  user-select:none;
}
.jewelry-compare-photo,
.jewelry-compare-sketch,
.jewelry-compare-sketch img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.jewelry-compare-sketch{
  z-index:2;
  clip-path:inset(0 calc(100% - var(--jewelry-split)) 0 0);
}
.jewelry-compare-label,
.jewelry-compare-hint{
  position:absolute;
  z-index:3;
  border:1px solid rgba(255,255,255,.38);
  border-radius:999px;
  padding:5px 8px;
  background:rgba(5,5,5,.58);
  color:#fff;
  font:900 8px/1 Inter,system-ui,sans-serif;
  letter-spacing:.1em;
  pointer-events:none;
}

.jewelry-compare-label--sketch{top:11px;left:11px}
.jewelry-compare-label--photo{top:11px;right:11px}
.jewelry-compare-hint{
  bottom:11px;
  left:50%;
  transform:translateX(-50%);
  max-width:calc(100% - 24px);
  border-color:rgba(216,242,51,.62);
  color:var(--lime,#d8f233);
  white-space:nowrap;
}
.jewelry-compare-control{
  position:absolute;
  z-index:5;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  opacity:0;
  cursor:ew-resize;
}
.jewelry-compare-divider{
  position:absolute;
  z-index:4;
  top:0;
  bottom:0;
  left:var(--jewelry-split);
  width:2px;
  transform:translateX(-50%);
  background:var(--lime,#d8f233);
  box-shadow:0 0 18px rgba(216,242,51,.78);
  pointer-events:none;
}
.jewelry-compare-divider i{
  position:absolute;
  top:50%;
  left:50%;
  display:grid;
  width:32px;
  height:32px;
  place-items:center;
  transform:translate(-50%,-50%);
  border:1px solid rgba(0,0,0,.8);
  border-radius:50%;
  background:var(--lime,#d8f233);
  color:#050505;
  box-shadow:0 7px 18px rgba(0,0,0,.32);
  font:950 15px/1 Inter,system-ui,sans-serif;
  font-style:normal;
}
.jewelry-compare-control:focus-visible + .jewelry-compare-divider i{outline:3px solid #fff;outline-offset:3px}
.jewelry-flow-label{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:12px 0;
  color:rgba(255,255,255,.58);
  font-size:8px;
  font-weight:950;
  letter-spacing:.12em;
}
.jewelry-flow-label b{color:var(--lime,#d8f233);font-size:14px}
.proof-jewelry-motion{margin-top:0!important}
.proof-jewelry-motion>video{aspect-ratio:3/2!important;object-position:center}

/* One commercial sector for physical sketches and text-led logo creation. */
.w7{
  background-image:linear-gradient(155deg,rgba(4,6,7,.18),rgba(4,4,4,.88)),url('portfolio-jewelry-ring.png');
  background-position:center;
}
.w8{
  background:radial-gradient(circle at 48% 28%,rgba(255,231,196,.35),transparent 18%),linear-gradient(135deg,#21150e,#523926 54%,#080706);
}
.works-strip{grid-template-columns:repeat(8,minmax(0,1fr))}
@media(min-width:1021px){
  #worksStrip .work-card h3{font-size:20px;}
}
#worksStrip .work-result-link[aria-disabled="true"]{width:100%;min-width:0;box-sizing:border-box;font-size:8px;}
.work-card--design .work-card-meta{color:var(--lime,#d8f233)}
.design-lab-brief{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,.94fr);
  gap:13px;
  margin:15px 0 2px;
  padding:15px;
  border:1px solid rgba(216,242,51,.31);
  border-radius:17px;
  background:linear-gradient(135deg,rgba(216,242,51,.1),rgba(255,255,255,.025) 54%,rgba(0,0,0,.18));
}
.design-lab-brief[hidden]{display:none!important}
.design-lab-brief-head{grid-column:1/-1}
.design-lab-brief-head>span{display:block;color:var(--lime,#d8f233);font-size:9px;font-weight:950;letter-spacing:.12em}
.design-lab-brief-head>b{display:block;margin-top:6px;color:#fff;font-size:15px;letter-spacing:-.025em}
.design-lab-brief-head>p{margin:5px 0 0;color:rgba(255,255,255,.68);font-size:11px;line-height:1.58;word-break:keep-all}
.design-lab-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.design-lab-type{
  min-width:0;
  padding:12px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:13px;
  background:rgba(0,0,0,.2);
  color:#fff;
  text-align:left;
  cursor:pointer;
  transition:.2s ease;
}
.design-lab-type:hover,.design-lab-type.active{border-color:rgba(216,242,51,.66);background:rgba(216,242,51,.1);transform:translateY(-1px)}
.design-lab-type>span{display:block;color:var(--lime,#d8f233);font-size:9px;font-weight:950;letter-spacing:.1em}
.design-lab-type b{display:block;margin-top:7px;font-size:12px;letter-spacing:-.02em}
.design-lab-type small{display:block;margin-top:5px;color:rgba(255,255,255,.63);font-size:10px;line-height:1.45;word-break:keep-all}
.design-logo-word{display:grid;align-content:start;gap:7px}
.design-logo-word:not(.is-required){display:none}
.design-logo-word>span{color:#fff;font-size:11px;font-weight:850}
.design-logo-word .field{min-height:46px;margin:0!important;background:rgba(0,0,0,.22)}
.design-logo-word small{color:rgba(255,255,255,.55);font-size:10px;line-height:1.45;word-break:keep-all}
@media(max-width:1020px){.works-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){
  .design-lab-brief{grid-template-columns:1fr}
  .design-lab-type-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .jewelry-compare{border-radius:12px}
  .jewelry-compare-hint{font-size:7px}
  .jewelry-flow-label{gap:7px;font-size:7px}
  .design-lab-brief{padding:13px}
  .design-lab-type{padding:10px}
  .design-lab-type small{font-size:9px}
}

/* Launch UI cleanup: the optional account flow stays fully hidden for now. */
#googleSignIn[hidden],
[data-auth-login][hidden] {
  display: none !important;
}

/* The hero promise, Memorial notice, and CTA need equal visual spacing.
   Earlier entrance rules left a 20px translate on only the first and last rows. */
.hero-v5-sub,
.hero-v5-actions {
  transform: translateY(0) !important;
}

/* The jewelry motion is self-explanatory; keep the media frame clean. */
#proof-jewelry-design .proof-jewelry-motion figcaption {
  display: none !important;
}

/* A CSS globe avoids the visible pause at the end of the tiny MP4 loop. */
@keyframes avvmGlobeContinuousSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.lang-globe-icon {
  animation: avvmGlobeContinuousSpin 4.8s linear infinite !important;
  transform-origin: center;
  will-change: transform;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 67% 31%, rgba(255,255,255,.95) 0 7%, rgba(204,238,255,.92) 8% 20%, transparent 21%),
    radial-gradient(circle at 36% 42%, rgba(131,214,182,.94) 0 15%, transparent 16%),
    radial-gradient(circle at 68% 63%, rgba(124,204,170,.85) 0 18%, transparent 19%),
    radial-gradient(circle at 50% 52%, #76c8df 0 49%, #174a72 50% 70%, #06111f 71%) !important;
  border: 1px solid rgba(227,247,255,.78) !important;
  box-shadow: inset 0 1px 4px rgba(255,255,255,.68), inset -5px -5px 9px rgba(0,0,0,.55), 0 0 11px rgba(128,222,255,.38) !important;
  filter: none !important;
  backface-visibility: hidden;
}
.lang-globe-icon::before,
.lang-globe-icon::after {
  display: block !important;
}

/* Supplied animated globe: keep its native motion continuous inside the button. */
.lang-globe-icon {
  animation: none !important;
  background: #050b10 !important;
}
.lang-globe-icon::before,
.lang-globe-icon::after {
  content: none !important;
  display: none !important;
}
.lang-globe-icon > .lang-globe-video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.54);
  transform-origin: 50% 55%;
  pointer-events: none;
}

/* The active Chinese document language is zh-CN. Match the language prefix so
   the CJK safety rules also apply on iPhone, rather than only matching `zh`. */
html[lang^="zh"] body,
html[lang^="zh"] *{
  min-width:0!important;
}
html[lang^="zh"] [data-i18n],
html[lang^="zh"] [data-i18n-auto],
html[lang^="zh"] .consumer-copy,
html[lang^="zh"] .clarity-copy,
html[lang^="zh"] .demo-copy,
html[lang^="zh"] .pricing-note,
html[lang^="zh"] .pricing-choice-note{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:break-all!important;
  line-break:anywhere!important;
  white-space:normal!important;
}

/* CJK mobile safety: Japanese and Chinese legal/order copy can be a single
   continuous run of characters. Desktop keep-all rules must not widen the
   document on iPhone. */
@media (max-width: 780px) {
  html[lang^="zh"] .business-info,
  html[lang^="zh"] .legal-visible-footer,
  html[lang^="zh"] .portone-privacy-note,
  html[lang^="zh"] .memorial-copy,
  html[lang^="zh"] .id-copy,
  html[lang^="zh"] .memorial-bottom-notice,
  html[lang^="zh"] .id-bottom-notice,
  html[lang^="zh"] .payment-security-note,
  html[lang^="zh"] .order-form-helper,
  html[lang^="zh"] .consumer-mode-card p,
  html[lang^="zh"] .consumer-price-card p,
  html[lang^="zh"] .web-studio-copy p,
  html[lang^="zh"] .work-card p,
  html[lang^="zh"] .service-card p,
  html[lang^="zh"] .design-lab-brief-head > p,
  html[lang^="zh"] .design-lab-type small,
  html[lang^="zh"] .design-logo-word small{
    min-width:0!important;
    max-width:100%!important;
    overflow-wrap:anywhere!important;
    word-break:break-all!important;
    line-break:anywhere!important;
    white-space:normal!important;
  }

  html[lang="ja"] .business-info,
  html[lang="zh"] .business-info,
  html[lang="ja"] .legal-visible-footer,
  html[lang="zh"] .legal-visible-footer,
  html[lang="ja"] .portone-privacy-note,
  html[lang="zh"] .portone-privacy-note,
  html[lang="ja"] .memorial-copy,
  html[lang="zh"] .memorial-copy,
  html[lang="ja"] .id-copy,
  html[lang="zh"] .id-copy,
  html[lang="ja"] .memorial-bottom-notice,
  html[lang="zh"] .memorial-bottom-notice,
  html[lang="ja"] .id-bottom-notice,
  html[lang="zh"] .id-bottom-notice,
  html[lang="ja"] .payment-security-note,
  html[lang="zh"] .payment-security-note,
  html[lang="ja"] .order-form-helper,
  html[lang="zh"] .order-form-helper,
  html[lang="ja"] .consumer-copy,
  html[lang="zh"] .consumer-copy,
  html[lang="ja"] .consumer-mode-card p,
  html[lang="zh"] .consumer-mode-card p,
  html[lang="ja"] .consumer-price-card p,
  html[lang="zh"] .consumer-price-card p,
  html[lang="ja"] .web-studio-copy p,
  html[lang="zh"] .web-studio-copy p,
  html[lang="ja"] .work-card p,
  html[lang="zh"] .work-card p,
  html[lang="ja"] .service-card p,
  html[lang="zh"] .service-card p,
  html[lang="ja"] .design-lab-brief-head > p,
  html[lang="zh"] .design-lab-brief-head > p,
  html[lang="ja"] .design-lab-type small,
  html[lang="zh"] .design-lab-type small,
  html[lang="ja"] .design-logo-word small,
  html[lang="zh"] .design-logo-word small {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-all !important;
    line-break: anywhere !important;
  }

  html[lang="ja"] .business-info,
  html[lang="zh"] .business-info,
  html[lang="ja"] .legal-visible-footer,
  html[lang="zh"] .legal-visible-footer {
    width: calc(100% - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    box-sizing: border-box !important;
  }
}

/* The main hero promise was previously rendered only through an empty canvas.
   Keep it as live type so it cannot disappear on mobile or after a reload. */
#hero-tagline-container {
  height: clamp(160px, 16vw, 270px) !important;
  min-height: 160px;
  margin-bottom: 20px;
}
#hero-tagline-canvas {
  display: none !important;
}
.hero-tagline-fallback {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  margin: 0;
  color: #fff;
  /* Keep the original, softer editorial display face for the hero. */
  font-family: "Bodoni Moda", "Cormorant Garamond", Georgia, serif;
  font-size: clamp(76px, 13.2vw, 200px);
  font-weight: 400;
  line-height: .78;
  letter-spacing: -.045em;
  text-transform: uppercase;
  text-shadow: 0 18px 62px rgba(0,0,0,.82), 0 2px 12px rgba(0,0,0,.5);
}
/* Keep the editorial serif treatment in Latin scripts, while giving the Korean
   hero a sharper, contemporary display voice. */
html[lang="ko"] .hero-tagline-fallback {
  font-family: "Pretendard Variable", Pretendard, Inter, system-ui, sans-serif;
  font-weight: 780;
  line-height: .86;
  letter-spacing: -.085em;
  text-transform: none;
}
.hero-tagline-line {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: max-content;
  max-width: 100%;
  translate: 0 -50%;
  transform-origin: left center;
}
.hero-tagline-line:nth-child(3) {
  font-size: .78em;
  letter-spacing: .02em;
}
.hero-tagline-word {
  display: inline-flex;
  position: relative;
  white-space: nowrap;
}
.hero-tagline-prefix {
  align-self: baseline;
  margin-right: .12em;
  font-size: 1em;
  letter-spacing: -.02em;
  line-height: 1;
}
.hero-tagline-click {
  position: relative;
  display: inline-flex;
}
.hero-tagline-check {
  position: absolute;
  top: -1.08em;
  left: 50%;
  z-index: 2;
  display: block;
  width: 1.42em;
  height: .96em;
  color: var(--lime, #d8f233);
  filter: drop-shadow(0 0 7px rgba(216,242,51,.35));
  transform: translateX(-50%) scale(.76);
  transform-origin: 50% 80%;
  opacity: 0;
  animation: avvmHeroFallbackCheck 3.1s cubic-bezier(.16,1,.3,1) infinite;
}
/* In the Korean promise the action phrase is deliberately smaller. Keep its
   confirmation mark decisively larger than the compact letters. */
.hero-tagline-prefix .hero-tagline-check {
  top: -1.56em;
  width: 2.6em;
  height: 1.7em;
}
.hero-tagline-check svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.hero-tagline-check path {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.hero-tagline-check .hero-check-body {
  stroke-width: 18;
}
.hero-tagline-check .hero-check-tip {
  stroke-width: 4;
}
@keyframes avvmHeroFallbackCheck {
  0%, 65% { opacity: 0; transform: translateX(-50%) scale(.58); }
  72%, 89% { opacity: 1; transform: translateX(-50%) scale(1); }
  100% { opacity: 0; transform: translateX(-50%) scale(1.05); }
}
.hero-tagline-char {
  display: inline-block;
  transform-origin: 50% 88%;
  will-change: transform, opacity, filter;
}
.hero-tagline-fallback > .hero-tagline-line:nth-child(2),
.hero-tagline-fallback > .hero-tagline-line:nth-child(2) .hero-tagline-char {
  color: var(--lime, #d8f233);
}
.hero-tagline-fallback.is-animated .hero-tagline-char {
  opacity: 0;
  filter: brightness(2.4) blur(2px);
  transform: translate3d(0, .08em, 0) scale(.58);
  animation: avvmHeroGlyphMosaic .66s steps(4, end) forwards;
  animation-delay: calc(var(--line-delay) + var(--glyph-delay));
}
.hero-tagline-fallback.is-animated .hero-tagline-line {
  opacity: 0;
  filter: brightness(2.8) contrast(1.7) blur(10px);
  transform: scale(.84);
  animation: avvmHeroPhraseMosaic 1.5s steps(4, end) both;
  animation-delay: var(--line-delay);
}
.hero-tagline-fallback.is-animated .hero-tagline-line::before {
  position: absolute;
  z-index: 2;
  inset: -.11em -.06em;
  content: "";
  pointer-events: none;
  background:
    repeating-linear-gradient(90deg, rgba(216,242,51,.68) 0 10px, rgba(255,255,255,.08) 10px 19px, transparent 19px 28px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.42) 0 8px, transparent 8px 17px);
  mix-blend-mode: screen;
  opacity: 0;
  transform: scaleX(.12);
  transform-origin: left center;
  animation: avvmHeroMosaicSweep .78s steps(5, end) both;
  animation-delay: calc(var(--line-delay) + 20ms);
}
.hero-tagline-fallback.is-animated .hero-tagline-line::after {
  position: absolute;
  right: 0;
  bottom: -.13em;
  left: 0;
  height: 1px;
  content: "";
  transform: scaleX(0);
  transform-origin: left center;
  background: currentColor;
  box-shadow: 0 0 14px currentColor;
  opacity: .72;
  animation: avvmHeroLineIgnite .62s steps(4, end) forwards;
  animation-delay: calc(var(--line-delay) + 610ms);
}
@keyframes avvmHeroPhraseMosaic {
  0% { opacity: 0; filter: brightness(2.8) contrast(1.7) blur(10px); transform: scale(.84); }
  13% { opacity: 1; filter: brightness(2.4) contrast(1.45) blur(3px); transform: scale(.97); }
  30%, 70% { opacity: 1; filter: brightness(1) contrast(1) blur(0); transform: scale(1); }
  100% { opacity: 0; filter: brightness(2.1) contrast(1.45) blur(7px); transform: scale(1.045); }
}
@keyframes avvmHeroGlyphMosaic {
  0% { opacity: 0; filter: brightness(2.4) blur(2px); transform: translate3d(0, .08em, 0) scale(.58); }
  40% { opacity: 1; filter: brightness(1.75) blur(0); transform: translate3d(0, -.035em, 0) scale(1.06); }
  72% { opacity: .76; filter: brightness(.84) blur(0); transform: translate3d(0, .015em, 0) scale(.98); }
  100% { opacity: 1; filter: brightness(1) blur(0); transform: translate3d(0, 0, 0) scale(1); }
}
@keyframes avvmHeroMosaicSweep {
  0% { opacity: 0; transform: scaleX(.12); }
  18% { opacity: .96; }
  64% { opacity: .42; transform: scaleX(1); }
  100% { opacity: 0; transform: scaleX(1); }
}
@keyframes avvmHeroLineIgnite {
  from { transform: scaleX(0); opacity: 0; }
  to { transform: scaleX(1); opacity: .72; }
}
@media (max-width: 780px) {
  #hero-tagline-container {
    height: 138px !important;
    min-height: 138px;
    margin-bottom: 12px;
  }
  .hero-tagline-fallback {
    font-size: clamp(48px, 14.4vw, 58px);
    line-height: .86;
    letter-spacing: .01em;
  }
  .hero-tagline-line:nth-child(3) { font-size: .88em; }
}
@media (max-width: 360px) {
  .hero-tagline-fallback { font-size: 46px; }
  .hero-tagline-line:nth-child(3) { font-size: .84em; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-tagline-fallback .hero-tagline-line:not(:first-child) { display: none; }
  .hero-tagline-fallback .hero-tagline-line,
  .hero-tagline-fallback.is-animated .hero-tagline-char,
  .hero-tagline-fallback.is-animated .hero-tagline-line::after,
  .hero-tagline-fallback.is-animated .hero-tagline-line::before {
    animation: none !important;
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Kinetic hero type is drawn as individual live glyphs. No mesh, grid panel,
   video watermark, or baked-in language sits behind the word. */
#hero-tagline-container {
  position: relative;
}
#hero-tagline-canvas {
  display: none !important;
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  pointer-events: none;
  image-rendering: auto;
}
#hero-tagline-container.is-kinetic-active #hero-tagline-canvas {
  display: block !important;
}
#hero-tagline-container.is-kinetic-active .hero-tagline-fallback {
  opacity: 0 !important;
  visibility: hidden !important;
}
.hero-tagline-fallback .hero-tagline-line:not(:first-child) {
  display: none;
}
.hero-tagline-fallback.is-animated .hero-tagline-line::before {
  display: none !important;
}

/* With the duplicate bottom actions removed, the hero promise can sit lower
   without competing with the scroll affordance. */
.hero-v5-content {
  padding-bottom: 72px !important;
}
@media (max-width: 780px) {
  .hero-v5-content {
    padding-bottom: 56px !important;
  }
}

/* START stays the original button and order trigger. The canvas sits only
   behind its label, so it cannot intercept clicks or affect navigation. */
.hero-water-button {
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  min-width: 104px;
  border-color: rgba(216, 242, 51, .72) !important;
  background: rgba(6, 8, 4, .58) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -1px 0 rgba(216,242,51,.20),
    0 10px 28px rgba(0,0,0,.28),
    0 0 22px rgba(216,242,51,.10) !important;
  color: transparent !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.1);
  backdrop-filter: blur(18px) saturate(1.1);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.hero-water-button::before {
  content: "";
  position: absolute;
  z-index: 0;
  right: -18%;
  bottom: -48%;
  left: -18%;
  height: 108%;
  border-radius: 46% 54% 0 0 / 22% 26% 0 0;
  background:
    radial-gradient(ellipse at 30% 20%, rgba(255,255,224,.68) 0 3%, transparent 15%),
    linear-gradient(180deg, rgba(226,255,93,.84), rgba(151,193,28,.72) 55%, rgba(73,100,11,.78));
  box-shadow: inset 0 2px 0 rgba(255,255,223,.72), 0 -2px 12px rgba(216,242,51,.28);
  opacity: .72;
  pointer-events: none;
  animation: avvmWaterIdle 3.1s ease-in-out infinite alternate;
}
.hero-water-button::after {
  content: attr(data-water-label);
  position: relative;
  z-index: 2;
  display: block;
  color: #f8f8f1;
  font: inherit;
  letter-spacing: inherit;
  line-height: 1;
  pointer-events: none;
  text-shadow: 0 1px 9px rgba(0,0,0,.78);
}
.hero-water-button:hover {
  border-color: rgba(239, 255, 130, .96) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 0 -1px 0 rgba(216,242,51,.36),
    0 12px 34px rgba(0,0,0,.34),
    0 0 30px rgba(216,242,51,.20) !important;
}
.hero-water-button:active { transform: scale(.97); }
.hero-water-button__canvas {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@keyframes avvmWaterIdle {
  0% { transform: translate3d(-4%, 2%, 0) rotate(-1.5deg); }
  100% { transform: translate3d(4%, -3%, 0) rotate(1.5deg); }
}
@media (max-width: 520px) {
  .hero-water-button { min-width: 82px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-water-button { transition: none; }
  .hero-water-button:active { transform: none; }
  .hero-water-button::before { animation: none; }
}

/* Mobile has no room for the full desktop link row. Keep every primary
   destination reachable from the opening hero without duplicating its logo. */
.hero-mobile-menu-toggle,
.mobile-primary-menu {
  display: none;
}
@media (max-width: 780px) {
  .hero-v5-top .hero-top-actions {
    gap: 6px !important;
  }
  .hero-mobile-menu-toggle {
    display: grid !important;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    place-content: center;
    gap: 4px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 999px;
    background: rgba(8,8,8,.56);
    color: #fff;
    cursor: pointer;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    transition: border-color .2s ease, background .2s ease, transform .2s ease;
  }
  .hero-mobile-menu-toggle span {
    display: block;
    width: 13px;
    height: 1px;
    background: currentColor;
    transition: transform .2s ease, opacity .2s ease;
  }
  .hero-mobile-menu-toggle[aria-expanded="true"] {
    border-color: rgba(216,242,51,.85);
    background: rgba(216,242,51,.13);
  }
  .hero-mobile-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(5px) rotate(45deg); }
  .hero-mobile-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .hero-mobile-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-5px) rotate(-45deg); }
  .mobile-primary-menu:not([hidden]) {
    position: fixed;
    top: 86px;
    right: 14px;
    left: 14px;
    z-index: 1100;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 18px;
    background: rgba(6,7,6,.94);
    box-shadow: 0 22px 56px rgba(0,0,0,.54), inset 0 1px 0 rgba(255,255,255,.08);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
  }
  .mobile-primary-menu a {
    display: flex;
    align-items: center;
    min-height: 50px;
    padding: 0 15px;
    border-right: 1px solid rgba(255,255,255,.08);
    border-bottom: 1px solid rgba(255,255,255,.08);
    color: rgba(255,255,255,.9);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
  }
  .mobile-primary-menu a:nth-child(2n) { border-right: 0; }
  .mobile-primary-menu a:nth-last-child(-n + 2) { border-bottom: 0; }
  .mobile-primary-menu a:active { color: var(--lime); background: rgba(216,242,51,.08); }
}
@media (max-width: 420px) {
  .hero-mobile-menu-toggle { width: 30px; height: 30px; flex-basis: 30px; }
  .mobile-primary-menu:not([hidden]) { top: 78px; }
}

/* ========================================================================
   AVVM Signature Production System
   The opening hero and the proof library use the same visual grammar:
   a quiet technical interface, luminous verification points, and no fake
   dashboard clutter. This is intentionally light enough for mobile video.
   ======================================================================== */
.hero-production-signal{
  width:min(700px,100%);
  margin-top:18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.17);
  border-radius:16px;
  background:
    linear-gradient(112deg,rgba(255,255,255,.075),transparent 33%),
    linear-gradient(90deg,rgba(4,5,4,.82),rgba(5,7,5,.52));
  box-shadow:0 18px 52px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(18px) saturate(120%);
  backdrop-filter:blur(18px) saturate(120%);
  opacity:0;
  transform:translateY(16px);
  animation:avvmSignalEnter .8s cubic-bezier(.16,1,.3,1) 1.4s forwards;
}
.hero-production-signal::before{
  content:"";
  position:absolute;
  inset:-150% 42% auto -30%;
  width:45%;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(216,242,51,.16),transparent 66%);
  pointer-events:none;
  animation:avvmSignalAura 7s ease-in-out infinite;
}
@keyframes avvmSignalEnter{to{opacity:1;transform:translateY(0)}}
@keyframes avvmSignalAura{50%{transform:translate3d(80%,45%,0) scale(1.18);opacity:.6}}
.hero-production-signal-topline{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:30px;
  padding:0 13px;
  border-bottom:1px solid rgba(255,255,255,.09);
  color:rgba(255,255,255,.62);
  font-size:8px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.hero-signal-pulse{
  width:6px;
  height:6px;
  flex:0 0 6px;
  border-radius:50%;
  background:var(--lime);
  box-shadow:0 0 0 0 rgba(216,242,51,.45);
  animation:avvmSignalPulse 2.2s ease-out infinite;
}
@keyframes avvmSignalPulse{70%{box-shadow:0 0 0 6px rgba(216,242,51,0)}100%{box-shadow:0 0 0 0 rgba(216,242,51,0)}}
.hero-signal-status{margin-left:auto;color:rgba(216,242,51,.92);letter-spacing:.1em}
.hero-production-stages{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:0;
  padding:0;
  list-style:none;
}
.hero-production-stages li{
  position:relative;
  display:flex;
  align-items:center;
  gap:9px;
  min-height:62px;
  padding:11px 14px;
}
.hero-production-stages li+li{border-left:1px solid rgba(255,255,255,.1)}
.hero-production-stages li+li::before{
  content:"";
  position:absolute;
  top:50%;
  left:-4px;
  width:7px;
  height:7px;
  border:1px solid rgba(216,242,51,.72);
  border-radius:50%;
  background:#0b0e0b;
  transform:translateY(-50%);
}
.hero-production-index{color:var(--lime);font-size:9px;font-weight:950;letter-spacing:.08em}
.hero-production-copy{display:grid;gap:3px;min-width:0}
.hero-production-copy b{color:#fff;font-size:11px;font-weight:850;letter-spacing:-.025em;white-space:nowrap}
.hero-production-copy small{overflow:hidden;color:rgba(255,255,255,.5);font-size:7px;font-weight:850;letter-spacing:.1em;text-overflow:ellipsis;white-space:nowrap}

.proof-assurance{
  position:relative;
  display:grid;
  grid-template-columns:minmax(240px,.86fr) minmax(0,1.14fr);
  gap:30px;
  align-items:center;
  max-width:1120px;
  margin:0 auto 26px;
  padding:24px 26px;
  overflow:hidden;
  border:1px solid rgba(216,242,51,.2);
  border-radius:20px;
  background:
    radial-gradient(circle at 82% 10%,rgba(216,242,51,.13),transparent 26%),
    linear-gradient(120deg,rgba(216,242,51,.075),rgba(255,255,255,.025) 44%,rgba(255,255,255,.01));
  box-shadow:0 22px 70px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.08);
}
.proof-assurance::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:calc(43% - 1px);
  width:1px;
  background:linear-gradient(transparent,rgba(255,255,255,.16),transparent);
}
.proof-assurance-intro{position:relative;z-index:1}
.proof-assurance-kicker{display:block;margin-bottom:10px;color:var(--lime);font-size:9px;font-weight:950;letter-spacing:.15em}
.proof-assurance h3{max-width:420px;margin:0;color:#fff;font-size:clamp(20px,2.1vw,30px);font-weight:850;line-height:1.12;letter-spacing:-.055em;text-wrap:balance}
.proof-assurance p{max-width:440px;margin:13px 0 0;color:rgba(255,255,255,.62);font-size:12px;line-height:1.7;letter-spacing:-.02em}
.proof-assurance-track{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin:0;
  padding:0;
  list-style:none;
}
.proof-assurance-track li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  min-height:68px;
  padding:12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(3,5,3,.34);
}
.proof-assurance-track li>span{color:var(--lime);font-size:9px;font-weight:950;letter-spacing:.08em}
.proof-assurance-track div{display:grid;gap:4px;min-width:0}
.proof-assurance-track b{color:#fff;font-size:9px;font-weight:950;letter-spacing:.08em;line-height:1.1}
.proof-assurance-track small{color:rgba(255,255,255,.55);font-size:10px;font-weight:650;line-height:1.25;letter-spacing:-.02em}
.proof-card{position:relative;overflow:hidden;transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .35s ease,box-shadow .45s ease}
.proof-card::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 29%);opacity:.52;pointer-events:none}
.proof-card>*{position:relative;z-index:1}
.proof-card:hover{z-index:2;transform:translateY(-5px);border-color:rgba(216,242,51,.42);box-shadow:0 28px 68px rgba(0,0,0,.36),0 0 0 1px rgba(216,242,51,.05)}
.proof-card-proof{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:3px 10px;
  margin-top:13px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.1);
}
.proof-card-proof span{color:rgba(255,255,255,.42);font-size:7px;font-weight:900;letter-spacing:.13em;line-height:1;white-space:nowrap}
.proof-card-proof b{color:rgba(255,255,255,.92);font-size:9px;font-weight:850;letter-spacing:.02em;line-height:1.25;white-space:nowrap}
.proof-card-proof span:nth-of-type(1),.proof-card-proof b:nth-of-type(1){grid-column:1}
.proof-card-proof span:nth-of-type(2),.proof-card-proof b:nth-of-type(2){grid-column:2}
.proof-card-proof span:nth-of-type(3),.proof-card-proof b:nth-of-type(3){grid-column:3}
.proof-card-proof span{grid-row:1}.proof-card-proof b{grid-row:2}.proof-card-proof i{display:none}

/* AVVM Commerce Lab — commercial routes for local businesses and sellers. */
.commerce-lab{position:relative;padding:112px 0;background:#060706;overflow:hidden;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.08)}
.commerce-lab::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 83% 18%,rgba(207,99,38,.17),transparent 20%),radial-gradient(circle at 12% 52%,rgba(216,242,51,.09),transparent 24%);pointer-events:none}
.commerce-lab .container{position:relative;z-index:1}
.commerce-lab-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.62fr);gap:50px;align-items:end;max-width:1120px;margin:0 auto 34px}
.commerce-lab-head .mini-eyebrow{margin-bottom:16px}
.commerce-lab-head h2{margin:0;color:#fff;font-family:"Bebas Neue",Inter,sans-serif;font-size:clamp(56px,7.3vw,106px);line-height:.87;letter-spacing:.015em;text-transform:uppercase}
.commerce-lab-head>p{max-width:420px;margin:0 0 5px;color:rgba(255,255,255,.68);font-size:14px;line-height:1.75;letter-spacing:-.025em;text-wrap:pretty}
.commerce-spotlight{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);max-width:1120px;margin:0 auto 24px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:23px;background:linear-gradient(116deg,rgba(255,255,255,.06),rgba(255,255,255,.016));box-shadow:0 30px 90px rgba(0,0,0,.32)}
.commerce-spotlight-media{position:relative;min-height:430px;overflow:hidden;background:#17100b}
.commerce-spotlight-media video{display:block;width:100%;height:100%;min-height:430px;object-fit:cover;filter:saturate(1.04) contrast(1.08) brightness(.86);transform:scale(1.035)}
.commerce-spotlight-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 48%,rgba(8,7,5,.72)),linear-gradient(0deg,rgba(8,7,5,.38),transparent 42%);pointer-events:none}
.commerce-spotlight-scan{position:absolute;z-index:2;right:-14%;bottom:18%;width:120%;height:1px;background:linear-gradient(90deg,transparent,rgba(216,242,51,.7),transparent);box-shadow:0 0 18px rgba(216,242,51,.56);transform:rotate(-13deg);animation:commerceScan 5.5s ease-in-out infinite}
@keyframes commerceScan{0%,100%{opacity:0;transform:translateX(-18%) rotate(-13deg)}18%,65%{opacity:.7}50%{transform:translateX(18%) rotate(-13deg)}}
.commerce-spotlight-badge{position:absolute;z-index:3;top:17px;left:17px;padding:7px 9px;border:1px solid rgba(255,255,255,.29);border-radius:99px;background:rgba(7,7,5,.53);color:#fff;font-size:8px;font-weight:950;letter-spacing:.13em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.commerce-spotlight-copy{display:flex;flex-direction:column;align-items:flex-start;padding:34px 34px 30px}
.commerce-spotlight-copy>span{color:var(--lime);font-size:9px;font-weight:950;letter-spacing:.14em}
.commerce-spotlight-copy h3{margin:16px 0 0;color:#fff;font-size:clamp(25px,2.6vw,40px);font-weight:850;line-height:1.07;letter-spacing:-.06em;text-wrap:balance}
.commerce-spotlight-copy>p{margin:15px 0 0;color:rgba(255,255,255,.66);font-size:13px;line-height:1.7;letter-spacing:-.025em}
.commerce-spotlight-list{display:grid;gap:0;width:100%;margin:22px 0 0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.1)}
.commerce-spotlight-list li{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.76);font-size:11px;line-height:1.35}
.commerce-spotlight-list b{color:var(--lime);font-size:8px;letter-spacing:.1em}
.commerce-spotlight-start{display:inline-flex;align-items:center;gap:16px;min-height:44px;margin-top:auto;padding:0 15px;border:1px solid rgba(216,242,51,.72);border-radius:999px;background:var(--lime);color:#0a0b09;font:inherit;font-size:10px;font-weight:950;letter-spacing:.07em;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease}
.commerce-spotlight-start i{font-size:15px;font-style:normal;line-height:1}.commerce-spotlight-start:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(216,242,51,.21)}
.commerce-route-head{display:flex;justify-content:space-between;align-items:center;max-width:1120px;margin:31px auto 11px;color:rgba(255,255,255,.5);font-size:8px;font-weight:950;letter-spacing:.16em}
.commerce-route-head span:first-child{color:var(--lime)}
.commerce-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:1120px;margin:0 auto}
.commerce-page-machine{position:relative;max-width:1120px;margin:54px auto 0;padding:30px;overflow:hidden;border:1px solid rgba(216,242,51,.27);border-radius:22px;background:linear-gradient(135deg,rgba(216,242,51,.08),rgba(22,20,38,.82) 45%,rgba(67,83,157,.13));isolation:isolate}.commerce-page-machine:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,#000,transparent)}.commerce-page-machine-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.7fr);gap:10px 36px;align-items:end}.commerce-page-machine-head>span{grid-column:1/-1;color:var(--lime);font:900 9px/1 Inter,system-ui,sans-serif;letter-spacing:.18em}.commerce-page-machine-head h3{margin:0;color:#fff;font-size:clamp(28px,4vw,52px);line-height:1.03;letter-spacing:-.06em}.commerce-page-machine-head p{margin:0;color:rgba(255,255,255,.63);font-size:13px;line-height:1.7;word-break:keep-all}.commerce-page-process{display:flex;gap:12px;align-items:center;margin:28px 0 18px;color:rgba(255,255,255,.68);font:850 9px/1 Inter,system-ui,sans-serif;letter-spacing:.09em}.commerce-page-process b{margin-right:5px;color:var(--lime)}.commerce-page-process i{width:30px;height:1px;background:linear-gradient(90deg,var(--lime),transparent)}.commerce-page-workbench{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:14px}.commerce-page-form,.commerce-page-output{display:grid;gap:12px;padding:20px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(5,6,11,.47)}.commerce-page-form label{display:grid;gap:7px;color:rgba(255,255,255,.68);font:800 9px/1.1 Inter,system-ui,sans-serif;letter-spacing:.09em}.commerce-page-form input,.commerce-page-form textarea{width:100%;box-sizing:border-box;padding:12px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.06);color:#fff;font:600 13px/1.45 inherit;outline:none}.commerce-page-form textarea{min-height:82px;resize:vertical}.commerce-page-form input:focus,.commerce-page-form textarea:focus{border-color:var(--lime)}.commerce-page-upload{min-height:112px;padding:14px;box-sizing:border-box;border:1px dashed rgba(216,242,51,.55);border-radius:12px;background:rgba(216,242,51,.04);cursor:pointer}.commerce-page-upload input{position:absolute;width:1px;height:1px;padding:0;border:0;clip:rect(0 0 0 0);overflow:hidden}.commerce-page-upload b{color:#fff;font-size:15px;letter-spacing:0}.commerce-page-upload small,.commerce-page-output>small{color:rgba(255,255,255,.48);font:600 10px/1.45 inherit;letter-spacing:0}.commerce-page-type{display:flex;gap:7px}.commerce-page-type button{flex:1;min-height:34px;border:1px solid rgba(255,255,255,.17);border-radius:999px;background:transparent;color:rgba(255,255,255,.62);font:850 10px/1 Inter,system-ui,sans-serif;cursor:pointer}.commerce-page-type button.active{border-color:var(--lime);background:var(--lime);color:#101208}.commerce-page-generate,.commerce-page-output button{min-height:46px;border:0;border-radius:10px;background:var(--lime);color:#101208;font:950 11px/1 Inter,system-ui,sans-serif;letter-spacing:.08em;cursor:pointer}.commerce-page-generate i{font-style:normal;font-size:16px}.commerce-page-preview-media{position:relative;display:grid;place-items:center;min-height:205px;overflow:hidden;border-radius:11px;background:radial-gradient(circle at 48% 35%,rgba(216,242,51,.26),transparent 34%),linear-gradient(135deg,#16111e,#08090c)}.commerce-page-preview-media:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.13),transparent 62%);transform:translateX(-110%);animation:commercePageScan 5s infinite}.commerce-page-preview-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.commerce-page-preview-media span{z-index:1;color:rgba(255,255,255,.78);font:950 11px/1 Inter,system-ui,sans-serif;letter-spacing:.18em}.commerce-page-output>span{color:var(--lime);font:900 8px/1 Inter,system-ui,sans-serif;letter-spacing:.15em}.commerce-page-output h4{margin:0;color:#fff;font-size:27px;line-height:1.06;letter-spacing:-.045em}.commerce-page-output p{margin:0;color:rgba(255,255,255,.65);font-size:12px;line-height:1.65}.commerce-page-output ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}.commerce-page-output li{color:rgba(255,255,255,.77);font-size:11px}.commerce-page-output li:before{content:"✓";margin-right:7px;color:var(--lime)}.commerce-page-video-line{padding:10px;border-left:2px solid var(--lime);background:rgba(0,0,0,.22);color:rgba(255,255,255,.76);font:800 10px/1.5 Inter,system-ui,sans-serif}.commerce-page-output button:disabled{cursor:not-allowed;opacity:.38}@keyframes commercePageScan{20%,100%{transform:translateX(110%)}}
.commerce-route{position:relative;display:flex;flex-direction:column;min-height:205px;padding:17px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012));box-shadow:inset 0 1px 0 rgba(255,255,255,.05);isolation:isolate;transition:transform .36s cubic-bezier(.16,1,.3,1),border-color .32s ease,background .32s ease}
.commerce-route::before{content:"";position:absolute;z-index:-1;right:-35%;bottom:-52%;width:95%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(216,242,51,.2),transparent 68%);opacity:.32;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .35s ease}
.commerce-route::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 34%);opacity:.7}
.commerce-route:hover{z-index:1;transform:translateY(-5px);border-color:rgba(216,242,51,.48);background:linear-gradient(145deg,rgba(216,242,51,.09),rgba(255,255,255,.025))}.commerce-route:hover::before{opacity:.8;transform:scale(1.28)}
.commerce-route>span{color:rgba(216,242,51,.82);font-size:9px;font-weight:950;letter-spacing:.11em}
.commerce-route small{display:block;margin-top:18px;color:rgba(255,255,255,.45);font-size:8px;font-weight:900;letter-spacing:.11em}
.commerce-route h3{margin:6px 0 0;color:#fff;font-size:18px;font-weight:850;line-height:1.14;letter-spacing:-.05em}
.commerce-route p{margin:8px 0 15px;color:rgba(255,255,255,.58);font-size:11px;line-height:1.55;letter-spacing:-.02em}
.commerce-route button{width:max-content;max-width:100%;margin-top:auto;padding:0;border:0;background:none;color:var(--lime);font:inherit;font-size:9px;font-weight:950;letter-spacing:.08em;cursor:pointer;text-align:left}.commerce-route button:hover{color:#fff}
.commerce-route--food::before{background:radial-gradient(circle,rgba(239,129,54,.56),transparent 68%)}.commerce-route--beauty::before{background:radial-gradient(circle,rgba(131,186,255,.42),transparent 68%)}.commerce-route--space::before{background:radial-gradient(circle,rgba(132,196,167,.38),transparent 68%)}.commerce-route--fashion::before{background:radial-gradient(circle,rgba(211,191,255,.37),transparent 68%)}.commerce-route--brand::before{background:radial-gradient(circle,rgba(255,221,109,.34),transparent 68%)}
.commerce-lab-note{max-width:900px;margin:22px auto 0;color:rgba(255,255,255,.4);font-size:10px;line-height:1.65;text-align:center;letter-spacing:-.01em}

@media (max-width:780px){
  .hero-production-signal{margin-top:15px;border-radius:14px}
  .hero-production-signal-topline{min-height:27px;padding:0 11px;font-size:7px;letter-spacing:.12em}.hero-signal-status{display:none}
  .hero-production-stages li{min-height:56px;gap:6px;padding:9px 8px}.hero-production-index{font-size:8px}.hero-production-copy b{font-size:10px}.hero-production-copy small{font-size:6px;letter-spacing:.06em}
  .proof-assurance{grid-template-columns:1fr;gap:20px;padding:20px}.proof-assurance::after{top:auto;right:20px;bottom:auto;left:20px;width:auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent)}.proof-assurance-track{grid-template-columns:repeat(2,minmax(0,1fr))}
  .commerce-lab{padding:78px 0}.commerce-lab-head{grid-template-columns:1fr;gap:16px;margin-bottom:25px}.commerce-lab-head h2{font-size:clamp(50px,15vw,76px)}.commerce-lab-head>p{max-width:530px;font-size:13px}.commerce-spotlight{grid-template-columns:1fr;border-radius:18px}.commerce-spotlight-media,.commerce-spotlight-media video{min-height:310px;max-height:360px}.commerce-spotlight-media::after{background:linear-gradient(0deg,rgba(8,7,5,.65),transparent 56%)}.commerce-spotlight-copy{padding:24px 21px 22px}.commerce-spotlight-copy h3{font-size:29px}.commerce-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-route{min-height:188px;padding:14px}.commerce-route small{margin-top:14px;font-size:7px}.commerce-route h3{font-size:16px}.commerce-route p{font-size:10px}.commerce-route-head{margin-top:25px}.commerce-route-head span:last-child{display:none}
}
@media (max-width:440px){
  .hero-production-stages li{display:block;padding:9px 7px}.hero-production-index{display:block;margin-bottom:4px}.hero-production-copy{gap:2px}.hero-production-copy b{font-size:9px;white-space:normal;line-height:1.05}.hero-production-copy small{font-size:5.5px;letter-spacing:.03em}
  .proof-assurance{border-radius:16px;padding:18px}.proof-assurance h3{font-size:23px}.proof-assurance-track{grid-template-columns:1fr 1fr;gap:7px}.proof-assurance-track li{min-height:62px;gap:7px;padding:9px}.proof-assurance-track b{font-size:8px;letter-spacing:.04em}.proof-assurance-track small{font-size:9px}.proof-card-proof{gap:3px 6px}.proof-card-proof span{font-size:6px;letter-spacing:.06em}.proof-card-proof b{font-size:7px;letter-spacing:0}
  .commerce-lab-head h2{font-size:52px}.commerce-spotlight-media,.commerce-spotlight-media video{min-height:272px}.commerce-spotlight-copy h3{font-size:27px}.commerce-spotlight-copy>p{font-size:12px}.commerce-spotlight-start{width:100%;justify-content:space-between}.commerce-route-grid{grid-template-columns:1fr}.commerce-route{min-height:168px}.commerce-route small{margin-top:10px}.commerce-route p{max-width:300px}
}
@media (prefers-reduced-motion:reduce){.hero-production-signal,.hero-production-signal::before,.hero-signal-pulse,.commerce-spotlight-scan{animation:none!important}.proof-card,.commerce-route{transition:none!important}}

/* BEFORE / AFTER AUTO REEL — one customer original + an approved AI AFTER concept. */
.commerce-ba-lab{position:relative;max-width:1120px;margin:54px auto 0;padding:28px;overflow:hidden;border:1px solid rgba(216,242,51,.27);border-radius:22px;background:linear-gradient(145deg,rgba(216,242,51,.065),rgba(255,255,255,.025) 45%,rgba(112,150,255,.055));isolation:isolate}
.commerce-ba-lab::before{content:"";position:absolute;z-index:-1;right:-14%;bottom:-56%;width:52%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(216,242,51,.18),transparent 67%);filter:blur(8px);pointer-events:none}.commerce-ba-lab::after{content:"";position:absolute;z-index:-1;top:-1px;right:14%;width:22%;height:1px;background:linear-gradient(90deg,transparent,rgba(216,242,51,.8),transparent)}
.commerce-ba-head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);gap:42px;align-items:end}.commerce-ba-head>div>span{display:block;color:var(--lime);font-size:9px;font-weight:950;letter-spacing:.16em}.commerce-ba-head h3{margin:12px 0 0;color:#fff;font-size:clamp(29px,3vw,46px);font-weight:850;line-height:1.04;letter-spacing:-.065em;text-wrap:balance}.commerce-ba-head>p{margin:0;color:rgba(255,255,255,.65);font-size:12px;line-height:1.7;letter-spacing:-.025em}
.commerce-ba-process{display:flex;align-items:center;gap:9px;margin:25px 0 20px;padding:12px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.4);font-size:8px;font-weight:950;letter-spacing:.12em}.commerce-ba-process span{display:inline-flex;gap:5px;align-items:center;white-space:nowrap}.commerce-ba-process b{color:rgba(255,255,255,.85);font-weight:950}.commerce-ba-process i{display:block;flex:1;min-width:18px;height:1px;background:linear-gradient(90deg,rgba(216,242,51,.62),rgba(255,255,255,.08))}
.commerce-ba-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.commerce-ba-card{position:relative;display:flex;flex-direction:column;min-height:322px;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(5,5,5,.32);transition:transform .36s cubic-bezier(.16,1,.3,1),border-color .3s ease,background .3s ease}.commerce-ba-card:hover{z-index:1;transform:translateY(-5px);border-color:rgba(216,242,51,.52);background:rgba(216,242,51,.055)}
.commerce-ba-card-art{position:relative;display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;min-height:92px;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.01));color:rgba(255,255,255,.62);font:950 8px/1 Inter,system-ui,sans-serif;letter-spacing:.12em}.commerce-ba-card-art::before,.commerce-ba-card-art::after{content:"";position:absolute;width:78px;height:78px;border:1px solid rgba(255,255,255,.16);border-radius:50%;filter:blur(.1px);opacity:.7}.commerce-ba-card-art::before{top:-42px;left:-18px}.commerce-ba-card-art::after{right:-26px;bottom:-46px}.commerce-ba-card-art span{position:relative;z-index:1;padding:0 11px}.commerce-ba-card-art span:last-child{text-align:right}.commerce-ba-card-art i{position:relative;z-index:2;width:1px;height:100%;background:var(--lime);box-shadow:0 0 16px rgba(216,242,51,.7)}
.commerce-ba-card-copy{padding:16px 16px 12px}.commerce-ba-card-copy small{display:block;color:rgba(216,242,51,.82);font-size:7px;font-weight:950;letter-spacing:.115em}.commerce-ba-card-copy h4{margin:7px 0 0;color:#fff;font-size:19px;font-weight:850;line-height:1.08;letter-spacing:-.055em}.commerce-ba-card-copy p{margin:8px 0 0;color:rgba(255,255,255,.61);font-size:10px;line-height:1.6;letter-spacing:-.02em}.commerce-ba-card-copy>b{display:block;margin-top:10px;color:rgba(255,255,255,.78);font-size:8px;line-height:1.45;letter-spacing:-.015em}.commerce-ba-card button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:calc(100% - 32px);min-height:38px;margin:auto 16px 15px;padding:0 11px;border:1px solid rgba(216,242,51,.45);border-radius:999px;background:rgba(216,242,51,.09);color:var(--lime);font:950 8px/1 Inter,system-ui,sans-serif;letter-spacing:.07em;cursor:pointer;transition:background .22s ease,color .22s ease,transform .22s ease}.commerce-ba-card button i{font-size:14px;font-style:normal}.commerce-ba-card button:hover{background:var(--lime);color:#070807;transform:translateY(-1px)}
.commerce-ba-card--beauty .commerce-ba-card-art{background:radial-gradient(circle at 72% 32%,rgba(237,180,255,.34),transparent 34%),linear-gradient(135deg,rgba(57,91,116,.7),rgba(25,27,37,.35))}.commerce-ba-card--fitness .commerce-ba-card-art{background:radial-gradient(circle at 30% 48%,rgba(255,181,93,.3),transparent 38%),linear-gradient(135deg,rgba(31,42,43,.8),rgba(47,61,49,.45))}.commerce-ba-card--interior .commerce-ba-card-art{background:linear-gradient(90deg,rgba(37,41,39,.75) 0 49%,rgba(211,197,166,.22) 51% 100%),linear-gradient(135deg,rgba(44,59,55,.55),rgba(155,173,154,.35))}.commerce-ba-card--pet .commerce-ba-card-art{background:radial-gradient(circle at 75% 30%,rgba(166,224,158,.3),transparent 34%),linear-gradient(135deg,rgba(54,42,35,.65),rgba(70,90,69,.55))}
.commerce-ba-note{max-width:840px;margin:17px auto 0;color:rgba(255,255,255,.43);font-size:9px;line-height:1.65;text-align:center;letter-spacing:-.01em}

.plan-choice-section--before-after{grid-column:span 2}.plan-choice-section--before-after .plan-choice-card{background:linear-gradient(135deg,rgba(216,242,51,.08),rgba(132,177,255,.06))}
.before-after-upload-group{margin:13px 0 4px;padding:15px;border:1px solid rgba(216,242,51,.28);border-radius:18px;background:linear-gradient(135deg,rgba(216,242,51,.065),rgba(255,255,255,.02))}.before-after-upload-group[hidden]{display:none!important}.before-after-upload-head>span{display:block;color:var(--lime);font-size:8px;font-weight:950;letter-spacing:.13em}.before-after-upload-head>b{display:block;margin-top:7px;color:#fff;font-size:14px;line-height:1.3}.before-after-upload-head p{margin:6px 0 0;color:rgba(255,255,255,.62);font-size:10px;line-height:1.55;word-break:keep-all}.before-after-upload-flow{display:flex;align-items:center;gap:7px;margin:13px 0 11px;color:rgba(255,255,255,.72);font:900 7px/1 Inter,system-ui,sans-serif;letter-spacing:.1em}.before-after-upload-flow i{display:block;flex:1;height:1px;background:linear-gradient(90deg,rgba(216,242,51,.72),rgba(255,255,255,.12))}.before-after-second-drop{min-height:64px!important}.before-after-second-drop>span:last-child{min-width:0}.before-after-second-drop b{display:block}.before-after-second-drop small{display:block}.before-after-second-drop.has-file{border-color:rgba(216,242,51,.78)!important;background:rgba(216,242,51,.075)!important}
.before-after-ai-direction{display:grid;gap:9px;padding:13px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(0,0,0,.18)}.before-after-ai-direction>label{color:#fff;font-size:11px;font-weight:850;letter-spacing:-.02em}.before-after-ai-direction>label span{color:rgba(255,255,255,.46);font-size:9px;font-weight:700}.before-after-ai-direction textarea{width:100%;min-height:78px;resize:vertical;padding:11px 12px;border:1px solid rgba(255,255,255,.16);border-radius:11px;outline:0;background:rgba(255,255,255,.045);color:#fff;font:500 12px/1.52 Inter,system-ui,sans-serif}.before-after-ai-direction textarea:focus{border-color:rgba(216,242,51,.72);box-shadow:0 0 0 3px rgba(216,242,51,.09)}.before-after-ai-direction textarea::placeholder{color:rgba(255,255,255,.37)}.before-after-prompt-samples{display:flex;flex-wrap:wrap;gap:6px}.before-after-prompt-samples button{padding:7px 9px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.045);color:rgba(255,255,255,.76);font:850 8px/1 Inter,system-ui,sans-serif;letter-spacing:.035em;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.before-after-prompt-samples button:hover{border-color:rgba(216,242,51,.66);background:rgba(216,242,51,.1);color:var(--lime)}.before-after-generate{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:42px;padding:0 15px;border:1px solid rgba(216,242,51,.66);border-radius:999px;background:linear-gradient(100deg,var(--lime),#efff8d);color:#080908;font:950 9px/1 Inter,system-ui,sans-serif;letter-spacing:.1em;cursor:pointer;transition:transform .2s ease,filter .2s ease}.before-after-generate:hover{transform:translateY(-1px);filter:brightness(1.07)}.before-after-generate:disabled{cursor:wait;opacity:.68;filter:saturate(.7)}.before-after-generate.is-exhausted:disabled{cursor:not-allowed;filter:grayscale(.7);background:rgba(255,255,255,.075);color:rgba(255,255,255,.48)}.before-after-generate.is-ready{background:rgba(216,242,51,.12);color:var(--lime)}.before-after-generate i{font-size:15px;font-style:normal}.before-after-generation-limit{margin:0;color:rgba(255,255,255,.62);font-size:9px;line-height:1.55;word-break:keep-all}.before-after-generation-limit b,.before-after-generation-limit strong{color:var(--lime);font-weight:900}.before-after-generation-limit.is-exhausted{color:rgba(255,255,255,.52)}.before-after-generation-limit.is-exhausted b{color:rgba(255,255,255,.85)}.before-after-generation-limit.is-exhausted strong{color:#ffbe98}.before-after-ai-notice{margin:0;color:rgba(255,255,255,.46);font-size:9px;line-height:1.55;word-break:keep-all}.before-after-ai-consent{display:flex;align-items:flex-start;gap:8px;color:rgba(255,255,255,.73);font-size:9px;line-height:1.55;cursor:pointer}.before-after-ai-consent input{flex:0 0 auto;width:14px;height:14px;margin:0;accent-color:var(--lime)}
.before-after-source-preview{display:grid;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.11)}.before-after-source-preview[hidden]{display:none!important}.before-after-source-preview-head{display:grid;gap:4px}.before-after-source-preview-head span{color:var(--lime);font:950 8px/1 Inter,system-ui,sans-serif;letter-spacing:.14em}.before-after-source-preview-head b{color:#fff;font-size:13px;line-height:1.25}.before-after-source-preview-head p{margin:0;color:rgba(255,255,255,.57);font-size:10px;line-height:1.55;word-break:keep-all}.before-after-source-stage{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:#050605}.before-after-source-stage>img,.before-after-source-after>img{display:block;width:100%;height:100%;object-fit:cover}.before-after-source-stage>img{position:absolute;inset:0}.before-after-source-after{position:absolute;inset:0 auto 0 0;width:var(--pair-split);overflow:hidden;border-right:1px solid rgba(216,242,51,.9);box-shadow:10px 0 24px rgba(0,0,0,.32)}.before-after-source-after>img{width:100%;max-width:none}.before-after-source-divider{position:absolute;z-index:3;top:0;bottom:0;left:var(--pair-split);width:2px;transform:translateX(-1px);background:var(--lime);box-shadow:0 0 18px rgba(216,242,51,.78)}.before-after-source-label{position:absolute;z-index:4;top:9px;padding:5px 7px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(3,4,3,.7);color:#fff;font:950 7px/1 Inter,system-ui,sans-serif;letter-spacing:.12em}.before-after-source-label--before{right:9px}.before-after-source-label--after{left:9px;color:var(--lime)}.before-after-source-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.before-after-source-controls input{width:100%;accent-color:var(--lime)}.before-after-source-controls button{min-height:32px;padding:0 12px;border:1px solid rgba(216,242,51,.52);border-radius:999px;background:rgba(216,242,51,.09);color:var(--lime);font:900 8px/1 Inter,system-ui,sans-serif;letter-spacing:.09em;cursor:pointer}.before-after-source-controls button:hover{background:var(--lime);color:#080908}.before-after-source-stage.is-playing .before-after-source-after{animation:avvmPairPreviewWipe 2.4s cubic-bezier(.22,.75,.2,1) both}.before-after-source-stage.is-playing .before-after-source-divider{animation:avvmPairPreviewDivider 2.4s cubic-bezier(.22,.75,.2,1) both}@keyframes avvmPairPreviewWipe{0%{width:0}18%{width:0}78%{width:100%}100%{width:100%}}@keyframes avvmPairPreviewDivider{0%{left:0}18%{left:0}78%{left:100%}100%{left:100%}}

@media(max-width:780px){.commerce-ba-lab{margin-top:36px;padding:21px}.commerce-ba-head{grid-template-columns:1fr;gap:14px}.commerce-ba-head h3{font-size:30px}.commerce-ba-process{overflow:auto;padding-bottom:12px}.commerce-ba-process i{min-width:22px}.commerce-ba-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-ba-card{min-height:300px}.commerce-ba-card-copy{padding:14px}.commerce-ba-card-copy h4{font-size:17px}.commerce-ba-card button{width:calc(100% - 28px);margin-right:14px;margin-bottom:14px;margin-left:14px}.plan-choice-section--before-after{grid-column:auto}}
@media(max-width:780px){.commerce-page-machine{margin-top:36px;padding:21px}.commerce-page-machine-head,.commerce-page-workbench{grid-template-columns:1fr}.commerce-page-machine-head h3{font-size:35px}.commerce-page-machine-head p{font-size:12px}.commerce-page-process{gap:7px;overflow:auto;padding-bottom:5px;font-size:7px;white-space:nowrap}.commerce-page-process i{min-width:15px}.commerce-page-preview-media{min-height:185px}}
@media(max-width:440px){.commerce-ba-lab{padding:17px;border-radius:18px}.commerce-ba-head h3{font-size:27px}.commerce-ba-head>p{font-size:11px}.commerce-ba-process{gap:6px;font-size:6.5px}.commerce-ba-grid{grid-template-columns:1fr}.commerce-ba-card{min-height:238px}.commerce-ba-card-art{min-height:68px}.commerce-ba-card-copy h4{font-size:19px}.commerce-ba-card-copy p{font-size:10px}.commerce-ba-card-copy>b{font-size:8px}.before-after-upload-group{padding:13px}.before-after-upload-flow{gap:5px;font-size:6px}.before-after-upload-head>b{font-size:13px}.before-after-source-controls{grid-template-columns:1fr}.before-after-source-controls button{width:100%}}

/* Locale reflow guard. Chinese uses `zh-CN` in the document, not `zh`; keeping
   this final rule scoped to the dense Studio modules avoids iPhone overflow
   without changing the global AVVM layout. */
html[lang^="zh"] .commerce-page-machine,
html[lang="ja"] .commerce-page-machine,
html[lang="ar"] .commerce-page-machine,
html[lang^="zh"] .commerce-ba-lab,
html[lang="ja"] .commerce-ba-lab,
html[lang="ar"] .commerce-ba-lab,
html[lang^="zh"] .prompt-recipes,
html[lang="ja"] .prompt-recipes,
html[lang="ar"] .prompt-recipes {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

html[lang^="zh"] .commerce-page-machine *,
html[lang="ja"] .commerce-page-machine *,
html[lang="ar"] .commerce-page-machine *,
html[lang^="zh"] .commerce-ba-lab *,
html[lang="ja"] .commerce-ba-lab *,
html[lang="ar"] .commerce-ba-lab * {
  min-width: 0;
  overflow-wrap: anywhere;
}

html[dir="rtl"] .commerce-page-machine-head,
html[dir="rtl"] .commerce-ba-head,
html[dir="rtl"] .commerce-page-form,
html[dir="rtl"] .commerce-page-output {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .commerce-page-process,
html[dir="rtl"] .commerce-ba-process {
  direction: rtl;
  flex-wrap: wrap;
  white-space: normal;
}

@media(max-width:780px){
  html[lang^="zh"] .commerce-page-process,
  html[lang="ja"] .commerce-page-process,
  html[lang="ar"] .commerce-page-process,
  html[lang^="zh"] .commerce-ba-process,
  html[lang="ja"] .commerce-ba-process,
  html[lang="ar"] .commerce-ba-process {
    overflow: visible;
    white-space: normal;
  }
  html[lang^="zh"] .commerce-page-machine-head h3,
  html[lang="ja"] .commerce-page-machine-head h3,
  html[lang="ar"] .commerce-page-machine-head h3 {
    font-size: clamp(27px, 8.2vw, 35px);
    letter-spacing: -.045em;
  }
}

/* Pre-payment concept previews deliberately remain recognisable as AVVM samples. */
.ba-card--before .ba-media{
  /* The still is the first frame of the matching memorial motion source. */
  transform:scale(1.08);
  transform-origin:center center;
}
.before-after-preview-watermark{position:absolute;z-index:5;right:-27%;bottom:22%;width:154%;transform:rotate(-23deg);pointer-events:none;user-select:none;color:rgba(239,255,153,.73);text-align:center;text-shadow:0 1px 8px rgba(0,0,0,.95);font:950 clamp(8px,1.45vw,13px)/1.1 Inter,system-ui,sans-serif;letter-spacing:.14em}

/* Raised language globe: a slim outer ring creates separation from the moving globe. */
.lang-globe-icon{
  overflow:hidden!important;
  box-sizing:border-box;
  isolation:isolate;
  background:#050b10!important;
  border:0!important;
  box-shadow:0 0 8px rgba(56,255,220,.42)!important;
}
.lang-globe-icon > .lang-globe-video{
  inset:1.5px!important;
  width:calc(100% - 3px)!important;
  height:calc(100% - 3px)!important;
  border-radius:50%;
  /* Keep the orbital particles from the supplied animation inside the aperture. */
  transform:scale(1.04)!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.36);
}
.lang-globe-icon::after{
  content:""!important;
  position:absolute;
  z-index:2;
  inset:1.5px;
  display:block!important;
  border-radius:50%;
  background:linear-gradient(138deg,rgba(255,255,255,.3),transparent 28%,transparent 70%,rgba(0,0,0,.22));
  pointer-events:none;
}

/* Final aperture sizing: preserve the outer ring while the moving globe stays
   inset, so its orbiting particles remain visible without shrinking the ring. */
.hero-v5-top .lang-globe-icon{
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
  left:0!important;
  margin:0!important;
}
.native-lang-box:not(.hero-native-lang) .lang-globe-icon{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
}
.lang-globe-icon > .lang-globe-video{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  transform:scale(1.55)!important;
}
.lang-globe-icon::after{inset:0!important;}
@media(max-width:780px){
  .hero-v5-top .lang-globe-icon{width:22px!important;height:22px!important;flex-basis:22px!important;}
  .native-lang-box:not(.hero-native-lang) .lang-globe-icon{width:26px!important;height:26px!important;flex-basis:26px!important;}
}
@media(max-width:420px){
  .hero-v5-top .hero-native-lang.lang-with-icon{min-width:70px!important;max-width:70px!important;flex-basis:70px!important;}
  .hero-v5-top .lang-globe-icon{width:22px!important;height:22px!important;flex-basis:22px!important;}
  .native-lang-box:not(.hero-native-lang){min-width:70px!important;max-width:70px!important;flex-basis:70px!important;}
  .native-lang-box:not(.hero-native-lang) .lang-globe-icon{width:22px!important;height:22px!important;flex-basis:22px!important;}
}

/* BEAUWHEEL — a separated, non-medical virtual appearance-design entry. */
.nav-beauwheel,
.quick-nav-beauwheel{color:#d8f233!important;}
.beauwheel-intro{
  position:relative;
  overflow:hidden;
  padding:clamp(72px,9vw,132px) 0;
  background:#0a0a0a;
  border-block:1px solid rgba(255,255,255,.12);
}
.beauwheel-intro::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 76% 48%,rgba(216,242,51,.11),transparent 30%);
}
.beauwheel-intro__grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(300px,.75fr);
  gap:clamp(36px,7vw,104px);
  align-items:center;
}
.beauwheel-intro__eyebrow{
  margin:0 0 16px;
  color:#d8f233;
  font-size:12px;
  font-weight:800;
  letter-spacing:.16em;
}
.beauwheel-intro__copy h2{
  max-width:730px;
  margin:0;
  color:#f4f3ef;
  font-size:clamp(34px,5.2vw,76px);
  font-weight:700;
  letter-spacing:-.065em;
  line-height:1.03;
}
.beauwheel-intro__description{
  max-width:660px;
  margin:25px 0 0;
  color:rgba(244,243,239,.75);
  font-size:clamp(16px,1.7vw,21px);
  line-height:1.7;
}
.beauwheel-intro__points{
  display:grid;
  gap:10px;
  margin:28px 0;
  padding:0;
  list-style:none;
  color:rgba(244,243,239,.86);
  font-size:15px;
  line-height:1.55;
}
.beauwheel-intro__points li{display:flex;gap:10px;align-items:flex-start;}
.beauwheel-intro__points li::before{content:"↗";color:#d8f233;font-weight:800;}
.beauwheel-intro__cta{
  display:inline-flex;
  align-items:center;
  min-height:52px;
  padding:0 23px;
  border-radius:999px;
  background:#d8f233;
  color:#111!important;
  font-size:13px;
  font-weight:900;
  letter-spacing:.08em;
  text-decoration:none;
  transition:transform .2s ease,background .2s ease;
}
.beauwheel-intro__cta:hover{background:#ecff6f;transform:translateY(-2px);}
.beauwheel-intro__legal{max-width:660px;margin:18px 0 0;color:rgba(244,243,239,.44);font-size:12px;line-height:1.65;}
.beauwheel-intro__visual{
  position:relative;
  aspect-ratio:1/1;
  min-height:330px;
  max-width:520px;
  justify-self:center;
  width:100%;
}
.beauwheel-intro__core{
  position:absolute;
  inset:50% auto auto 50%;
  display:grid;
  place-items:center;
  width:43%;
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  border:1px solid rgba(216,242,51,.85);
  border-radius:50%;
  box-shadow:0 0 0 14px rgba(216,242,51,.04),0 0 46px rgba(216,242,51,.16),inset 0 0 28px rgba(216,242,51,.1);
  color:#f4f3ef;
  font-size:clamp(20px,3.1vw,35px);
  font-weight:800;
  letter-spacing:-.08em;
  line-height:.82;
}
.beauwheel-intro__core span:last-child{color:#d8f233;}
.beauwheel-orbit{position:absolute;inset:12%;border:1px solid rgba(244,243,239,.18);border-radius:50%;}
.beauwheel-orbit--one{transform:rotate(-23deg) scaleX(1.15);}
.beauwheel-orbit--two{inset:24%;border-color:rgba(216,242,51,.45);transform:rotate(61deg) scaleX(1.45);}
.beauwheel-chip{
  position:absolute;
  display:grid;
  place-items:center;
  min-width:66px;
  min-height:35px;
  padding:0 12px;
  border:1px solid rgba(244,243,239,.28);
  border-radius:999px;
  background:rgba(20,20,20,.76);
  color:#f4f3ef;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
}
.beauwheel-chip--eye{top:16%;right:9%;}.beauwheel-chip--nose{bottom:18%;right:6%;}.beauwheel-chip--skin{bottom:10%;left:8%;color:#d8f233;border-color:rgba(216,242,51,.55);}

/* One Click category reels: the main hero stays in place until its matching line lands. */
.hero-v5 .hero-video--feature{
  opacity:0!important;
  animation:none!important;
  transform:scale(1.07)!important;
  transition:opacity .44s ease,transform 4.4s cubic-bezier(.16,1,.3,1)!important;
  pointer-events:none;
  will-change:opacity,transform;
}
.hero-v5 .hero-video--feature.is-active{
  opacity:.96!important;
  transform:scale(1.025)!important;
}
.hero-v5-impact-flash{
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(circle at 52% 51%,rgba(216,242,51,.38) 0%,rgba(216,242,51,.12) 17%,transparent 46%);
  mix-blend-mode:screen;
}
.hero-v5.is-feature-impact .hero-v5-impact-flash{animation:heroFeatureImpact .68s cubic-bezier(.16,1,.3,1) both;}
@keyframes heroFeatureImpact{
  0%{opacity:0;transform:scale(.88)}
  24%{opacity:.92}
  100%{opacity:0;transform:scale(1.12)}
}
@media(max-width:780px){
  .hero-v5 .hero-video--feature.is-active{opacity:.98!important;transform:scale(1.045)!important;}
}
@media(prefers-reduced-motion:reduce){
  .hero-v5 .hero-video--feature{transition:none!important;}
  .hero-v5-impact-flash{display:none;}
}
@media(max-width:780px){
  .beauwheel-intro{padding:72px 0;}
  .beauwheel-intro__grid{grid-template-columns:1fr;gap:44px;}
  .beauwheel-intro__copy h2{font-size:clamp(35px,11.5vw,56px);}
  .beauwheel-intro__visual{max-width:390px;min-height:270px;}
  .beauwheel-intro__description{font-size:16px;}
}

/* Live BEAUWHEEL preview and direct entry points for each one-click service. */
.beauwheel-intro__visual{
  position:relative;
  aspect-ratio:9 / 13;
  min-height:430px;
  max-width:398px;
  justify-self:center;
  overflow:hidden;
  width:100%;
  border:1px solid rgba(216,242,51,.68);
  border-radius:28px;
  background:#111;
  box-shadow:0 26px 65px rgba(0,0,0,.44),0 0 44px rgba(216,242,51,.08);
  isolation:isolate;
}
.beauwheel-intro__visual::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.42),transparent 32%,transparent 60%,rgba(0,0,0,.72));
}
.beauwheel-intro__video{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.beauwheel-intro__video-kicker,
.beauwheel-intro__video-caption{
  position:absolute;
  z-index:2;
  left:20px;
  color:#f4f3ef;
  text-shadow:0 2px 16px rgba(0,0,0,.65);
}
.beauwheel-intro__video-kicker{
  top:20px;
  color:#d8f233;
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
}
.beauwheel-intro__video-caption{
  bottom:20px;
  font-size:16px;
  font-weight:800;
  letter-spacing:-.03em;
}
.one-click-collection{
  position:relative;
  padding:clamp(72px,9vw,128px) 0;
  background:#edede7;
  color:#141412;
}
.one-click-collection__heading{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(250px,.7fr);
  gap:clamp(20px,6vw,88px);
  align-items:end;
}
.one-click-collection__eyebrow,
.one-click-card__eyebrow{
  margin:0;
  color:#72800e;
  font-size:11px;
  font-weight:900;
  letter-spacing:.15em;
}
.one-click-collection__heading h2{
  margin:13px 0 0;
  font-size:clamp(34px,5.4vw,76px);
  letter-spacing:-.07em;
  line-height:.96;
}
.one-click-collection__heading > p{
  margin:0 0 3px;
  color:rgba(20,20,18,.68);
  font-size:clamp(15px,1.55vw,19px);
  line-height:1.65;
}
.one-click-collection__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:40px;
}
.one-click-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
  overflow:hidden;
  border:1px solid rgba(20,20,18,.16);
  border-radius:24px;
  background:#141414;
  color:#f4f3ef;
  text-decoration:none;
  box-shadow:0 14px 34px rgba(17,17,14,.1);
  transition:transform .25s ease,box-shadow .25s ease;
}
.one-click-card:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 46px rgba(17,17,14,.2);
}
.one-click-card__media{
  position:relative;
  aspect-ratio:4 / 5;
  overflow:hidden;
  background:#282825;
}
.one-click-card__media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.1),transparent 42%,rgba(0,0,0,.52));
  pointer-events:none;
}
.one-click-card__media video{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.one-click-card__number{
  position:absolute;
  z-index:1;
  top:15px;
  left:15px;
  padding:8px 10px;
  border:1px solid rgba(244,243,239,.45);
  border-radius:999px;
  background:rgba(10,10,10,.55);
  backdrop-filter:blur(10px);
  color:#f4f3ef;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}
.one-click-card__body{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:22px 20px 20px;
}
.one-click-card__body h3{
  margin:10px 0 0;
  color:#f4f3ef;
  font-size:clamp(26px,2.7vw,38px);
  letter-spacing:-.055em;
  line-height:1;
}
.one-click-card__body > p:not(.one-click-card__eyebrow){
  margin:15px 0 22px;
  color:rgba(244,243,239,.7);
  font-size:14px;
  line-height:1.6;
}
.one-click-card__cta{
  margin-top:auto;
  color:#d8f233;
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
}
@media(max-width:780px){
  .beauwheel-intro__visual{max-width:365px;min-height:0;}
  .one-click-collection{padding:74px 0;}
  .one-click-collection__heading{grid-template-columns:1fr;gap:18px;}
  .one-click-collection__heading h2{font-size:clamp(38px,11.2vw,58px);}
  .one-click-collection__grid{grid-template-columns:1fr;gap:14px;margin-top:30px;}
  .one-click-card{display:grid;grid-template-columns:39% 1fr;min-height:176px;border-radius:20px;}
  .one-click-card__media{aspect-ratio:auto;height:100%;}
  .one-click-card__body{padding:18px 16px;}
  .one-click-card__body h3{font-size:25px;}
  .one-click-card__body > p:not(.one-click-card__eyebrow){margin:11px 0 16px;font-size:13px;line-height:1.46;}
  .one-click-card__number{top:10px;left:10px;padding:6px 7px;font-size:8px;}
}
@media(prefers-reduced-motion:reduce){
  .one-click-card{transition:none;}
}

/* Shared order desk: each vertical service keeps its own landing page while
   AVVM remains the single place for future order and payment management. */
.service-order-bridge{
  padding:clamp(72px,10vw,150px) 0;
  background:
    radial-gradient(circle at 8% 20%,rgba(216,242,51,.12),transparent 30rem),
    linear-gradient(145deg,#11120e 0%,#1a1b16 48%,#10110e 100%);
  color:#f4f4ef;
}
.service-order-bridge__head{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:18px clamp(28px,6vw,96px);
  align-items:end;
  margin-bottom:clamp(32px,5vw,56px);
}
.service-order-bridge__eyebrow,.service-order-card__topline{
  color:#d8f233;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.16em;
}
.service-order-bridge__eyebrow{grid-column:1/-1;margin:0;}
.service-order-bridge h2{
  max-width:11ch;
  margin:0;
  font-size:clamp(2.2rem,5.4vw,5.3rem);
  line-height:.96;
  letter-spacing:-.07em;
}
.service-order-bridge__copy{
  max-width:42rem;
  margin:0;
  color:rgba(244,244,239,.68);
  font-size:clamp(1rem,1.5vw,1.22rem);
  line-height:1.65;
}
.service-order-bridge__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.service-order-card{
  display:flex;
  min-height:365px;
  flex-direction:column;
  padding:clamp(23px,3vw,34px);
  border:1px solid rgba(255,255,255,.17);
  border-radius:24px;
  background:rgba(12,13,10,.52);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(14px);
}
.service-order-card__topline{display:flex;justify-content:space-between;gap:12px;}
.service-order-card h3{
  margin:38px 0 10px;
  font-size:clamp(1.4rem,2vw,2rem);
  line-height:1.08;
  letter-spacing:-.045em;
}
.service-order-card__meta{
  min-height:2.8em;
  margin:0 0 15px;
  color:#d8f233;
  font-size:.77rem;
  font-weight:750;
  line-height:1.45;
  letter-spacing:.04em;
}
.service-order-card>p:not(.service-order-card__meta){
  margin:0;
  color:rgba(244,244,239,.65);
  font-size:.93rem;
  line-height:1.6;
}
.service-order-card__link{
  display:inline-flex;
  width:fit-content;
  margin-top:auto;
  padding-top:28px;
  color:#f4f4ef;
  font-size:.77rem;
  font-weight:800;
  letter-spacing:.1em;
  text-decoration:none;
}
.service-order-card__link:hover,.service-order-card__link:focus-visible{color:#d8f233;}
.service-order-card__locked{margin-top:15px;}
.service-order-card__locked button{
  width:100%;
  min-height:48px;
  border:1px solid rgba(216,242,51,.26);
  border-radius:999px;
  background:rgba(216,242,51,.09);
  color:rgba(244,244,239,.52);
  cursor:not-allowed;
  font:inherit;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
}
.service-order-card__locked small{
  display:block;
  margin-top:9px;
  color:rgba(244,244,239,.42);
  font-size:.7rem;
  line-height:1.45;
}
.service-order-bridge__note{
  max-width:62rem;
  margin:20px 0 0;
  color:rgba(244,244,239,.47);
  font-size:.8rem;
  line-height:1.55;
}
@media(max-width:860px){
  .service-order-bridge__head,.service-order-bridge__grid{grid-template-columns:1fr;}
  .service-order-bridge__head{gap:16px;}
  .service-order-bridge h2{max-width:13ch;}
  .service-order-card{min-height:0;}
}
.click-hand{display:inline-block;vertical-align:middle;width:1.6em;height:1.6em;margin:0 .08em;border-radius:50%;mix-blend-mode:screen;transform:translateY(-.08em)}
.click-hand--inline{width:1.9em;height:1.9em}

/* 2026-08-12 히어로 재배치 v2: 타이포 위, '사진 한 장...' 문구가 맨 밑 한 줄 */
#heroSubText{margin-top:16px;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(11px,1.5vw,15px)}
.service-order-card__cta{margin-top:15px;}
.service-order-card__cta a{display:block;width:100%;min-height:48px;line-height:46px;text-align:center;border:1px solid #d8f233;border-radius:999px;background:rgba(216,242,51,.12);color:#d8f233;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-decoration:none;transition:background .2s,color .2s;}
.service-order-card__cta a:hover{background:#d8f233;color:#0a0a0a;}

/* 모바일 히어로 상단바 구글 로그인 (데스크톱은 nav 버튼 사용) */
.auth-google-hero{display:none}
.auth-google-hero[hidden]{display:none!important}
@media(max-width:760px){
  .auth-google-hero{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-height:34px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.07);backdrop-filter:blur(10px);cursor:pointer}
  .auth-google-hero .auth-google-glyph{padding:2px}
}

/* LINKS-TWOROW-CSS: 상단 메뉴 2열 */
.links--tworow{display:flex!important;flex-direction:column;align-items:center;gap:7px;padding:10px 0}
.links--tworow .links-row{display:flex;justify-content:center;align-items:center;gap:26px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.links--tworow .links-row--sites{gap:30px}
.links--tworow .links-row--sites a{color:var(--lime,#d8f233)}
.links--tworow .links-row--sites a:hover{color:#fff}
/* .nav-beauwheel의 !important 상시 라임(7143행)이 호버를 이기지 못하게 오버라이드 */
.links--tworow .links-row--sites a.nav-beauwheel:hover{color:#fff!important}
@media(max-width:1020px){.links--tworow .links-row{gap:14px}}

/* SCRAMBLE-CSS: 히어로 타이포 스크램블 (루미와치 무드) */
.scr-ch{display:inline-block;white-space:pre}
.scr-ch.is-scrambling{opacity:.55;filter:blur(.4px)}

/* QUICKNAV-MARQUEE: 퀵메뉴를 뷰휠식 무한 띠로 */
.quick-nav-inner{overflow:hidden;max-width:100%;justify-content:flex-start;padding:0}
.quick-nav-track{display:flex;gap:12px;width:max-content;padding:0 6px}
.quick-nav-group{display:flex;gap:12px;flex:0 0 auto}
.quick-nav-track.is-marquee{animation:quickMarquee 32s linear infinite}
.quick-nav-track.is-marquee:hover,
.quick-nav-track.is-marquee:active{animation-play-state:paused}
@keyframes quickMarquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 6px))}}
@media (prefers-reduced-motion: reduce){.quick-nav-track.is-marquee{animation:none}}