:root{
    --navy:#1e1b4b; --navy-dark:#13113a; --navy-light:#2d2a6e; --accent:#6366f1; --accent-light:#818cf8;
    --bg:#fff; --bg-off:#f8f9fb; --bg-cool:#eef0f6; --bg-slate:#e2e5f0;
    --border:#d1d5e8; --text:#1a1a1a; --text-mid:#4a4a5a; --text-muted:#6a6a7d;
    --mono:'Geist Mono', ui-monospace, SFMono-Regular, Menlo, 'Noto Sans KR', sans-serif;
    --shadow:0 20px 40px -15px rgba(19,17,58,.08); --shadow-lg:0 30px 60px -22px rgba(19,17,58,.18);
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{font-family:'Noto Sans KR', 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, sans-serif; color:var(--text); background:var(--bg); line-height:1.75; -webkit-font-smoothing:antialiased; letter-spacing:-.003em; overflow-x:hidden;}
  h1,h2,h3,h4,p,li,span,div,button,summary{word-break:keep-all;}
  h1,h2,h3,h4,p,li{text-wrap:pretty;}
  a{color:inherit; text-decoration:none;}
  img{max-width:100%; display:block;}
  .wrap{max-width:1180px; margin:0 auto; padding:0 32px;}
  .mono, .num{font-family:var(--mono); font-variant-numeric:tabular-nums;}
  .eyebrow{font-family:var(--mono); font-size:12px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--accent);}
  h2.sec-head, h3.sec-head{font-size:clamp(24px,2.2vw,36px); font-weight:800; line-height:1.36; letter-spacing:-.021em; color:var(--navy); margin-top:14px;}
  .sec-lead{font-size:17px; line-height:1.78; color:var(--text-mid); margin-top:18px; max-width:780px;}
  .sub-head{font-size:23px; font-weight:800; color:var(--navy); letter-spacing:-.016em;}
  .killer{font-size:clamp(29px,3.5vw,42px); font-weight:800; line-height:1.28; letter-spacing:-.028em; color:var(--navy); margin-top:20px;}
  .killer em{font-style:normal; color:var(--accent);}
  .killer .num{font-weight:700; letter-spacing:-.035em;}
  .killer-hero{font-size:clamp(32px,3.9vw,50px); line-height:1.26; margin-top:16px;}
  .killer-sm{font-size:clamp(25px,2.9vw,37px); line-height:1.32;}
  .ax .killer{color:#fff;} .ax .killer em{color:var(--accent-light);}
  .btn{display:inline-flex; align-items:center; gap:9px; padding:14px 26px; border-radius:12px; font-size:15px; font-weight:700; font-family:inherit; border:none; cursor:pointer; transition:transform .12s ease, background .15s ease;}
  .btn:active{transform:scale(.98);}
  .btn-primary{background:var(--navy); color:#fff; box-shadow:var(--shadow);}
  .btn-primary:hover{background:var(--navy-light);}
  .btn-accent{background:var(--accent); color:#fff; box-shadow:0 20px 40px -18px rgba(99,102,241,.5);}
  .btn-accent:hover{background:#5457e0;}
  .btn-ghost{background:#fff; color:var(--navy); border:1.5px solid var(--border);}
  .btn-ghost:hover{border-color:var(--accent); color:var(--accent);}
  .btn-sm{padding:11px 18px; font-size:13.5px; border-radius:10px;}
  .ico{width:17px; height:17px; flex:none; stroke:currentColor; fill:none; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round;}
  .ico-sm{width:15px; height:15px;}
  .was{font-family:var(--mono); text-decoration:line-through; text-decoration-thickness:1.4px; color:var(--text-muted); font-weight:500;}
  .badge-open{display:inline-flex; align-items:center; font-size:12px; font-weight:700; color:var(--accent); border:1.5px solid var(--accent); border-radius:999px; padding:4px 11px; white-space:nowrap;}
  .ribbon{position:fixed; bottom:10px; left:10px; z-index:900; background:var(--navy-dark); color:#fff; font-family:var(--mono); font-size:11px; letter-spacing:.06em; padding:6px 12px; border-radius:7px; opacity:.86;}
  .nav{position:sticky; top:0; z-index:500; background:rgba(255,255,255,.9); backdrop-filter:saturate(160%) blur(14px); border-bottom:1px solid var(--border);}
  .nav-in{display:flex; align-items:center; gap:34px; height:66px;}
  .logo{display:flex; align-items:baseline; gap:8px;}
  .logo b{font-size:19px; font-weight:800; letter-spacing:-.035em; color:var(--navy);}
  .logo span{font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; color:var(--text-muted);}
  .nav-menu{display:flex; gap:26px; margin-left:8px;}
  .nav-menu a{font-size:14.5px; font-weight:600; color:var(--text-mid); transition:color .13s ease;}
  .nav-menu a:hover{color:var(--accent);}
  .nav-right{margin-left:auto; display:flex; align-items:center; gap:16px;}
  .nav-tel{display:flex; align-items:center; gap:7px; font-family:var(--mono); font-size:13.5px; font-weight:600; color:var(--navy);}
  .hero{padding:78px 0 84px; background:linear-gradient(180deg,#fff 0%,var(--bg-off) 100%);}
  .hero-grid{display:grid; grid-template-columns:1.12fr .88fr; gap:60px; align-items:start;}
  .hero-lead{font-size:16.5px; color:var(--text-mid); margin-top:24px; max-width:500px;}
  .hero-tracks{margin-top:40px; border-top:1px solid var(--border);}
  .track-card{display:block; padding:26px 0 24px; border-bottom:1px solid var(--border); transition:padding-left .16s ease;}
  .track-card:hover{padding-left:10px;}
  .tc-tag{font-family:var(--mono); font-size:10.5px; font-weight:600; letter-spacing:.1em; color:var(--accent); border:1px solid rgba(99,102,241,.32); border-radius:5px; padding:3px 8px;}
  .track-card h3{font-size:18px; font-weight:700; color:var(--navy); letter-spacing:-.025em; margin-top:12px;}
  .tc-price{display:flex; align-items:baseline; gap:11px; flex-wrap:wrap; margin-top:13px;}
  .tc-price .was{font-size:14.5px;}
  .tc-price .now{font-family:var(--mono); font-size:23px; font-weight:600; color:var(--navy); letter-spacing:-.035em;}
  .tc-note{font-size:13px; color:var(--text-muted); margin-top:10px; display:flex; align-items:center; gap:7px;}
  .tc-note::before{content:''; width:14px; height:1px; background:var(--accent); flex:none;}
  .hero-fine{margin-top:30px; display:flex; gap:8px 28px; flex-wrap:wrap; font-size:13.5px; color:var(--text-muted); padding-left:14px; border-left:2px solid var(--bg-slate);}
  .hero-fine b{color:var(--navy); font-weight:700;}
  .hero-visual{position:relative; padding-top:8px;}
  .peek-card{position:absolute; right:14px; top:-26px; width:250px; z-index:1; background:var(--navy-dark); border-radius:16px; padding:16px 17px; box-shadow:var(--shadow-lg); transform:rotate(-2.2deg);}
  .pk-title{font-family:var(--mono); font-size:10px; letter-spacing:.12em; color:rgba(255,255,255,.55);}
  .peek-row{display:flex; align-items:center; gap:9px; margin-top:11px;}
  .peek-row i{width:6px; height:6px; border-radius:2px; background:var(--accent-light); flex:none; display:block;}
  .peek-row span{font-size:11.5px; color:rgba(255,255,255,.82); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
  .bot-preview{position:relative; z-index:2; margin-top:88px; background:#fff; border:1px solid var(--border); border-radius:20px; box-shadow:var(--shadow-lg); overflow:hidden;}
  .bp-head{display:flex; align-items:center; gap:10px; padding:15px 18px; background:var(--navy); color:#fff;}
  .bp-head b{font-size:14px; font-weight:700; letter-spacing:-.02em;}
  .bp-head small{font-size:11px; color:rgba(255,255,255,.6); margin-left:auto; font-family:var(--mono);}
  .dot-live{width:7px; height:7px; border-radius:50%; background:#4ade80; flex:none; animation:pulse 2.4s ease-in-out infinite;}
  @keyframes pulse{0%,100%{opacity:1; transform:scale(1);} 50%{opacity:.45; transform:scale(.82);}}
  .bp-body{padding:18px; background:var(--bg-off);}
  .bub{max-width:88%; padding:11px 14px; border-radius:14px; font-size:13.5px; line-height:1.6;}
  .bub-bot{background:#fff; border:1px solid var(--border); border-bottom-left-radius:5px; color:var(--text);}
  .bub-user{background:var(--navy); color:#fff; border-bottom-right-radius:5px; margin-left:auto;}
  .bp-body .bub + .bub{margin-top:9px;}
  .bp-chips{display:flex; flex-wrap:wrap; gap:7px; margin-top:12px;}
  .bp-chips span{font-size:12.5px; font-weight:600; color:var(--accent); background:#fff; border:1px solid rgba(99,102,241,.35); border-radius:9px; padding:7px 12px;}
  .bp-foot{padding:14px 18px; border-top:1px solid var(--border); background:#fff;}
  .band{background:var(--navy-dark); color:#fff; padding:34px 0;}
  .band-in{display:grid; grid-template-columns:repeat(4,1fr); gap:26px;}
  .band-item{padding-left:22px; border-left:1px solid rgba(255,255,255,.16);}
  .bi-v{display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; font-family:var(--mono); font-size:34px; font-weight:600; letter-spacing:-.045em; color:#fff; line-height:1.1;}
  .bi-v small{font-size:13px; font-weight:500; color:rgba(255,255,255,.62); margin-left:-3px; font-family:inherit; letter-spacing:0;}
  .bi-v .was{font-size:15px; color:rgba(255,255,255,.36); order:-1;}
  .bi-k{font-size:12.5px; line-height:1.6; color:rgba(255,255,255,.68); margin-top:9px;}
  section{padding:60px 0;}
  .sec-off{background:var(--bg-off);}
  .card{display:flex; flex-direction:column; background:#fff; border:1px solid var(--border); border-radius:16px; padding:28px; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;}
  .card:hover{transform:translateY(-2px); box-shadow:var(--shadow); border-color:#b9bfdf;}
  .card-k{font-family:var(--mono); font-size:12px; font-weight:600; letter-spacing:.11em; line-height:1.5; color:var(--accent);}
  .card h4{font-size:19px; font-weight:800; line-height:1.42; letter-spacing:-.03em; color:var(--navy); margin-top:12px;}
  .card p{font-size:15px; line-height:1.72; color:var(--text-muted); margin-top:10px;}
  .card-dark{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.10);}
  .card-dark:hover{transform:translateY(-2px); box-shadow:0 20px 40px -18px rgba(0,0,0,.35); border-color:rgba(255,255,255,.22);}
  .card-dark .card-k{color:var(--accent-light);}
  .card-dark h4{color:#fff;}
  .card-dark p{color:rgba(255,255,255,.58);}
  .eb-pin{margin-top:28px;}
  .eb-pin-rail{display:flex; align-items:center;}
  .eb{margin-top:0; width:100%; display:grid; grid-template-columns:45fr 55fr; gap:56px; align-items:stretch;}
  .eb-item{outline:none;}
  .eb-item:focus{outline:none;}
  .eb-item:focus-visible{outline:2px solid var(--accent); outline-offset:2px;}
  .eb-list{margin-top:0; border-top:1px solid rgba(30,27,75,.08); display:flex; flex-direction:column; justify-content:space-between; min-height:100%;}
  .eb-item{display:block; width:100%; text-align:left; background:none; border:none; border-bottom:1px solid rgba(30,27,75,.08); padding:18px 4px 16px; cursor:pointer; font-family:inherit; color:inherit;}
  .eb-h{display:flex; align-items:baseline; gap:13px;}
  .eb-k{font-family:var(--mono); font-size:12px; font-weight:600; letter-spacing:.13em; color:var(--text-muted); transition:color .5s cubic-bezier(.32,.72,0,1);}
  .eb-t{position:relative; display:inline-block; font-size:clamp(19px,1.85vw,26px); font-weight:800; line-height:1.32; letter-spacing:-.038em; color:rgba(30,27,75,.62); transition:color .5s cubic-bezier(.32,.72,0,1); white-space:nowrap;}
  .eb-t::after{content:''; position:absolute; left:0; bottom:-4px; height:2px; width:100%; background:var(--accent); transform:scaleX(0); transform-origin:left; transition:transform .6s cubic-bezier(.32,.72,0,1);}
  .eb-d{display:block; height:0; margin-top:0; overflow:hidden; font-size:14px; line-height:23px; color:var(--text-mid); opacity:0; transform:translateY(5px); transition:opacity .45s cubic-bezier(.32,.72,0,1), transform .6s cubic-bezier(.32,.72,0,1), height .45s cubic-bezier(.32,.72,0,1), margin-top .45s cubic-bezier(.32,.72,0,1);}
  .eb-item.on .eb-k{color:var(--accent);}   .eb-item.on .eb-t{color:var(--navy);}   .eb-item.on .eb-t::after{transform:scaleX(1);}   .eb-item.on .eb-d{height:23px; margin-top:11px; opacity:1; transform:translateY(0);}
  /* ── eb showcase ─────────────────────────────────────────── */
  .film{padding:72px 0 8px; background:var(--bg-off);}
  .film-head{margin-top:10px;}
  .film .video-frame{margin-top:28px;}
  .eb-stage{position:static; align-self:stretch; height:auto; min-height:100%; display:flex; flex-direction:column; padding:6px; border-radius:22px; background:linear-gradient(150deg,rgba(30,27,75,.08),rgba(30,27,75,.025)); border:1px solid rgba(30,27,75,.08); box-shadow:0 24px 48px -24px rgba(19,17,58,.18);}
  .eb-deck{width:100%; flex:1 1 auto; min-height:0; isolation:isolate; display:flex; flex-direction:column;}
  .eb-screen{position:relative; width:100%; flex:1 1 auto; min-height:340px; aspect-ratio:16/9; overflow:hidden; border-radius:16px; background:#13113a;}
  .eb-slot{position:absolute; inset:0; overflow:hidden; border-radius:16px; background:#13113a; border:1px solid rgba(255,255,255,.08); opacity:0; pointer-events:none; z-index:0; transition:opacity .35s ease;}
  .eb-slot[data-d='0']{opacity:1; pointer-events:auto; z-index:2;}
  .eb-cap{padding:12px 8px 2px; font-size:13.5px; font-weight:700; letter-spacing:-.02em; color:var(--navy);}
  .eb-browser{display:flex; flex-direction:column; width:100%; height:100%; overflow:hidden; background:#fff;}
  .eb-browser-bar{display:flex; align-items:center; gap:10px; flex:0 0 28px; height:28px; padding:0 10px; background:#f4f5f8; border-bottom:1px solid #e4e6ef;}
  .eb-browser-dots{display:flex; gap:5px; flex:none;}
  .eb-browser-dots i{display:block; width:7px; height:7px; border-radius:50%; background:#c5c8d4;}
  .eb-browser-dots i:first-child{background:#9ca1b2;}
  .eb-address{display:flex; align-items:center; min-width:0; height:22px; padding:0 10px; overflow:hidden; border:1px solid #e1e3ec; border-radius:7px; background:#fff; font-family:var(--mono); font-size:9px; letter-spacing:.03em; white-space:nowrap; text-overflow:ellipsis;}
  .eb-browser-meta{margin-left:auto; font-family:var(--mono); font-size:8px; letter-spacing:.08em; color:#a0a3b1;}
  .eb-browser-viewport{container-type:size; position:relative; flex:1 1 auto; min-height:0; overflow:hidden; background:#fff;}
  .eb-browser-addr{font-family:var(--mono); font-size:9.5px; letter-spacing:.05em; color:#8b8fa3; background:#eef0f6; border-radius:99px; padding:3px 12px;}
  /* 휴대폰 목업 — 모바일 앱/웹 게임 (모니터 틀 금지, 휴대폰만) */
  .eb-slot--device{display:flex; align-items:center; justify-content:center;}
  .eb-slot--app{background:linear-gradient(140deg,#0e1834 0%,#13235c 58%,#0e1834 100%);}
  .eb-slot--game{background:linear-gradient(140deg,#141021 0%,#241a33 55%,#120f1d 100%);}
  .eb-device-bg{position:absolute; inset:0; overflow:hidden; pointer-events:none;}
  .eb-device-bg i{position:absolute; display:block; border-radius:50%; filter:blur(52px);}
  .eb-slot--app .eb-device-bg i:first-child{width:46%; height:80%; left:6%; top:-24%; background:rgba(64,110,255,.5);}
  .eb-slot--app .eb-device-bg i:last-child{width:42%; height:74%; right:4%; bottom:-28%; background:rgba(120,160,255,.34);}
  .eb-slot--game .eb-device-bg i:first-child{width:46%; height:80%; left:6%; top:-24%; background:rgba(196,132,58,.4);}
  .eb-slot--game .eb-device-bg i:last-child{width:42%; height:74%; right:4%; bottom:-28%; background:rgba(96,88,214,.36);}
  .eb-phone{position:relative; z-index:1; height:90%; padding:7px; border-radius:32px; background:#0b0e1c; border:1px solid rgba(255,255,255,.2); box-shadow:0 26px 54px -20px rgba(0,0,0,.65), 0 0 70px -26px rgba(120,150,255,.5);}
  .eb-phone-screen{position:relative; height:100%; aspect-ratio:9/16; border-radius:25px; overflow:hidden; background:#101528;}
  .ph-slider{position:relative; width:100%; height:100%; overflow:hidden;}
  .ph-slide{position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; object-position:center top; opacity:0; pointer-events:none; transition:opacity .5s ease;}
  .ph-slide.on{opacity:1; pointer-events:auto; z-index:1;}
  .ph-dots{position:absolute; left:0; right:0; bottom:10px; z-index:3; display:flex; justify-content:center; gap:9px; pointer-events:none;}
  .ph-dots i{position:relative; width:5px; height:5px; border-radius:50%; background:rgba(255,255,255,.42); display:block; box-shadow:0 0 4px rgba(0,0,0,.35); pointer-events:auto; cursor:pointer; transition:background .16s ease, transform .16s ease;}
  .ph-dots i::after{content:''; position:absolute; inset:-8px;}
  .ph-dots i:hover{background:rgba(255,255,255,.8);}
  .ph-dots i.on{background:#fff; transform:scale(1.25);}
  /* 폰 목업 좌우 이동 버튼 — 모바일 앱·웹 게임 */
  .ph-nav{position:absolute; top:50%; z-index:4; width:46px; height:46px; padding:0; border-radius:50%; border:1px solid rgba(255,255,255,.3); background:rgba(9,11,28,.52); color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; font-family:inherit; -webkit-backdrop-filter:blur(7px); backdrop-filter:blur(7px); transform:translateY(-50%); transition:background .15s ease, border-color .15s ease, opacity .15s ease;}
  .ph-nav .ico{width:20px; height:20px; stroke-width:2;}
  .ph-nav:hover{background:var(--accent); border-color:transparent;}
  .ph-nav:active{transform:translateY(-50%) scale(.93);}
  .ph-nav:focus-visible{outline:2px solid var(--accent-light); outline-offset:3px;}
  .ph-prev{left:clamp(10px, 4%, 44px);}
  .ph-next{right:clamp(10px, 4%, 44px);}
  .eb-browser-viewport{overflow:hidden;}
  .eb-browser-viewport img{
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    object-fit:fill;
    object-position:top left;
    will-change:transform;
    transform:translate3d(0,0,0);
  }
  /* 스크롤 애니메이션은 구간이 화면에 들어온 뒤(.armed)에만 시작 — 미리 내려가 있지 않게 */
  /* 하강 전 최상단(메인)을 잠깐 보여준다 — 클릭·자동 .8s, 스크롤 통과 .5s */
  .eb-pin.armed .eb-slot--site[data-d='0'] .eb-browser-viewport img{animation:ebPageDown 8.5s cubic-bezier(.22,.61,.36,1) .8s forwards;}
  .eb-pin.armed .eb-slot--scroll2[data-d='0'] .eb-browser-viewport img{animation:ebPageDown 4s cubic-bezier(.22,.61,.36,1) .8s forwards;}
  /* 페이지 스크롤로 넘길 때는 미니 브라우저가 빠르게 전체 페이지를 훑는다 */
  .eb-pin.armed.fast .eb-slot--site[data-d='0'] .eb-browser-viewport img{animation-duration:2.4s; animation-delay:.5s;}
  .eb-pin.armed.fast .eb-slot--scroll2[data-d='0'] .eb-browser-viewport img{animation-duration:1.8s; animation-delay:.5s;}
  @keyframes ebPageDown{
    0%{transform:translateY(0);}
    100%{transform:translateY(var(--scroll-y, 0px));}
  }
  .price-open{margin-top:104px;}
  .price-grid{display:grid; grid-template-columns:.9fr 1.1fr; margin-top:38px; border:1px solid var(--border); border-radius:22px; overflow:hidden; background:#fff; box-shadow:var(--shadow);}
  .price-main{padding:40px 34px; background:var(--navy); color:#fff;}
  .pm-k{font-family:var(--mono); font-size:11px; letter-spacing:.13em; color:rgba(255,255,255,.55);}
  .pm-row{display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; margin-top:16px;}
  .pm-row .was{font-size:19px; color:rgba(255,255,255,.4);}
  .pm-v{font-family:var(--mono); font-size:52px; font-weight:600; letter-spacing:-.05em; line-height:1;}
  .pm-v small{font-size:17px; font-weight:500; margin-left:5px; font-family:inherit; letter-spacing:0;}
  .price-main .badge-open{color:#fff; border-color:var(--accent-light); background:rgba(99,102,241,.24);}
  .pm-sub{font-size:14.5px; font-weight:700; color:#fff; margin-top:20px;}
  .pm-note{font-size:13px; color:rgba(255,255,255,.6); margin-top:9px; padding-left:12px; border-left:2px solid var(--accent);}
  .price-side{padding:38px 34px;}
  .price-side p{font-size:14.5px; color:var(--text-mid); margin-top:12px;}
  .inc-list{margin-top:24px; border-top:1px solid var(--border);}
  .inc-list li{list-style:none; padding:12px 0 12px 26px; border-bottom:1px solid var(--border); font-size:14.5px; position:relative;}
  .inc-list li:last-child{border-bottom:none;}
  .inc-list li::before{content:''; position:absolute; left:2px; top:50%; transform:translateY(-50%); width:10px; height:1px; background:var(--accent);}
  .inc-list li span{color:var(--text-mid);}
  .steps{margin-top:26px; display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}
  .step{position:relative;}
  .step:not(:last-child)::after{content:''; position:absolute; right:-12px; top:50%; width:7px; height:7px; border-top:1.5px solid var(--border); border-right:1.5px solid var(--border); transform:translateY(-50%) rotate(45deg);}
  .st-desc{margin-top:auto; padding-top:14px; border-top:1px solid var(--border); font-size:13px; line-height:1.6; color:var(--text-muted); word-break:keep-all;}
  .step{display:flex; flex-direction:column; min-height:186px;}
  .step h4{margin-bottom:12px;}
  .cta-bar{margin-top:60px; display:grid; grid-template-columns:1fr auto; gap:32px; align-items:center; padding:30px 34px; border-radius:20px; background:var(--bg-cool);}
  .cta-bar h4{font-size:18px; font-weight:700; color:var(--navy); letter-spacing:-.025em;}
  .cta-bar p{font-size:14px; color:var(--text-mid); margin-top:7px;}
  .ax{background:var(--navy-dark); color:#fff;}
  .ax h2.sec-head, .ax h3.sec-head{color:#fff;}
  .ax .sec-lead{color:rgba(255,255,255,.66); max-width:840px;}
  .ax .eyebrow{color:var(--accent-light);}
  .proof{margin-top:88px;}
  .proof-num{display:flex; align-items:flex-end; gap:4px; flex-wrap:wrap; margin-top:26px;}
  .proof-num .num{font-size:clamp(66px,9.6vw,124px); font-weight:600; color:#fff; letter-spacing:-.06em; line-height:.92;}
  .proof-num i{font-style:normal; font-family:var(--mono); font-size:clamp(32px,4.2vw,54px); font-weight:600; color:var(--accent-light); line-height:1.2;}
  .proof-num-k{font-size:14.5px; color:rgba(255,255,255,.58); margin-left:20px; padding-bottom:12px;}
  .layer-label{display:flex; align-items:baseline; gap:14px; flex-wrap:wrap; margin-top:72px; padding-bottom:14px; border-bottom:1px solid rgba(255,255,255,.18);}
  .lay-n{font-family:var(--mono); font-size:11px; font-weight:600; letter-spacing:.14em; color:var(--accent-light);}
  .layer-label b{font-size:19px; font-weight:700; color:#fff; letter-spacing:-.028em;}
  .lay-s{font-size:13.5px; color:rgba(255,255,255,.52); margin-left:auto;}
  /* 고정 묶음 = LAYER 라벨 + 앱 화면 + 하단 안내. 셋이 한 화면에 같이 머문다 */
  .catalog-stage{position:relative; height:140vh; margin-top:40px;}
  .catalog-sticky{position:sticky; top:max(88px, calc(50vh - 388px));}
  .catalog-sticky .layer-label{margin-top:0; margin-bottom:22px;}
  .catalog-sticky .cat-hint{margin-top:16px;}
  .app-frame{display:grid; grid-template-columns:238px 1fr; height:min(670px, calc(100vh - 190px)); background:#fff; border-radius:20px; overflow:hidden; box-shadow:0 40px 80px -30px rgba(0,0,0,.55); border:1px solid rgba(255,255,255,.08);}
  .app-side{background:var(--navy-dark); display:flex; flex-direction:column; min-height:0; padding:20px 0 0;}
  .app-brand{padding:0 20px 22px; display:flex; align-items:center; gap:9px;}
  .ab-mark{width:26px; height:26px; border-radius:8px; background:var(--accent); flex:none; display:flex; align-items:center; justify-content:center;}
  .app-brand b{font-size:13.5px; font-weight:700; color:#fff; letter-spacing:-.02em;}
  .app-nav{flex:1 1 auto; min-height:0; padding:0 12px;}
  .app-nav-k{font-family:var(--mono); font-size:9.5px; letter-spacing:.14em; color:rgba(255,255,255,.34); padding:0 8px 9px;}
  .app-nav a{display:flex; align-items:center; gap:10px; padding:9px 10px; border-radius:9px; font-size:12.5px; font-weight:600; color:rgba(255,255,255,.62); margin-bottom:2px;}
  .app-nav a .ico{width:15px; height:15px; opacity:.75;}
  .app-nav a.on{background:rgba(99,102,241,.22); color:#fff;}
  .app-nav a.on .ico{opacity:1; color:var(--accent-light);}
  .app-user{flex:none; margin:0 12px 14px; padding:11px 10px; border-top:1px solid rgba(255,255,255,.1); display:flex; align-items:center; gap:9px;}
  .au-av{width:28px; height:28px; border-radius:9px; flex:none; background:var(--navy-light); display:flex; align-items:center; justify-content:center; font-family:var(--mono); font-size:10.5px; font-weight:600; color:#fff;}
  .au-t{min-width:0;}
  .au-t b{display:block; font-size:11.5px; font-weight:700; color:#fff;}
  .au-t span{display:block; font-family:var(--mono); font-size:9.5px; color:rgba(255,255,255,.46); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
  .app-main{display:flex; flex-direction:column; min-width:0; min-height:0; background:var(--bg-off);}
  .app-bar{flex:none; padding:16px 22px 12px; background:#fff; border-bottom:1px solid var(--border);}
  .app-search{display:flex; align-items:center; gap:9px; height:36px; padding:0 13px; background:var(--bg-off); border:1px solid var(--border); border-radius:10px; font-size:12.5px; color:var(--text-muted);}
  .app-chips{display:flex; gap:6px; margin-top:11px; flex-wrap:wrap;}
  .app-chip{min-height:32px; font-size:11.5px; font-weight:700; color:var(--text-mid); background:#fff; border:1px solid var(--border); border-radius:8px; padding:5px 11px; cursor:pointer; font-family:inherit; transition:all .13s ease;}
  .app-chip:hover{border-color:var(--accent); color:var(--accent);}
  .app-chip.on{background:var(--navy); border-color:var(--navy); color:#fff;}
  .app-view{flex:1 1 auto; min-height:0; position:relative; overflow:hidden;}
  .app-list{display:grid; grid-template-columns:repeat(2,1fr); grid-auto-rows:1fr; align-content:start; gap:11px; padding:18px 22px 24px; will-change:transform;}
  .ag-card{background:#fff; border:1px solid var(--border); border-radius:13px; padding:14px 16px; min-height:104px;}
  .ag-top{display:flex; align-items:flex-start; gap:13px;}   .ag-txt{display:flex; flex-direction:column; gap:3px; min-width:0;}
  .ag-ic{width:56px; height:56px; border-radius:14px; flex:none; overflow:hidden;}
  .ag-ico-img{display:block; width:100%; height:100%; object-fit:contain;}
  .ag-ico-alt{filter:hue-rotate(35deg);}
  .ag-name{font-size:13.5px; font-weight:700; color:var(--navy); letter-spacing:-.02em; line-height:1.35;}
  .ag-cat{font-family:var(--mono); font-size:9.5px; font-weight:600; letter-spacing:.06em; color:var(--accent); width:fit-content;}
  .ag-desc{font-size:11.8px; line-height:1.62; color:var(--text-mid); margin-top:6px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
  .app-rail{position:absolute; right:8px; top:16px; bottom:16px; width:3px; background:var(--bg-slate); border-radius:2px;}
  .app-rail i{position:absolute; left:0; top:0; width:3px; border-radius:2px; background:var(--accent); display:block; will-change:transform;}
  .cat-hint{display:flex; align-items:center; gap:8px; margin-top:20px; font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; color:rgba(255,255,255,.4);}
  .bridge{margin-top:88px; max-width:900px;}
  .ticker{margin-top:28px; overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);}
  .tk-track{display:flex; width:max-content; animation:marquee 42s linear infinite;}
  .ticker:hover .tk-track{animation-play-state:paused;}
  @keyframes marquee{from{transform:translate3d(0,0,0);} to{transform:translate3d(-50%,0,0);}}
  .tk-chip{flex:none; margin-right:14px; display:flex; align-items:center; gap:11px; padding:15px 21px; border-radius:14px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.13); font-size:15px; font-weight:700; color:rgba(255,255,255,.9); white-space:nowrap;}
  .tk-chip i{width:6px; height:6px; border-radius:2px; background:var(--accent-light); flex:none; display:block;}
  .tk-more{color:var(--accent-light); border-style:dashed; background:transparent; font-weight:600;}
  .tk-more i{background:transparent; border:1px dashed var(--accent-light); border-radius:50%; width:7px; height:7px;}
  .delta{margin-top:88px;}
  .delta-grid{margin-top:30px; display:grid; grid-template-columns:repeat(2,1fr); gap:16px; grid-auto-rows:1fr;}
  .delta-cell{position:relative; overflow:hidden; padding:26px 28px 24px; background:linear-gradient(140deg, rgba(99,102,241,.13) 0%, rgba(255,255,255,.04) 58%);}
  .delta-cell::before{content:''; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--accent);}
  .delta-ic{width:56px; height:56px; border-radius:14px; object-fit:contain; display:block; flex:none;}
  .delta-head{display:flex; align-items:center; gap:14px; height:56px;}   .delta-k{font-size:15px; font-weight:700; color:rgba(255,255,255,.82); line-height:1.35;}
  .delta-v{display:flex; align-items:baseline; gap:12px; margin-top:18px; min-height:46px; flex-wrap:nowrap;}
  .delta-from{font-family:var(--mono); font-size:13px; color:rgba(255,255,255,.4); text-decoration:line-through; text-decoration-thickness:1px; white-space:nowrap;}
  .delta-arrow{width:15px; height:15px; flex:none; align-self:center; background:var(--accent-light); -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M5 12h13M13 6l6 6-6 6' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat; mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M5 12h13M13 6l6 6-6 6' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat;}
  .delta-to{font-family:var(--mono); font-size:clamp(24px,2.2vw,32px); font-weight:700; color:#fff; letter-spacing:-.035em; line-height:46px; white-space:nowrap;}
  .delta-to.long{font-size:clamp(20px,1.75vw,26px);}
  .delta-cell .delta-note{font-size:13px; line-height:1.6; color:rgba(255,255,255,.56); margin-top:16px; padding-top:14px; border-top:1px solid rgba(255,255,255,.1); min-height:21px;}
  .ax-steps{margin-top:26px; display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}
  .as-t{display:block; font-size:14.5px; line-height:1.62; color:rgba(255,255,255,.58); margin-top:10px;}
  .video-block{margin-top:88px;}
  .video-frame{margin-top:22px; border-radius:18px; overflow:hidden; aspect-ratio:16/9; background:var(--navy-dark); box-shadow:0 40px 70px -30px rgba(0,0,0,.6);}
  .video-frame iframe,.video-frame video{width:100%; height:100%; border:0; display:block; object-fit:contain; background:#000;}
  .ax-cta{margin-top:60px; display:grid; grid-template-columns:1fr auto; gap:32px; align-items:center; padding:32px 36px; border-radius:20px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12);}
  .ax-cta h4{font-size:18px; font-weight:700; color:#fff; letter-spacing:-.025em;}
  .ax-cta p{font-size:14px; color:rgba(255,255,255,.6); margin-top:7px;}
  .why-list{margin-top:34px; display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
  /* FAQ */
  .faq-list{margin-top:34px; border-top:1px solid var(--border);}
  .faq-item{border-bottom:1px solid var(--border);}
  .faq-item summary{list-style:none; cursor:pointer; display:flex; align-items:center; gap:14px; padding:22px 2px; font-size:17px; font-weight:700; letter-spacing:-.025em; color:var(--navy);}
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item summary::after{content:''; margin-left:auto; flex:none; width:11px; height:11px; border-right:1.8px solid var(--text-muted); border-bottom:1.8px solid var(--text-muted); transform:rotate(45deg) translate(-3px,-3px); transition:transform .18s ease, border-color .18s ease;}
  .faq-item[open] summary{color:var(--accent);}
  .faq-item[open] summary::after{transform:rotate(225deg) translate(-3px,-3px); border-color:var(--accent);}
  .faq-item summary:hover{color:var(--accent);}
  .faq-item p{font-size:14.5px; line-height:1.78; color:var(--text-mid); padding:0 44px 24px 2px; margin-top:-4px;}
  .contact-grid{display:grid; grid-template-columns:1.1fr .9fr; gap:44px; margin-top:38px; align-items:start;}
  .form-card{background:#fff; border:1px solid var(--border); border-radius:22px; padding:28px 30px; box-shadow:var(--shadow);}
  .type-row{display:flex; gap:8px; margin-bottom:24px;}
  .type-btn{flex:1; padding:12px; border-radius:11px; border:1.5px solid var(--border); background:#fff; font-size:14px; font-weight:700; color:var(--text-mid); cursor:pointer; font-family:inherit; transition:all .13s ease;}
  .type-btn:active{transform:scale(.98);}
  .type-btn.active{background:var(--navy); border-color:var(--navy); color:#fff;}
  .f-row{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
  .f-field{margin-bottom:11px;}
  .f-field label{display:block; font-size:13px; font-weight:700; color:var(--text); margin-bottom:7px;}
  .f-field label i{font-style:normal; font-size:11px; color:var(--text-muted); font-weight:500; margin-left:5px;}
  .f-field input, .f-field textarea{width:100%; padding:10px 14px; border:1.5px solid var(--border); border-radius:11px; font-size:14.5px; font-family:inherit; background:#fff; color:var(--text); transition:border-color .12s ease;}
  .f-field input:focus, .f-field textarea:focus{outline:none; border-color:var(--accent);}
  .f-field textarea{min-height:88px; resize:vertical; line-height:1.65;}
  .f-help{font-size:13px; line-height:1.7; color:var(--text-muted); margin-top:7px;}
  .chips{display:flex; gap:7px; flex-wrap:wrap;}
  .chip{padding:8px 14px; border:1.5px solid var(--border); border-radius:9px; background:#fff; font-size:13px; font-weight:600; color:var(--text-mid); cursor:pointer; font-family:inherit; transition:all .13s ease;}
  .chip:active{transform:scale(.98);}
  .chip.active{background:var(--bg-cool); border-color:var(--navy); color:var(--navy);}
  /* AI 에이전트 전용 자기신고 필드 — 사람 화면에서만 감춘다(DOM·기계 판독에는 남는다).
     display:none 을 쓰지 않는 이유 = 그러면 에이전트도 못 읽는다. */
  .agent-only{position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; overflow:hidden; white-space:nowrap; clip:rect(0 0 0 0); clip-path:inset(50%);}
  .agent-receipt{display:flex; align-items:center; gap:9px; margin-bottom:18px; padding:12px 14px; border:1px solid rgba(99,102,241,.4); border-radius:12px; background:rgba(99,102,241,.08); font-size:13px; font-weight:700; color:var(--navy);}
  .agent-receipt i{font-style:normal; font-family:var(--mono); font-size:10px; font-weight:700; letter-spacing:.08em; color:#fff; background:var(--accent); border-radius:6px; padding:3px 7px; flex:none;}
  .agent-receipt span{font-weight:500; color:var(--text-mid);}
  /* 참고 자료 첨부 */
  #files{position:absolute; width:1px; height:1px; opacity:0; pointer-events:none;}
  .drop{display:flex; flex-direction:column; align-items:center; gap:6px; padding:16px 18px; border:1.5px dashed var(--border); border-radius:14px; background:var(--bg-off); cursor:pointer; text-align:center; transition:border-color .15s ease, background .15s ease;}
  .drop:hover, .drop.over{border-color:var(--accent); background:rgba(99,102,241,.05);}
  .drop .ico{width:22px; height:22px; color:var(--accent);}
  .drop b{font-size:14px; font-weight:700; color:var(--navy);}
  .drop span{font-size:12.5px; color:var(--text-muted);}
  .file-list{list-style:none; margin-top:10px;}
  .file-list li{display:flex; align-items:center; gap:10px; padding:9px 12px; border:1px solid var(--border); border-radius:10px; background:#fff; margin-top:7px; font-size:13px;}
  .file-list .fn{flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--text);}
  .file-list .fs{font-family:var(--mono); font-size:11.5px; color:var(--text-muted); flex:none;}
  .file-list button{flex:none; width:22px; height:22px; border:none; border-radius:6px; background:var(--bg-cool); color:var(--text-mid); cursor:pointer; font-family:inherit; font-size:14px; line-height:1; display:flex; align-items:center; justify-content:center;}
  .file-list button:hover{background:var(--accent); color:#fff;}
  /* 개인정보 수집·이용 동의 (라이브 P1 과 동일 계약) */
  .f-consent{margin:4px 0 18px; padding:16px 18px; border:1px solid var(--border); border-radius:14px; background:var(--bg-off);}
  .consent-row{display:flex; align-items:flex-start; gap:10px; cursor:pointer; font-size:14px; font-weight:700; color:var(--navy);}
  .consent-row input{width:17px; height:17px; margin-top:2px; flex:none; accent-color:var(--accent); cursor:pointer;}
  .consent-row i{font-style:normal; font-size:11.5px; font-weight:700; color:var(--accent); margin-left:2px;}
  .consent-detail{margin-top:10px; padding-left:27px;}
  .consent-detail summary{font-size:12.5px; color:var(--text-muted); cursor:pointer; list-style:none;}
  .consent-detail summary::-webkit-details-marker{display:none;}
  .consent-detail summary::before{content:'＋ '; color:var(--accent);}
  .consent-detail[open] summary::before{content:'－ ';}
  .consent-detail p{font-size:12.5px; line-height:1.75; color:var(--text-mid); margin-top:7px;}
  .consent-detail a{color:var(--accent); text-decoration:underline; text-underline-offset:2px;}
  .f-submit{width:100%; justify-content:center; margin-top:8px;}
  .f-after{font-size:12.5px; color:var(--text-muted); margin-top:14px; text-align:center;}
  .promise-price{display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; padding:18px 20px; border-radius:16px; background:var(--bg-cool); margin:16px 0 24px;}
  .promise-price .was{font-size:14.5px;}
  .promise-price b{font-family:var(--mono); font-size:24px; font-weight:600; color:var(--navy); letter-spacing:-.04em;}
  .pp-note{width:100%; font-size:12.5px; color:var(--text-muted); margin-top:2px;}
  .funnel{display:grid; grid-template-columns:repeat(2,1fr); gap:12px;}   .funnel-item{position:relative; display:block; padding:18px 18px 16px; background:#fff; border:1px solid var(--border); border-radius:14px; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;}   .funnel-item:hover{transform:translateY(-2px); box-shadow:var(--shadow); border-color:#b9bfdf;}   .fi-n{position:absolute; top:16px; right:16px; font-family:var(--mono); font-size:10px; font-weight:600; color:var(--accent); background:rgba(99,102,241,.09); border-radius:5px; padding:3px 7px; letter-spacing:.06em;}
  .fi-k{font-size:14.5px; font-weight:800; color:var(--navy); letter-spacing:-.02em; padding-right:52px;}
  .funnel-item p{font-size:13.5px; line-height:1.62; color:var(--text-mid); margin-top:7px;}
  .direct{margin-top:32px; padding:26px 28px; border-radius:18px; background:var(--bg-cool);}
  .direct h4{font-size:15px; font-weight:700; color:var(--navy);}
  .direct-row{display:flex; align-items:center; gap:10px; margin-top:14px; font-size:14.5px; color:var(--text); font-family:var(--mono);}
  .direct-row .ico{color:var(--accent);}
  footer{background:var(--navy-dark); color:rgba(255,255,255,.62); padding:56px 0 40px;}
  .foot-grid{display:grid; grid-template-columns:1.3fr .7fr; gap:48px; align-items:start;}
  .foot-brand b{font-size:19px; font-weight:800; color:#fff; letter-spacing:-.035em;}
  .foot-owner{font-size:14px; color:rgba(255,255,255,.78); margin-top:14px; padding-left:13px; border-left:2px solid var(--accent);}
  .foot-meta{font-size:13px; margin-top:18px; line-height:1.85;}
  .foot-links{display:flex; flex-direction:column; gap:11px;}
  .foot-links a{font-size:13.5px; color:rgba(255,255,255,.62);}
  .foot-links a:hover{color:#fff;}
  .foot-bottom{margin-top:44px; padding-top:22px; border-top:1px solid rgba(255,255,255,.12); font-size:12px; color:rgba(255,255,255,.4); font-family:var(--mono);}
  .bot-fab{position:fixed; right:24px; bottom:24px; z-index:920; display:flex; align-items:center; gap:10px; padding:14px 20px; border-radius:999px; background:var(--navy); color:#fff; border:none; cursor:pointer; font-family:inherit; font-size:14px; font-weight:700; box-shadow:0 20px 40px -12px rgba(19,17,58,.5); transition:transform .14s ease, background .15s ease;}
  .bot-fab:hover{background:var(--navy-light);}
  .bot-fab:active{transform:scale(.98);}
  .bot-panel{position:fixed; right:24px; bottom:24px; z-index:930; width:376px; max-height:min(620px, calc(100vh - 48px)); display:none; flex-direction:column; background:#fff; border:1px solid var(--border); border-radius:20px; overflow:hidden; box-shadow:0 40px 80px -24px rgba(19,17,58,.4); opacity:0; transform:translateY(12px); transition:opacity .2s ease, transform .2s ease;}
  .bot-panel.open{display:flex; opacity:1; transform:translateY(0);}
  .bot-head{display:flex; align-items:center; gap:10px; padding:16px 18px; background:var(--navy); color:#fff; flex:none;}
  .bot-head b{font-size:14.5px; font-weight:700; letter-spacing:-.02em;}
  .bot-head small{font-size:11px; color:rgba(255,255,255,.58); display:block; margin-top:1px;}
  .bot-close{margin-left:auto; background:transparent; border:none; color:rgba(255,255,255,.7); cursor:pointer; padding:4px; display:flex; border-radius:7px;}
  .bot-close:hover{color:#fff; background:rgba(255,255,255,.12);}
  .bot-body{flex:1 1 auto; min-height:0; overflow-y:auto; padding:18px; background:var(--bg-off);}
  .bot-body .msg{display:flex; margin-bottom:10px;}
  .bot-body .msg.me{justify-content:flex-end;}
  .bot-body .bub{max-width:84%;}
  .bot-opts{display:flex; flex-wrap:wrap; gap:7px; margin:2px 0 12px;}
  .bot-opt{font-size:12.8px; font-weight:700; color:var(--accent); background:#fff; border:1px solid rgba(99,102,241,.38); border-radius:10px; padding:8px 13px; cursor:pointer; font-family:inherit; transition:all .13s ease;}
   .diag-res{margin:10px 0 4px; padding:14px 16px; background:var(--bg-off); border:1px solid var(--border); border-radius:14px;}
   .diag-h{font-family:var(--mono); font-size:10px; font-weight:600; letter-spacing:.08em; color:var(--accent); margin-bottom:10px;}
   .diag-row{display:grid; grid-template-columns:64px 1fr 38px; align-items:center; gap:9px; margin-top:7px;}
   .diag-lab{font-size:12px; color:var(--text-mid);}
   .diag-track{position:relative; height:6px; border-radius:99px; background:#e2e5f0; overflow:hidden;}
   .diag-track i{position:absolute; left:0; top:0; bottom:0; border-radius:99px; background:var(--accent); transition:width .5s cubic-bezier(.16,1,.3,1);}
   .diag-num{font-family:var(--mono); font-size:11px; font-weight:600; color:var(--navy); text-align:right;}
  .bot-opt:hover{background:var(--accent); color:#fff; border-color:var(--accent);}
  .bot-opt:active{transform:scale(.98);}
  .typing{display:flex; gap:4px; padding:13px 15px; background:#fff; border:1px solid var(--border); border-radius:14px; border-bottom-left-radius:5px;}
  .typing i{width:6px; height:6px; border-radius:50%; background:var(--text-muted); display:block; animation:blink 1.3s ease-in-out infinite;}
  .typing i:nth-child(2){animation-delay:.18s;}
  .typing i:nth-child(3){animation-delay:.36s;}
  @keyframes blink{0%,80%,100%{opacity:.25; transform:translateY(0);} 40%{opacity:1; transform:translateY(-2px);}}
  .bot-foot{flex:none; padding:12px 14px; border-top:1px solid var(--border); background:#fff;}
  .bot-inrow{display:flex; gap:8px; align-items:center;}
  .bot-in{flex:1; padding:11px 13px; border:1.5px solid var(--border); border-radius:11px; font-size:13.5px; font-family:inherit; color:var(--text); background:#fff;}
  .bot-in:focus{outline:none; border-color:var(--accent);}
  .bot-in:disabled{background:var(--bg-off); color:var(--text-muted);}
  .bot-send{flex:none; width:40px; height:40px; border-radius:11px; border:none; background:var(--navy); color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .14s ease, transform .12s ease;}
  .bot-send:hover{background:var(--navy-light);}
  .bot-send:active{transform:scale(.96);}
  .bot-send:disabled{background:var(--bg-slate); color:var(--text-muted); cursor:default;}
  .bot-legal{font-size:10.5px; color:var(--text-muted); margin-top:8px; text-align:center; font-family:var(--mono);}
  .reveal > *{opacity:0; transform:translateY(14px);}
  .reveal.in > *{animation:rise .62s cubic-bezier(.16,.84,.44,1) forwards;}
  .reveal.in > *:nth-child(1){animation-delay:.02s;}
  .reveal.in > *:nth-child(2){animation-delay:.09s;}
  .reveal.in > *:nth-child(3){animation-delay:.16s;}
  .reveal.in > *:nth-child(4){animation-delay:.23s;}
  .reveal.in > *:nth-child(5){animation-delay:.3s;}
  @keyframes rise{to{opacity:1; transform:translateY(0);}}
  @media (prefers-reduced-motion:reduce){
    .reveal > *{opacity:1; transform:none;}
    .reveal.in > *{animation:none;}
    html{scroll-behavior:auto;}
    .dot-live, .typing i, .tk-track{animation:none;}
    .eb-browser-viewport img{animation:none;}
  }
  @media (max-width:1024px){
    .hero-grid{grid-template-columns:1fr; gap:48px;}
    .hero-visual{max-width:440px;}
    .peek-card{right:0;}
    .price-grid{grid-template-columns:1fr;}
    .steps, .ax-steps{grid-template-columns:repeat(2,1fr);}
    .step:not(:last-child)::after{display:none;}
    .step{min-height:0;}
    .st-desc{padding-top:12px;}
    .why-list{grid-template-columns:repeat(3,1fr); gap:14px;}
    .card{padding:24px;}
    .contact-grid{grid-template-columns:1fr; gap:44px;}
    .eb-pin{height:auto;} .eb-pin-rail{position:static; height:auto;}
    .eb{grid-template-columns:1fr; gap:28px;}
    .eb-stage{position:static; height:auto; order:-1; max-width:none; width:100%;}
    .eb-core{flex:none;}
    .eb-screen{aspect-ratio:16/9;}
    .eb-deck{width:100%; height:auto;}
    .proof{margin-top:110px;}
  }
  @media (max-width:768px){
    .funnel{grid-template-columns:1fr;}
    .wrap{padding:0 20px;}
    section{padding:64px 0;}
    .nav-menu, .nav-tel{display:none;}
    .hero{padding:44px 0 54px;}
    .band-in{grid-template-columns:1fr 1fr; gap:24px 16px;}
    .bi-v{font-size:28px;}
    .eb-stage{max-width:none; position:static;}
    .eb-deck{width:100%; height:auto;}
    .eb-screen{min-height:0;}
    .eb-item{padding:16px 2px 14px;}
    .eb-d{opacity:0; height:0; margin-top:0;}
    .eb-item.on .eb-d{opacity:1; height:23px; margin-top:11px;}
    .eb-deck{min-height:0;}
    .eb-browser-bar{flex-basis:30px; height:30px; padding:0 9px; gap:7px;}
    .eb-browser-meta{display:none;}
    .ph-nav{width:38px; height:38px;}
    .ph-nav .ico{width:17px; height:17px;}
    .ph-prev{left:8px;} .ph-next{right:8px;}
    .eb-address{height:19px; padding:0 8px; font-size:8px;}
    .price-open{margin-top:70px;}
    .steps, .ax-steps{grid-template-columns:1fr; gap:14px;}
    .cta-bar, .ax-cta{grid-template-columns:1fr; gap:20px;}
    .delta-grid{grid-template-columns:1fr; gap:14px;}
    .why-list{grid-template-columns:1fr; gap:14px;}
    .f-row{grid-template-columns:1fr;}
    .foot-grid{grid-template-columns:1fr; gap:32px;}
    .form-card{padding:24px;}
    .peek-card{display:none;}
    .bot-preview{margin-top:0;}
    .price-main, .price-side{padding:28px 24px;}
    .pm-v{font-size:42px;}
    .proof{margin-top:84px;}
    .proof-num-k{margin-left:0; width:100%; padding-bottom:0; margin-top:8px;}
    .bridge, .delta, .video-block{margin-top:84px;}
    .layer-label{margin-top:56px;}
    .lay-s{margin-left:0; width:100%;}
    .catalog-stage{height:auto; margin-top:22px;}
    .catalog-sticky{position:static; top:auto;}
    .app-frame{grid-template-columns:1fr; height:auto; border-radius:16px;}
    .app-side{flex-direction:row; align-items:center; padding:12px 14px; gap:12px;}
    .app-nav{display:none;}
    .app-brand{padding:0; flex:1;}
    .app-user{margin:0; padding:0; border-top:none; flex:none;}
    .au-t b{display:none;}
    .au-t span{font-size:10px;}
    .app-view{overflow-y:auto; max-height:440px; -webkit-overflow-scrolling:touch;}
    .app-list{grid-template-columns:1fr; transform:none !important; padding:14px;}
    .app-rail{display:none;}
    .tk-chip{font-size:13.5px; padding:12px 16px; margin-right:10px;}
    .bot-panel{right:12px; left:12px; width:auto; bottom:12px; max-height:calc(100vh - 24px);}
    .bot-fab{right:14px; bottom:14px; padding:12px 17px; font-size:13.5px;}
    .ribbon{font-size:10px; padding:5px 10px;}
  }