/* FileMyRTI homepage v3 (Claude Design, 23 Sep 2026), ported verbatim.
   Every rule is scoped under .hv3 so nothing leaks into the shared layout. */
.hv3{--blue-700: #0b63b0; --blue-600: #1277c7; --blue-500: #1f8ad6; --blue-50: #eff6fc; --ink-900: #0f1720; --ink-700: #2a3845; --ink-500: #4a5a6a; --ink-300: #8a98a6; --bg: #ffffff; --bg-soft: #f6f9fc; --line: #e3e8ee; --saffron: #e87722; --green-600: #137a4a; --radius: 10px; --radius-lg: 14px; --shadow-sm: 0 1px 2px rgba(15,23,32,.06), 0 1px 1px rgba(15,23,32,.04); --shadow-md: 0 6px 18px rgba(15,23,32,.08); --shadow-cta: 0 8px 20px rgba(18,119,199,.28); --font-sans: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; --font-script: 'Dancing Script', 'Great Vibes', 'Zeyada', cursive; --fs-display: clamp(34px, 5.2vw, 58px); --fs-h1: clamp(30px, 4vw, 44px); --fs-h2: clamp(24px, 2.6vw, 32px); --fs-h3: 20px; --fs-h4: 17px; --fs-body: 16px; --fs-sm: 14px; --fs-xs: 12px;}
.hv3{font-family: var(--font-sans);}
.hv3{font-family: var(--font-sans); font-size: var(--fs-body); line-height: 1.55; color: var(--ink-700); background: var(--bg); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.hv3 h1,.hv3 h2,.hv3 h3,.hv3 h4,.hv3 h5{color: var(--ink-900); font-family: var(--font-sans); margin: 0 0 .4em; text-wrap: balance;}
.hv3 h1{font-weight: 800; font-size: var(--fs-h1); line-height: 1.08; letter-spacing: -0.02em;}
.hv3 h2{font-weight: 700; font-size: var(--fs-h2); line-height: 1.15; letter-spacing: -0.015em;}
.hv3 h3{font-weight: 700; font-size: var(--fs-h3); line-height: 1.25; letter-spacing: -0.01em;}
.hv3 h4{font-weight: 600; font-size: var(--fs-h4); line-height: 1.3;}
.hv3 p{margin: 0 0 1em;}
.hv3 small,.hv3 .caption{font-size: var(--fs-sm); color: var(--ink-500);}
.hv3 .meta{font-size: var(--fs-xs); color: var(--ink-300);}
.hv3 a{color: var(--blue-600); text-decoration: none;}
.hv3 a:hover{color: var(--blue-700); text-decoration: underline;}
.hv3 .script{font-family: var(--font-script); font-weight: 400;}
.hv3 .display{font-weight: 800; font-size: var(--fs-display); line-height: 1.06; letter-spacing: -0.025em; color: var(--ink-900);}
.hv3 *{box-sizing: border-box;}
.hv3{margin: 0; padding: 0;}
.hv3{font-family: var(--font-sans); color: var(--ink-700); background: var(--bg); line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.hv3 img{display: block; max-width: 100%;}
.hv3 button{font-family: inherit; cursor: pointer;}
.hv3 .btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-family: inherit; font-weight: 600; border-radius: 999px; padding: 12px 22px; font-size: 15px; cursor: pointer; border: 1.5px solid transparent; transition: transform .08s ease, background .15s ease, box-shadow .15s ease, color .15s ease, border-color .15s ease; text-align: center; white-space: nowrap; text-decoration: none;}
.hv3 .btn:active{transform: translateY(1px);}
.hv3 .btn-primary{background: var(--blue-600); color: #fff; box-shadow: var(--shadow-cta);}
.hv3 .btn-primary:hover{background: var(--blue-700);}
.hv3 .btn-secondary{background: #fff; color: var(--blue-700); border-color: var(--blue-600);}
.hv3 .btn-secondary:hover{background: var(--blue-50);}
.hv3 .btn-ghost{background: transparent; color: var(--ink-700); border-color: var(--line); border-radius: 10px;}
.hv3 .btn-ghost:hover{background: var(--bg-soft);}
@keyframes hv3-pulse{0% { transform: scale(1); opacity: .6; }
  100% { transform: scale(1.5); opacity: 0; }}
.hv3 .eyebrow{display: inline-flex; align-items: center; gap: 10px; background: #fff; border: 1px solid var(--line); color: var(--ink-700); font-size: 13px; font-weight: 600; padding: 6px 14px 6px 8px; border-radius: 999px; box-shadow: var(--shadow-sm);}
.hv3 .eyebrow .dot{width: 8px; height: 8px; border-radius: 999px; background: var(--green-600); box-shadow: 0 0 0 3px rgba(19,122,74,.18); animation: hv3-blink 2.4s ease-in-out infinite;}
@keyframes hv3-blink{0%, 100% { box-shadow: 0 0 0 3px rgba(19,122,74,.18); }
  50% { box-shadow: 0 0 0 6px rgba(19,122,74,.04); }}
.hv3 .eyebrow strong{color: var(--ink-900); font-weight: 700;}
.hv3 .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.hv3 section{position:relative}
.hv3 .sec{padding:76px 0}
.hv3 .sec-soft{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hv3 .kicker{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-600);margin:0 0 10px}
.hv3 .sec-head{max-width:680px;margin:0 0 36px}
.hv3 .sec-head h2{margin:0 0 10px}
.hv3 .sec-head p{color:var(--ink-500);margin:0;font-size:17px}
.hv3 .fine{font-size:12.5px;color:var(--ink-300);line-height:1.5}
.hv3 .ticker{background:var(--ink-900);color:#dce6f0;font-size:13px;overflow:hidden;position:relative}
.hv3 .ticker-track{display:flex;gap:0;width:max-content;animation:hv3-marquee 42s linear infinite}
.hv3 .ticker:hover .ticker-track{animation-play-state:paused}
.hv3 .ticker-group{display:flex;gap:44px;padding:9px 22px;white-space:nowrap}
.hv3 .ticker-group span{display:inline-flex;align-items:center;gap:9px}
.hv3 .ticker-group b{color:#fff;font-weight:600}
.hv3 .ticker-group i{width:5px;height:5px;border-radius:99px;background:var(--saffron);display:inline-block}
.hv3 .ticker a{color:#fff;text-decoration:underline;text-underline-offset:3px}
@keyframes hv3-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hv3 .hero{background: radial-gradient(900px 460px at 88% -8%,#e6f1fb 0%,rgba(230,241,251,0) 62%), radial-gradient(700px 420px at 4% 108%,#fdf3e9 0%,rgba(253,243,233,0) 60%),#fff; overflow:hidden}
.hv3 .hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:60px;align-items:center;padding-block:64px 72px}
.hv3 .hero h1{font-size:clamp(34px,4.3vw,54px);line-height:1.04;letter-spacing:-.03em;margin:16px 0 0}
.hv3 .rotor{display:block;color:var(--blue-600);min-height:1.1em}
.hv3 .rotor span{display:inline-block;animation:hv3-rise .5s cubic-bezier(.2,.7,.3,1)}
@keyframes hv3-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.hv3 .hero-sub{font-size:17.5px;color:var(--ink-500);max-width:520px;margin:20px 0 0;text-wrap:pretty}
.hv3 .hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0;align-items:center}
.hv3 .btn-lg{padding:15px 28px;font-size:16px}
.hv3 .price-note{font-size:13.5px;color:var(--ink-500);margin:14px 0 0}
.hv3 .price-note b{color:var(--ink-900)}
.hv3 .hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0;padding:0;list-style:none}
.hv3 .hero-trust li{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink-700);background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px;box-shadow:var(--shadow-sm)}
.hv3 .hero-trust svg{width:14px;height:14px;color:var(--green-600);flex:none}
.hv3 .hero-fine{margin:18px 0 0;max-width:540px}
.hv3 .stage{position:relative}
.hv3 .stage::before{content:"";position:absolute;left:-36px;right:-56px;top:6px;bottom:-40px;border-radius:26px;background: radial-gradient(420px 300px at 78% 14%,rgba(18,119,199,.13),rgba(18,119,199,0) 70%), radial-gradient(320px 260px at 6% 96%,rgba(232,119,34,.12),rgba(232,119,34,0) 70%); z-index:0}
.hv3 .stage::after{content:"";position:absolute;right:-44px;bottom:-34px;width:180px;height:150px;background-image:radial-gradient(rgba(18,119,199,.32) 1.4px,transparent 1.4px);background-size:13px 13px;z-index:0;opacity:.75}
.hv3 .stage>*{position:relative;z-index:1}
.hv3 .frame{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;height:100%;display:flex;flex-direction:column;box-shadow:0 34px 60px -26px rgba(11,99,176,.45),0 2px 6px rgba(15,23,32,.05)}
.hv3 .frame-bar{display:flex;align-items:center;gap:10px;padding:9px 13px;background:linear-gradient(#f7fafc,#eef3f8);border-bottom:1px solid var(--line);flex:none}
.hv3 .tl{display:flex;gap:5px}
.hv3 .tl i{width:9px;height:9px;border-radius:99px;background:#d6dee6}
.hv3 .tl i:first-child{background:#f0736a}
.hv3 .tl i:nth-child(2){background:#f4c04d}
.hv3 .tl i:nth-child(3){background:#63c98a}
.hv3 .urlbar{flex:1;display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:4px 11px;font-size:10.5px;color:var(--ink-300);letter-spacing:.01em}
.hv3 .urlbar svg{width:10px;height:10px;color:var(--green-600);flex:none}
.hv3 .urlbar b{color:var(--ink-700);font-weight:600}
.hv3 .scene-label{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-300);margin:0 0 12px}
.hv3 .scenes{position:relative;display:grid;min-height:432px}
.hv3 .scenes>.scene{grid-area:1/1}
.hv3 .scene{position:relative;opacity:0;transform:translateY(12px) scale(.985);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.3,1);pointer-events:none}
.hv3 .scene.on{opacity:1;transform:none;pointer-events:auto;z-index:2}
.hv3 .scene:not(.on){visibility:hidden}
.hv3 .card{background:#fff;padding:20px 22px 22px;flex:1;display:flex;flex-direction:column}
.hv3 .card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.hv3 .card-top h4{margin:0;font-size:15px}
.hv3 .tag{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px}
.hv3 .tag-blue{background:var(--blue-50);color:var(--blue-700)}
.hv3 .tag-green{background:#e8f5ee;color:var(--green-600)}
.hv3 .tag-amber{background:#fdf1e6;color:#a9560f}
.hv3 .doc{margin-top:16px;flex:1;display:flex;flex-direction:column;gap:9px}
.hv3 .doc p{margin:0;font-size:13px;color:var(--ink-500);line-height:1.6;padding-left:13px;border-left:2px solid var(--blue-50)}
.hv3 .docmeta{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}
.hv3 .seal{position:relative;align-self:flex-end;margin:14px 4px 0 0;width:84px;height:84px;border-radius:99px;border:2px solid rgba(19,122,74,.35);color:var(--green-600);display:grid;place-items:center;text-align:center;font-size:8.5px;font-weight:700;letter-spacing:.1em;line-height:1.35;transform:rotate(-11deg);background:rgba(232,245,238,.55)}
.hv3 .seal::before{content:"";position:absolute;inset:5px;border-radius:99px;border:1px dashed rgba(19,122,74,.4)}
.hv3 .ring{width:62px;height:62px;border-radius:99px;flex:none;background:conic-gradient(var(--blue-600) 0 40%,#e6eef6 40% 100%);display:grid;place-items:center;position:relative}
.hv3 .ring::after{content:"";position:absolute;inset:7px;background:#fff;border-radius:99px}
.hv3 .ring span{position:relative;font-size:11px;font-weight:700;color:var(--blue-700);line-height:1.1;text-align:center}
.hv3 .ringrow{display:flex;gap:16px;align-items:center;margin-top:16px;padding:14px;background:var(--bg-soft);border:1px solid var(--line);border-radius:12px}
.hv3 .ringrow strong{display:block;font-size:13.5px;color:var(--ink-900)}
.hv3 .ringrow span.sub{font-size:12.5px;color:var(--ink-500)}
.hv3 .doc .q{color:var(--ink-900);font-weight:600;font-size:13.5px}
.hv3 .line{height:9px;border-radius:99px;background:linear-gradient(90deg,#eef2f6,#f7fafc)}
.hv3 .card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.hv3 .mini{font-size:12.5px;color:var(--ink-300)}
.hv3 .pill-btn{background:var(--blue-600);color:#fff;border:none;border-radius:999px;font-weight:600;font-size:13px;padding:10px 18px}
.hv3 .steps-v{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:0;flex:1}
.hv3 .steps-v li{display:grid;grid-template-columns:26px 1fr auto;gap:12px;align-items:start;padding:11px 0;position:relative}
.hv3 .steps-v li+li{border-top:1px dashed var(--line)}
.hv3 .dotmark{width:22px;height:22px;border-radius:99px;border:2px solid var(--line);display:grid;place-items:center;font-size:11px;color:var(--ink-300);font-weight:700}
.hv3 .steps-v li.done .dotmark{background:var(--green-600);border-color:var(--green-600);color:#fff}
.hv3 .steps-v li.now .dotmark{border-color:var(--blue-600);color:var(--blue-600);box-shadow:0 0 0 4px rgba(18,119,199,.12)}
.hv3 .steps-v strong{display:block;font-size:13.5px;color:var(--ink-900);font-weight:600}
.hv3 .steps-v small{font-size:12px;color:var(--ink-300)}
.hv3 .steps-v time{font-size:12px;color:var(--ink-300);white-space:nowrap}
.hv3 .kv{display:grid;grid-template-columns:1fr;gap:10px;margin-top:16px;flex:1}
.hv3 .kv div{display:flex;justify-content:space-between;gap:14px;align-items:baseline;border-bottom:1px dashed var(--line);padding-bottom:9px}
.hv3 .kv span{font-size:12.5px;color:var(--ink-300)}
.hv3 .kv b{font-size:13.5px;color:var(--ink-900);font-weight:600;text-align:right}
.hv3 .checks{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px;flex:1}
.hv3 .checks li{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--ink-700)}
.hv3 .checks svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--green-600)}
.hv3 .checks li.warn svg{color:var(--saffron)}
.hv3 .float{position:absolute;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-md);padding:11px 14px;display:flex;gap:10px;align-items:center;font-size:12.5px;font-weight:600;color:var(--ink-900)}
.hv3 .float.a{right:-10px;top:-22px}
.hv3 .float.b{left:-18px;bottom:-18px}
.hv3 .float em{display:block;font-style:normal;font-weight:500;font-size:11.5px;color:var(--ink-300)}
.hv3 .avatar{width:30px;height:30px;border-radius:99px;background:var(--blue-50);color:var(--blue-700);display:grid;place-items:center;font-weight:700;font-size:12px}
.hv3 .scene-nav{display:flex;gap:8px;margin:18px 0 0;flex-wrap:wrap}
.hv3 .scene-nav button{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:12.5px;font-weight:600;color:var(--ink-500)}
.hv3 .scene-nav button[aria-selected=true]{border-color:var(--blue-600);color:var(--blue-700);background:var(--blue-50)}
.hv3 .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding-block:30px}
.hv3 .stats div{border-left:3px solid var(--blue-50);padding-left:16px}
.hv3 .stats b{display:block;font-size:30px;font-weight:800;color:var(--ink-900);letter-spacing:-.02em;line-height:1.1}
.hv3 .stats span{font-size:13.5px;color:var(--ink-500)}
.hv3 .grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hv3 .grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.hv3 .tile{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;transition:.16s ease}
.hv3 .tile:hover{border-color:var(--blue-500);box-shadow:var(--shadow-md);transform:translateY(-2px);text-decoration:none}
.hv3 .tile h3{font-size:17px;margin:0 0 8px}
.hv3 .tile p{font-size:14px;color:var(--ink-500);margin:0 0 14px}
.hv3 .tile .go{font-size:13.5px;font-weight:600;color:var(--blue-600)}
.hv3 .ico{width:56px;height:56px;border-radius:14px;background:var(--blue-50);color:var(--blue-700);display:grid;place-items:center;margin-bottom:16px;overflow:hidden}
.hv3 .ico img{width:34px;height:34px;object-fit:contain}
.hv3 .ico svg{width:20px;height:20px}
.hv3 .ico.amber{background:#fdf1e6;color:#a9560f}
.hv3 .ico.green{background:#e8f5ee;color:var(--green-600)}
.hv3 .steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;counter-reset:s}
.hv3 .step{position:relative;padding-top:22px;border-top:2px solid var(--line)}
.hv3 .step::before{content:"";position:absolute;top:-2px;left:0;width:34%;height:2px;background:var(--blue-600)}
.hv3 .step b{font-size:12.5px;font-weight:700;color:var(--blue-600);letter-spacing:.1em}
.hv3 .step h3{margin:8px 0 6px;font-size:19px}
.hv3 .step p{margin:0;font-size:14.5px;color:var(--ink-500)}
.hv3 .tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hv3 .tool{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;transition:.16s ease}
.hv3 .tool:hover{border-color:var(--blue-500);box-shadow:var(--shadow-sm);text-decoration:none}
.hv3 .tool .ico{width:38px;height:38px;margin:0;border-radius:10px;background:linear-gradient(150deg,var(--blue-600),var(--blue-500));color:#fff}
.hv3 .tool .ico svg{width:18px;height:18px}
.hv3 .tool:nth-child(4) .ico,.hv3 .tool:nth-child(5) .ico{background:linear-gradient(150deg,#0e6b43,#17955c)}
.hv3 .tool:nth-child(6) .ico{background:linear-gradient(150deg,#c9641a,var(--saffron))}
.hv3 .tool strong{display:block;font-size:14.5px;color:var(--ink-900)}
.hv3 .tool span{font-size:13px;color:var(--ink-500)}
.hv3 .dost{display:grid;grid-template-columns:1.05fr 1fr;gap:52px;align-items:center;background:var(--ink-900);color:#dbe6f1;border-radius:22px;padding:46px;overflow:hidden}
.hv3 .dost h2{color:#fff}
.hv3 .dost p{color:#b7c6d5;font-size:16.5px}
.hv3 .dost .fine{color:#7f90a1}
.hv3 .chatbox{background:#111c27;border:1px solid #22313f;border-radius:16px;padding:18px;display:grid;gap:12px}
.hv3 .bubble{border-radius:12px;padding:12px 14px;font-size:13.5px;line-height:1.55}
.hv3 .bubble.me{background:#1d2c3a;color:#dbe6f1}
.hv3 .bubble.ai{background:#fff;color:var(--ink-700)}
.hv3 .bubble.ai b{color:var(--ink-900)}
.hv3 .typing{display:flex;gap:5px;padding:4px 2px}
.hv3 .typing i{width:6px;height:6px;border-radius:99px;background:#5d6f80;animation:hv3-blip 1.2s infinite}
.hv3 .typing i:nth-child(2){animation-delay:.15s}
.hv3 .typing i:nth-child(3){animation-delay:.3s}
@keyframes hv3-blip{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
.hv3 .plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:820px}
.hv3 .plan{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;position:relative}
.hv3 .plan.rec{border-color:var(--blue-600);box-shadow:0 14px 34px rgba(18,119,199,.12)}
.hv3 .plan .tag{position:absolute;top:-11px;left:26px}
.hv3 .plan h3{margin:4px 0 2px;font-size:19px}
.hv3 .plan .amt{font-size:30px;font-weight:800;color:var(--ink-900);letter-spacing:-.02em}
.hv3 .plan .amt small{font-size:13px;font-weight:600;color:var(--ink-300)}
.hv3 .plan p{font-size:14px;color:var(--ink-500);margin:10px 0 18px}
.hv3 .plan ul{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:9px}
.hv3 .plan li{font-size:13.5px;display:flex;gap:9px;align-items:flex-start;color:var(--ink-700)}
.hv3 .plan li svg{width:15px;height:15px;color:var(--green-600);flex:none;margin-top:3px}
.hv3 .chips{display:flex;flex-wrap:wrap;gap:10px}
.hv3 .chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 17px;font-size:14px;font-weight:500;color:var(--ink-700)}
.hv3 .chip:hover{border-color:var(--blue-500);color:var(--blue-700);text-decoration:none}
.hv3 .quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hv3 .quote{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column}
.hv3 .quote p{font-size:14.5px;color:var(--ink-700);margin:0 0 18px;flex:1;text-wrap:pretty}
.hv3 .quote footer{display:flex;gap:11px;align-items:center;font-size:13px;color:var(--ink-500)}
.hv3 .quote .avatar{width:42px;height:42px;overflow:hidden;padding:0}
.hv3 .quote .avatar img{width:100%;height:100%;object-fit:cover}
.hv3 .quotemark{width:26px;height:26px;color:var(--blue-500);opacity:.5;margin-bottom:12px}
.hv3 .byline{display:flex;align-items:center;gap:12px;margin:24px 0 0;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:14px;max-width:400px;box-shadow:var(--shadow-sm)}
.hv3 .byline img{width:42px;height:42px;border-radius:99px;object-fit:cover;flex:none}
.hv3 .byline b{display:block;font-size:13.5px;color:var(--ink-900)}
.hv3 .byline span{font-size:12.5px;color:var(--ink-500)}
.hv3 .quote .avatar b{font-weight:700}
.hv3 .greviews-head{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-end;justify-content:space-between;margin-bottom:32px}
.hv3 .gbadge{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 18px;box-shadow:var(--shadow-sm);color:var(--ink-900)}
.hv3 .gbadge:hover{border-color:var(--blue-500);text-decoration:none}
.hv3 .gbadge>.glogo{width:30px;height:30px}
.hv3 .gbadge b{display:block;font-size:14px}
.hv3 .gline{display:flex;align-items:center;gap:8px}
.hv3 .gline em{font-style:normal;font-size:12.5px;color:var(--ink-500)}
.hv3 .gcta{font-size:13px;font-weight:600;color:var(--blue-600);margin-left:6px}
.hv3 .greviews{columns:3 300px;column-gap:20px}
.hv3 .grev{break-inside:avoid;margin:0 0 20px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px 22px}
.hv3 .grev.feat{border-color:var(--blue-500);box-shadow:0 14px 34px rgba(18,119,199,.10)}
.hv3 .grev header{display:flex;align-items:center;gap:11px}
.hv3 .grev header>span:nth-child(2){flex:1;min-width:0}
.hv3 .grev b{display:block;font-size:14.5px;color:var(--ink-900)}
.hv3 .grev small{font-size:12px;color:var(--ink-300)}
.hv3 .grev .glogo{width:18px;height:18px;flex:none}
.hv3 .gav{width:38px;height:38px;border-radius:99px;color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px;flex:none}
.hv3 .gmeta{display:flex;align-items:center;gap:10px;margin:12px 0 8px}
.hv3 .gmeta time{font-size:12px;color:var(--ink-300)}
.hv3 .gstars{display:inline-flex;gap:1px;color:#fbbc04}
.hv3 .gstars svg{width:15px;height:15px}
.hv3 .grev p{margin:0;font-size:14.5px;line-height:1.6;color:var(--ink-700);text-wrap:pretty}
.hv3 .grev.feat p{font-size:15px}
.hv3 .faq{max-width:820px;border-top:1px solid var(--line)}
.hv3 .faq details{border-bottom:1px solid var(--line)}
.hv3 .faq summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;font-weight:600;font-size:16px;color:var(--ink-900);position:relative}
.hv3 .faq summary::-webkit-details-marker{display:none}
.hv3 .faq summary::after{content:"+";position:absolute;right:8px;top:17px;font-size:22px;font-weight:400;color:var(--blue-600)}
.hv3 .faq details[open] summary::after{content:"–"}
.hv3 .faq p{margin:0 0 20px;font-size:14.5px;color:var(--ink-500);max-width:680px}
.hv3 .endcta{background:linear-gradient(120deg,var(--blue-700),var(--blue-500));color:#fff;border-radius:22px;padding:52px;display:grid;grid-template-columns:1.3fr auto;gap:36px;align-items:center}
.hv3 .endcta h2{color:#fff;margin:0 0 10px}
.hv3 .endcta p{color:#dbeafc;margin:0;font-size:16.5px;max-width:560px}
.hv3 .endcta .btn-secondary{border-color:#fff;color:var(--blue-700)}
@media (prefers-reduced-motion:reduce){
.hv3 .ticker-track{animation:none}
.hv3 .rotor span,.hv3 .typing i{animation:none}
.hv3 .scene{transition:none}
}
@media (max-width:1040px){
.hv3 .hero-grid{grid-template-columns:1fr;gap:44px;padding-block:40px 56px}
.hv3 .scenes{min-height:0}
.hv3 .float.a,.hv3 .float.b{display:none}
.hv3 .dost{grid-template-columns:1fr;gap:30px;padding:32px}
.hv3 .stats{grid-template-columns:repeat(2,1fr);gap:22px}
.hv3 .grid-3,.hv3 .tools,.hv3 .quotes{grid-template-columns:repeat(2,minmax(0,1fr))}
.hv3 .endcta{grid-template-columns:1fr;padding:36px}
}
@media (max-width:680px){
.hv3 .sec{padding:52px 0}
.hv3 .wrap{padding:0 18px}
.hv3 .hero-sub{font-size:16px}
.hv3 .grid-3,.hv3 .grid-2,.hv3 .tools,.hv3 .quotes,.hv3 .steps3,.hv3 .plans,.hv3 .stats{grid-template-columns:1fr}
.hv3 .steps-v li{padding:9px 0}
.hv3 .scene-nav button{padding:12px 16px;font-size:13px}
.hv3 .faq summary{padding-block:18px}
}