:root{
  --bg:#030712;--bg-2:#061020;--surface:#08172c;--surface-2:#0b1e39;--surface-3:#10294e;
  --text:#f4f8ff;--muted:#9db0c9;--muted-2:#7387a3;--line:rgba(145,190,255,.15);--line-strong:rgba(75,181,255,.32);
  --cyan:#20c8ff;--blue:#2f73ff;--blue-2:#0b5cff;--violet:#7657ff;--green:#35d49a;
  --radius:24px;--radius-sm:16px;--shadow:0 30px 80px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 8% 0,rgba(45,99,255,.16),transparent 26%),radial-gradient(circle at 92% 18%,rgba(32,200,255,.10),transparent 24%),linear-gradient(180deg,var(--bg),#061020 52%,#030711);color:var(--text);font-family:Manrope,"Noto Sans Devanagari",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,textarea,select{font:inherit}
.container{width:min(1240px,calc(100% - 40px));margin-inline:auto}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;z-index:9999;background:#fff;color:#000;padding:10px 14px;border-radius:10px}
.site-noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.announce-bar{position:relative;z-index:60;background:linear-gradient(90deg,#112a64,#0b3963 50%,#0a2752);border-bottom:1px solid rgba(255,255,255,.08)}
.announce-inner{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#d9edff;font-size:12px}.announce-inner b{color:#fff}.announce-inner a{font-weight:800;color:#7fddff;white-space:nowrap}
.site-header{position:sticky;top:0;z-index:55;background:rgba(3,7,18,.76);backdrop-filter:blur(18px) saturate(150%);border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{border-color:var(--line);box-shadow:0 14px 40px rgba(0,0,0,.26)}
.nav-wrap{min-height:78px;display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand img{width:48px;height:48px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgba(89,177,255,.2),0 12px 30px rgba(24,104,255,.23)}
.brand-copy strong{display:block;font-size:18px;line-height:1;letter-spacing:2.2px}.brand-copy small{display:block;margin-top:5px;color:#8da3bf;font-size:9px;letter-spacing:.75px}
.nav{display:flex;align-items:center;gap:20px;margin-left:auto}.nav a{font-size:13px;font-weight:800;color:#d9e8f8;position:relative}.nav a:hover{color:#fff}.nav a:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--cyan),var(--blue));transform:scaleX(0);transform-origin:left;transition:.25s}.nav a:hover:after{transform:scaleX(1)}
.nav-search{display:flex;align-items:center;height:44px;min-width:260px;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:14px;overflow:hidden}.nav-search svg{width:18px;margin-left:14px;fill:none;stroke:#7f94ae;stroke-width:2}.nav-search input{min-width:0;flex:1;border:0;outline:0;color:#fff;background:transparent;padding:0 10px}.nav-search button{height:100%;border:0;padding:0 18px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#03101f;font-weight:900;cursor:pointer}
.nav-toggle{display:none;margin-left:auto;width:44px;height:44px;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:13px;padding:11px}.nav-toggle span{display:block;height:2px;background:#fff;margin:5px 0;border-radius:2px;transition:.25s}
.hero-v3{position:relative;overflow:hidden;padding:88px 0 70px}.hero-v3:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 90%)}
.hero-v3-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:56px}.hero-v3-copy{position:relative;z-index:2}.hero-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border-radius:999px;border:1px solid rgba(61,195,255,.28);background:rgba(32,200,255,.08);font-size:12px;font-weight:800;color:#91e5ff}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 0 rgba(32,200,255,.65);animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(32,200,255,0)}100%{box-shadow:0 0 0 0 rgba(32,200,255,0)}}
.hero-v3 h1{max-width:720px;margin:20px 0 18px;font-size:clamp(44px,6.3vw,80px);line-height:1.04;letter-spacing:-2.6px}.hero-v3 h1 span{background:linear-gradient(90deg,#91e5ff,#2c84ff 72%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-v3 p{max-width:700px;margin:0;color:#bfd0e3;font-size:18px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:14px;border:1px solid transparent;font-size:13px;font-weight:900;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#03101f;box-shadow:0 16px 40px rgba(39,118,255,.28)}.btn-ghost{border-color:var(--line-strong);background:rgba(255,255,255,.025);color:#e9f6ff}.trust-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:23px;color:#8fa5c0;font-size:12px;font-weight:700}.trust-row span{display:flex;align-items:center;gap:6px}
.hero-brand-stage{position:relative;min-height:560px;display:grid;place-items:center}.brand-halo{position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(24,130,255,.26),rgba(19,76,174,.09) 45%,transparent 68%);filter:blur(3px)}.brand-emblem-wrap{position:relative;width:min(88%,460px);aspect-ratio:1;border-radius:50%;padding:2px;background:linear-gradient(145deg,rgba(61,214,255,.7),rgba(47,115,255,.1),rgba(117,87,255,.44));box-shadow:0 40px 90px rgba(0,0,0,.42),0 0 100px rgba(20,111,255,.19)}.brand-emblem-wrap:after{content:"";position:absolute;inset:16px;border-radius:50%;border:1px solid rgba(255,255,255,.08);pointer-events:none}.brand-emblem-large{width:100%;height:100%;object-fit:cover;border-radius:50%;background:#030712}.orb{position:absolute;border-radius:50%;filter:blur(50px)}.orb-a{width:180px;height:180px;background:rgba(32,200,255,.2);right:10px;top:60px}.orb-b{width:180px;height:180px;background:rgba(95,57,255,.16);left:30px;bottom:70px}
.float-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;min-width:190px;padding:13px 15px;border-radius:16px;border:1px solid rgba(124,188,255,.23);background:rgba(7,19,38,.74);backdrop-filter:blur(16px);box-shadow:0 18px 48px rgba(0,0,0,.3)}.float-chip b{display:block;font-size:13px}.float-chip span,.float-chip small{color:#a8bfd6;font-size:10px}.chip-top{top:40px;right:-10px}.chip-left{left:-10px;bottom:108px}.chip-right{right:-16px;bottom:55px}.chip-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,rgba(32,200,255,.2),rgba(47,115,255,.32));color:#7edfff!important;font-size:12px!important;font-weight:900}
.metrics-band{position:relative;padding:0 0 20px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:linear-gradient(135deg,rgba(8,22,43,.85),rgba(8,29,57,.64));border-radius:22px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.22)}.metrics-grid div{padding:23px 26px;border-right:1px solid var(--line)}.metrics-grid div:last-child{border:0}.metrics-grid strong{display:block;font-size:24px;color:#62d8ff}.metrics-grid span{display:block;color:#95aac2;font-size:12px;margin-top:3px}
.section-v3{padding:86px 0}.section-surface{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0))}.section-surface:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(43,104,255,.09),transparent 26%);pointer-events:none}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:32px}.section-heading>div{max-width:790px}.section-heading h2{margin:10px 0 0;font-size:clamp(32px,4.4vw,54px);line-height:1.08;letter-spacing:-1.5px}.section-heading h2 span{color:#58d5ff}.section-heading p{max-width:500px;margin:0;color:var(--muted)}.eyebrow-v3{font-size:11px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:#69d9ff}.text-link{font-weight:800;color:#82dcff;white-space:nowrap}
.bento-services{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card-v3{position:relative;overflow:hidden;min-height:310px;padding:24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(12,30,57,.93),rgba(6,17,34,.9));box-shadow:0 20px 52px rgba(0,0,0,.2);transition:.3s}.service-card-v3:hover{transform:translateY(-7px);border-color:rgba(72,192,255,.45)}.service-card-v3:after{content:"";position:absolute;width:170px;height:170px;right:-70px;bottom:-80px;border-radius:50%;background:radial-gradient(circle,rgba(32,200,255,.18),transparent 68%)}.service-top{display:flex;align-items:center;justify-content:space-between}.service-tag{font-size:10px;font-weight:900;letter-spacing:1px;color:#7cdbff}.service-arrow{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;color:#9fdfff}.service-icon-v3{width:64px;height:64px;margin:34px 0 22px;border-radius:18px;background:linear-gradient(145deg,rgba(32,200,255,.18),rgba(47,115,255,.26));border:1px solid rgba(89,186,255,.22);position:relative}.service-icon-v3:before,.service-icon-v3:after{content:"";position:absolute}.icon-spark:before{inset:18px;background:conic-gradient(from 45deg,var(--cyan),var(--blue),var(--violet),var(--cyan));clip-path:polygon(50% 0,62% 36%,100% 50%,62% 64%,50% 100%,38% 64%,0 50%,38% 36%)}.icon-document:before{left:19px;top:14px;width:26px;height:34px;border:2px solid #67d7ff;border-radius:5px}.icon-document:after{left:25px;top:24px;width:15px;height:2px;background:#67d7ff;box-shadow:0 7px #67d7ff,0 14px #67d7ff}.icon-grid:before{inset:17px;background:linear-gradient(#69d9ff 0 0) 0 0/12px 12px no-repeat,linear-gradient(#4a8eff 0 0) 100% 0/12px 12px no-repeat,linear-gradient(#4a8eff 0 0) 0 100%/12px 12px no-repeat,linear-gradient(#69d9ff 0 0) 100% 100%/12px 12px no-repeat}.icon-growth:before{left:15px;bottom:15px;width:35px;height:30px;border-left:2px solid #67d7ff;border-bottom:2px solid #67d7ff}.icon-growth:after{left:20px;top:21px;width:29px;height:16px;border-top:3px solid #67d7ff;border-right:3px solid #67d7ff;transform:skewY(-30deg)}.service-card-v3 h3{font-size:21px;margin:0 0 9px}.service-card-v3 p{margin:0;color:var(--muted);font-size:14px}
.bento-main{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:20px}.bento-story,.bento-dashboard{border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(11,29,55,.94),rgba(6,17,34,.92));box-shadow:var(--shadow)}.bento-story{padding:42px}.bento-story h2{font-size:clamp(32px,4vw,50px);line-height:1.12;margin:10px 0 18px}.bento-story>p{color:#a9bdd4;max-width:760px}.story-list{display:grid;gap:12px;margin-top:28px}.story-list>div{display:grid;grid-template-columns:50px 1fr;gap:14px;padding:16px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:17px}.story-list b{color:#66d8ff}.story-list span strong,.story-list span small{display:block}.story-list span small{margin-top:3px;color:#8298b1}
.bento-dashboard{padding:26px;min-height:480px;position:relative;overflow:hidden}.bento-dashboard:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#000,transparent)}.dash-top{position:relative;display:flex;justify-content:space-between;align-items:center;color:#a8bfd7;font-size:12px}.online{display:flex;align-items:center;gap:7px}.online i{width:7px;height:7px;border-radius:50%;background:#35d49a;box-shadow:0 0 0 5px rgba(53,212,154,.1)}.dash-graph{position:relative;height:255px;margin:35px 0 20px;display:flex;align-items:end;gap:12px;padding:20px;border-left:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.dash-graph:after{content:"";position:absolute;left:25px;right:15px;top:36px;height:150px;border-top:3px solid #4fcfff;border-radius:50%;transform:skewY(-9deg);filter:drop-shadow(0 0 12px rgba(36,179,255,.46))}.dash-graph span{flex:1;min-height:35px;border-radius:7px 7px 0 0;background:linear-gradient(180deg,rgba(32,200,255,.55),rgba(47,115,255,.11))}.dash-graph span:nth-child(1){height:28%}.dash-graph span:nth-child(2){height:42%}.dash-graph span:nth-child(3){height:35%}.dash-graph span:nth-child(4){height:59%}.dash-graph span:nth-child(5){height:52%}.dash-graph span:nth-child(6){height:72%}.dash-graph span:nth-child(7){height:88%}.dash-cards{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dash-cards div{padding:14px;border-radius:15px;border:1px solid var(--line);background:rgba(255,255,255,.03)}.dash-cards small,.dash-cards b{display:block}.dash-cards small{color:#7890aa}.dash-cards b{margin-top:4px;font-size:12px}
.category-grid-v3{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.category-card-v3{display:grid;grid-template-columns:58px 1fr 38px;align-items:center;gap:16px;padding:20px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(11,28,53,.9),rgba(7,19,37,.9));transition:.3s}.category-card-v3:hover{transform:translateX(6px);border-color:rgba(72,192,255,.45)}.category-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,rgba(32,200,255,.14),rgba(47,115,255,.23));font-size:24px}.category-card-v3 h3{margin:0 0 4px}.category-card-v3 p{margin:0;color:#849ab4;font-size:13px}.category-go{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;border:1px solid var(--line);color:#76ddff}
.content-grid-v3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.content-card-v3{display:flex;flex-direction:column;min-height:300px;padding:23px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(11,29,55,.92),rgba(6,17,34,.92));transition:.3s}.content-card-v3:hover{transform:translateY(-6px);border-color:rgba(72,192,255,.45)}.content-card-top{display:flex;justify-content:space-between;color:#6fcfff;font-size:9px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.content-card-v3 h3{font-size:20px;line-height:1.35;margin:38px 0 12px}.content-card-v3 p{margin:0;color:#8ea3bb;font-size:13px}.content-card-footer{margin-top:auto;padding-top:22px;display:flex;align-items:center;justify-content:space-between;color:#bfeeff;font-size:12px;font-weight:800}.content-card-footer b{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:11px}.empty-state{justify-content:center}
.cta-v3{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:42px;border-radius:28px;border:1px solid rgba(73,185,255,.35);background:linear-gradient(120deg,rgba(21,80,173,.42),rgba(9,36,75,.72),rgba(14,160,211,.17));box-shadow:var(--shadow)}.cta-v3 h2{font-size:clamp(30px,4vw,48px);margin:8px 0 5px}.cta-v3 p{margin:0;color:#b8cce0}.cta-v3-actions{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:1}.cta-glow{position:absolute;right:-80px;top:-120px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(32,200,255,.28),transparent 67%)}
.page-hero{padding:64px 0 26px}.page-hero-card{padding:44px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,rgba(12,31,59,.92),rgba(7,19,38,.88));box-shadow:var(--shadow)}.page-hero h1{font-size:clamp(38px,5vw,62px);line-height:1.1;margin:10px 0 12px}.page-hero p{max-width:760px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.article,.tool-shell,.panel{border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(12,31,59,.92),rgba(6,17,34,.92));box-shadow:0 18px 50px rgba(0,0,0,.18)}.card{padding:23px;transition:.3s}.card:hover{transform:translateY(-5px);border-color:rgba(72,192,255,.45)}.card h3{margin:12px 0 7px}.card p{margin:0;color:var(--muted)}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;border:1px solid rgba(74,190,255,.25);background:rgba(32,200,255,.08);color:#74dcff;font-size:10px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}.meta{font-size:10px;color:#7590ae;font-weight:800;letter-spacing:.6px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:26px}.section-head h1,.section-head h2{font-size:clamp(34px,4vw,54px);margin:9px 0 0}.section-head p{max-width:620px;margin:0;color:var(--muted)}
.content-wrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;padding:52px 0}.article{padding:clamp(24px,4vw,48px)}.article h1{font-size:clamp(38px,4vw,58px);line-height:1.12}.article h2{margin-top:35px;font-size:28px}.article h3{margin-top:26px}.article p,.article li{color:#bfd0e2}.article code{padding:2px 6px;border:1px solid var(--line);background:#030a15;border-radius:6px}.sidebar .card{margin-bottom:16px}.sidebar-logo-card{text-align:center}.sidebar-logo-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;margin-bottom:18px}
.tool-shell{padding:24px}.input,.select,.textarea{width:100%;border:1px solid var(--line);background:#061226;color:#fff;border-radius:13px;padding:13px;outline:none}.input:focus,.textarea:focus,.select:focus{border-color:#4ac5ff;box-shadow:0 0 0 4px rgba(32,200,255,.08)}.textarea{min-height:160px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.notice{padding:14px 16px;border-left:4px solid var(--cyan);border-radius:12px;background:rgba(32,200,255,.08);margin:14px 0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.prompt-box{position:relative;white-space:pre-wrap;padding:22px;border:1px solid rgba(32,200,255,.32);border-radius:16px;background:#030a15}.copy-btn{position:absolute;right:10px;top:10px}.pagination{display:flex;gap:8px;margin-top:28px}.pagination a,.pagination span{padding:8px 12px;border:1px solid var(--line);border-radius:10px}.pagination .current{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#02101e}
.site-footer-v3{position:relative;margin-top:80px;padding-top:0;border-top:1px solid var(--line);background:linear-gradient(180deg,#030711,#02050b);overflow:hidden}.site-footer-v3:before{content:"";position:absolute;top:0;left:50%;width:min(560px,72vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(69,213,255,.9),rgba(49,102,255,.85),transparent);box-shadow:0 0 28px rgba(39,155,255,.45)}.footer-glow{position:absolute;left:30%;top:-180px;width:500px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(34,104,255,.17),transparent 70%)}.footer-grid-v3{position:relative;display:grid;grid-template-columns:1.65fr .8fr .8fr 1fr;gap:42px;padding:58px 0 42px}.footer-brand-logo{display:flex;align-items:center;gap:13px}.footer-brand-logo img{width:58px;height:58px;border-radius:50%;object-fit:cover}.footer-brand-logo b,.footer-brand-logo small{display:block}.footer-brand-logo b{letter-spacing:2px;font-size:20px}.footer-brand-logo small{color:#758ca6;font-size:9px;margin-top:3px}.footer-brand-block p{max-width:420px;color:#8fa4bd;font-size:13px}.footer-col h3{margin:0 0 15px;font-size:14px}.footer-col a{display:block;margin:8px 0;color:#93a8bf;font-size:12px}.footer-col a:hover{color:#fff}.footer-contact span{display:block;color:#627a96;font-size:10px;margin-top:11px;text-transform:uppercase;letter-spacing:.8px}.socials-v3{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.social-link{display:inline-flex!important;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.03);transition:.25s}.social-link span{display:none}.social-link svg{width:20px;height:20px;fill:currentColor}.social-link:hover{transform:translateY(-3px);border-color:currentColor}.social-youtube{color:#ff3b3b}.social-instagram{color:#f04793}.social-facebook{color:#4b91ff}.social-x{color:#fff}.social-whatsapp{color:#39d98a}.social-telegram{color:#37b5f6}.social-linkedin{color:#4f9cff}.copyright-v3{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid var(--line);color:#617893;font-size:11px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.revealed{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.18s}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.pulse-dot{animation:none}}
@media(max-width:1120px){.nav-search{display:none}.bento-services{grid-template-columns:repeat(2,1fr)}.footer-grid-v3{grid-template-columns:1.4fr 1fr 1fr}.footer-contact{grid-column:2/4}.hero-v3 h1{font-size:64px}}
@media(max-width:900px){.announce-inner span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-toggle{display:block}.nav{display:none;position:absolute;left:20px;right:20px;top:80px;flex-direction:column;align-items:stretch;background:rgba(5,14,28,.98);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.nav.open{display:flex}.nav a{padding:9px 4px}.hero-v3-grid,.bento-main,.content-wrap{grid-template-columns:1fr}.hero-v3-copy{text-align:center}.hero-v3 p{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.hero-brand-stage{min-height:520px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metrics-grid div:nth-child(2){border-right:0}.metrics-grid div:nth-child(-n+2){border-bottom:1px solid var(--line)}.category-grid-v3,.content-grid-v3,.grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:flex-start;flex-direction:column}.cta-v3,.footer-grid-v3{grid-template-columns:1fr 1fr}.footer-contact{grid-column:auto}.copyright-v3{flex-direction:column}.page-hero-card{padding:32px}}
@media(max-width:620px){.container{width:min(100% - 24px,1240px)}.announce-inner{justify-content:center}.announce-inner a{display:none}.brand-copy small{display:none}.brand img{width:44px;height:44px}.hero-v3{padding:58px 0 48px}.hero-v3 h1{font-size:46px;letter-spacing:-1.5px}.hero-v3 p{font-size:15px}.hero-brand-stage{min-height:430px}.brand-emblem-wrap{width:min(88%,330px)}.brand-halo{width:330px;height:330px}.float-chip{min-width:auto;padding:10px 12px}.chip-top{top:25px;right:0}.chip-left{left:0;bottom:80px}.chip-right{right:0;bottom:22px}.metrics-grid,.bento-services,.category-grid-v3,.content-grid-v3,.grid,.dash-cards,.form-grid,.footer-grid-v3{grid-template-columns:1fr}.metrics-grid div{border-right:0;border-bottom:1px solid var(--line)}.metrics-grid div:last-child{border-bottom:0}.section-v3{padding:62px 0}.section-heading h2{font-size:38px}.bento-story{padding:28px}.bento-dashboard{min-height:430px}.category-card-v3{grid-template-columns:50px 1fr 34px}.footer-grid-v3{gap:28px;padding-top:42px}.content-wrap{padding-top:34px}.article{padding:24px}.sidebar-logo-card img{max-width:300px;margin-inline:auto}.cta-v3{padding:28px}.trust-row{gap:9px}.trust-row span{font-size:10px}}

/* =========================
   Tuvigram Brand System v4
   ========================= */
:root{
  --brand-cyan:#22d7ff;
  --brand-blue:#276bff;
  --brand-royal:#1738d4;
  --brand-ink:#020611;
  --brand-glass:rgba(8,22,43,.72);
}
::selection{background:rgba(32,200,255,.28);color:#fff}
:focus-visible{outline:3px solid rgba(32,200,255,.62);outline-offset:3px;border-radius:8px}
body:before{content:"";position:fixed;inset:-30vh -20vw auto auto;width:70vw;height:70vw;border-radius:50%;background:radial-gradient(circle,rgba(23,86,255,.10),transparent 67%);pointer-events:none;z-index:-2}
.site-header{background:linear-gradient(180deg,rgba(2,7,17,.88),rgba(3,8,19,.72));border-bottom-color:rgba(129,187,255,.09)}
.site-header.scrolled{background:rgba(2,7,17,.94);border-bottom-color:rgba(129,187,255,.16)}
.brand{gap:11px}
.brand img{width:43px;height:43px;border-radius:0;object-fit:contain;background:transparent;box-shadow:none;filter:drop-shadow(0 10px 19px rgba(20,96,255,.25))}
.brand-copy strong{font-size:19px;letter-spacing:2.5px;background:linear-gradient(90deg,#fff 10%,#e8f5ff 52%,#77ddff);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-copy small{letter-spacing:.95px;color:#8095af}
.hero-v3{padding-top:96px;background:radial-gradient(circle at 82% 32%,rgba(26,101,255,.10),transparent 28%)}
.hero-v3:before{opacity:.72}
.hero-v3:after{content:"";position:absolute;left:50%;bottom:0;width:min(1100px,90vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(83,184,255,.28),transparent)}
.hero-kicker{box-shadow:inset 0 1px rgba(255,255,255,.04),0 8px 30px rgba(0,0,0,.16)}
.hero-v3 h1{font-weight:800;text-wrap:balance}
.hero-brand-stage{isolation:isolate}
.brand-emblem-wrap{padding:7px;background:conic-gradient(from 0deg,rgba(32,216,255,.95),rgba(47,115,255,.18),rgba(112,67,255,.72),rgba(32,216,255,.95));animation:brandRing 14s linear infinite;box-shadow:0 42px 100px rgba(0,0,0,.5),0 0 110px rgba(20,111,255,.23)}
.brand-emblem-wrap:before{content:"";position:absolute;inset:6px;border-radius:50%;background:#030814;z-index:0}
.brand-emblem-wrap:after{inset:19px;z-index:2}
.brand-emblem-large{position:relative;z-index:1;object-fit:contain;background:transparent;padding:0;border-radius:50%;animation:brandRingReverse 14s linear infinite}
@keyframes brandRing{to{transform:rotate(360deg)}}
@keyframes brandRingReverse{to{transform:rotate(-360deg)}}
.float-chip{box-shadow:0 20px 60px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.04)}
.service-card-v3,.content-card-v3,.category-card-v3,.card,.article,.tool-shell,.page-hero-card{box-shadow:0 24px 70px rgba(0,0,0,.19),inset 0 1px rgba(255,255,255,.025)}
.service-card-v3:hover,.content-card-v3:hover,.category-card-v3:hover,.card:hover{box-shadow:0 30px 80px rgba(0,0,0,.27),0 0 0 1px rgba(32,200,255,.12) inset}
.page-hero-card{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(13,35,69,.9),rgba(5,17,36,.94))}
.page-hero-card:after{content:"";position:absolute;right:-120px;top:-150px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(31,142,255,.18),transparent 68%)}
.sidebar-logo-card{overflow:hidden;background:radial-gradient(circle at 50% 24%,rgba(22,107,255,.14),transparent 55%),linear-gradient(145deg,rgba(12,31,59,.92),rgba(6,17,34,.94))}
.sidebar-logo-card img{width:min(100%,310px);aspect-ratio:1;object-fit:contain;border-radius:0;margin:0 auto 18px;background:transparent;filter:drop-shadow(0 25px 45px rgba(0,0,0,.35))}
.footer-brand-logo img{width:52px;height:52px;border-radius:0;object-fit:contain;background:transparent;filter:drop-shadow(0 12px 22px rgba(20,96,255,.27))}
.socials-v3{gap:10px}
.social-link{width:auto;min-width:44px;height:44px;padding:0 13px;gap:9px;border-radius:14px;cursor:pointer;overflow:hidden}
.social-link span{display:inline!important;color:#dbeaff;font-size:11px;font-weight:800;white-space:nowrap}
.social-link svg{flex:0 0 auto}
.social-link:hover{background:rgba(255,255,255,.055);box-shadow:0 14px 35px rgba(0,0,0,.22)}
.social-link.is-disabled{opacity:.42;filter:saturate(.45);cursor:not-allowed}
.social-link.is-disabled:hover{transform:none;border-color:var(--line);box-shadow:none}
.footer-grid-v3{grid-template-columns:1.75fr .8fr .8fr 1fr}
.copyright-v3{letter-spacing:.2px}
@media(max-width:1120px){.footer-grid-v3{grid-template-columns:1.45fr 1fr 1fr}.footer-contact{grid-column:2/4}}
@media(max-width:900px){.brand-emblem-wrap,.brand-emblem-large{animation:none}.footer-grid-v3{grid-template-columns:1fr 1fr}.footer-contact{grid-column:auto}}
@media(max-width:620px){
  .brand img{width:40px;height:40px}
  .hero-v3{padding-top:64px}
  .social-link{width:44px;padding:0;justify-content:center}
  .social-link span{display:none!important}
  .footer-grid-v3{grid-template-columns:1fr}
}

/* =========================================
   Tuvigram Premium Brand Interface v5
   ========================================= */
:root{
  --header-glass:rgba(2,8,19,.82);
  --header-border:rgba(119,188,255,.15);
  --header-blue:#198dff;
  --header-cyan:#21d4ff;
}

/* Announcement bar intentionally removed in v5 */
.premium-header{
  top:0;
  isolation:isolate;
  background:linear-gradient(180deg,rgba(2,8,20,.94),rgba(2,8,18,.80));
  border-bottom:1px solid var(--header-border);
  box-shadow:0 12px 40px rgba(0,0,0,.14);
}
.premium-header:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(32,211,255,.42),rgba(47,115,255,.42),transparent);
  opacity:.55;
  pointer-events:none;
}
.premium-header.scrolled{
  background:rgba(2,7,17,.96);
  box-shadow:0 20px 55px rgba(0,0,0,.34);
}
.header-aura{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:-1;
}
.header-aura:before{
  content:"";
  position:absolute;
  width:430px;height:160px;
  left:5%;top:-120px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(32,200,255,.14),transparent 70%);
  filter:blur(12px);
}
.site-header .container{
  width:min(1480px,calc(100% - 34px));
}
.nav-wrap{
  min-height:90px;
  gap:18px;
}
.brand-premium{
  gap:13px;
  flex:0 0 auto;
  padding:6px 9px 6px 6px;
  border-radius:18px;
  transition:.28s ease;
}
.brand-premium:hover{
  background:rgba(255,255,255,.028);
}
.brand-logo-shell{
  position:relative;
  width:58px;height:58px;
  border-radius:50%;
  padding:2px;
  flex:0 0 auto;
  background:conic-gradient(from 20deg,#26d9ff,#2879ff,#143dd7,#26d9ff);
  box-shadow:0 14px 34px rgba(11,88,255,.25),0 0 0 1px rgba(255,255,255,.05);
}
.brand-logo-shell:after{
  content:"";
  position:absolute;
  inset:-5px;
  border:1px solid rgba(77,183,255,.13);
  border-radius:50%;
}
.brand-logo-shell img{
  width:100%!important;
  height:100%!important;
  border-radius:50%!important;
  object-fit:cover!important;
  background:#020713!important;
  filter:none!important;
  box-shadow:none!important;
}
.brand-title-row{
  display:flex;
  align-items:center;
  gap:8px;
}
.brand-title-row strong{
  font-size:20px;
  letter-spacing:2.8px;
  line-height:1;
  background:linear-gradient(90deg,#fff,#dff3ff 56%,#6bdcff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.brand-title-row em{
  font-style:normal;
  font-size:7px;
  line-height:1;
  letter-spacing:1px;
  padding:4px 6px;
  color:#8ce8ff;
  border:1px solid rgba(48,201,255,.28);
  background:rgba(32,200,255,.08);
  border-radius:999px;
}
.brand-copy small{
  margin-top:6px;
  font-size:9px;
  color:#829ab6;
  letter-spacing:1px;
}
.nav-premium{
  margin-left:auto;
  gap:3px;
  padding:5px;
  border:1px solid rgba(132,187,255,.10);
  background:rgba(255,255,255,.022);
  border-radius:16px;
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.nav-premium>a{
  display:flex;
  align-items:center;
  min-height:42px;
  padding:0 11px;
  border-radius:12px;
  font-size:12px;
  white-space:nowrap;
  color:#cbdcf0;
  transition:.22s ease;
}
.nav-premium>a:after{display:none}
.nav-premium>a:hover{
  color:#fff;
  background:rgba(255,255,255,.045);
}
.nav-premium>a.active{
  color:#fff;
  background:linear-gradient(135deg,rgba(32,200,255,.15),rgba(47,115,255,.18));
  box-shadow:inset 0 0 0 1px rgba(70,188,255,.18),0 8px 22px rgba(0,0,0,.12);
}
.nav-search-desktop{
  min-width:245px;
  width:245px;
  height:48px;
  border-radius:15px;
  background:rgba(255,255,255,.03);
  border-color:rgba(119,188,255,.16);
  transition:.25s ease;
  box-shadow:inset 0 1px rgba(255,255,255,.018);
}
.nav-search-desktop:focus-within{
  width:285px;
  border-color:rgba(46,203,255,.45);
  background:rgba(9,27,52,.88);
  box-shadow:0 0 0 4px rgba(32,200,255,.06),0 18px 42px rgba(0,0,0,.22);
}
.nav-search input::placeholder{color:#60748d}
.nav-search button{
  min-width:62px;
  background:linear-gradient(135deg,#2bd7ff,#2582ff 55%,#315cff);
  color:#02101f;
  text-shadow:0 1px rgba(255,255,255,.15);
}
.nav-search-mobile{display:none}
.nav-toggle{
  flex:0 0 auto;
  margin-left:0;
}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.open span:nth-child(2){opacity:0}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Social apps: authentic platform color treatment */
.social-link{
  position:relative;
  border-color:rgba(255,255,255,.10)!important;
  color:#fff!important;
  transition:transform .22s ease,filter .22s ease,box-shadow .22s ease!important;
}
.social-link svg{fill:#fff!important}
.social-youtube{background:#ff0033!important}
.social-instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d 55%,#fcb045)!important}
.social-facebook{background:#1877f2!important}
.social-x{background:#090909!important}
.social-whatsapp{background:#25d366!important}
.social-telegram{background:#229ed9!important}
.social-linkedin{background:#0a66c2!important}
.social-link:hover{
  transform:translateY(-4px) scale(1.02)!important;
  filter:brightness(1.08);
  box-shadow:0 14px 30px rgba(0,0,0,.30)!important;
}
.social-link.is-disabled{
  background:rgba(255,255,255,.045)!important;
  color:#71839a!important;
  opacity:.55;
}
.social-link.is-disabled svg{fill:#71839a!important}

/* Official circular logo in footer */
.footer-brand-logo img{
  width:58px!important;
  height:58px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  background:#020713!important;
  box-shadow:0 0 0 2px rgba(40,188,255,.22),0 15px 34px rgba(16,83,255,.20)!important;
  filter:none!important;
}

/* Offline forms premium page */
.offline-hero{padding-top:70px}
.offline-hero-card{
  min-height:490px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  align-items:center;
  gap:44px;
  padding:clamp(34px,5vw,72px);
  background:
    radial-gradient(circle at 82% 38%,rgba(32,200,255,.16),transparent 25%),
    linear-gradient(135deg,rgba(12,35,70,.96),rgba(4,14,30,.96));
}
.offline-hero-card:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(90deg,#000,transparent 85%);
  pointer-events:none;
}
.offline-hero-copy{position:relative;z-index:2}
.offline-hero-copy h1{
  margin:16px 0;
  font-size:clamp(39px,5.2vw,68px);
  line-height:1.07;
  letter-spacing:-2px;
}
.offline-hero-copy p{max-width:720px;color:#afc4da;font-size:17px}
.offline-visual{
  position:relative;
  min-height:340px;
  display:grid;
  place-items:center;
}
.doc-stack{
  position:relative;
  width:min(76%,320px);
  aspect-ratio:.78;
  transform:rotate(4deg);
}
.doc-stack span{
  position:absolute;
  inset:0;
  border-radius:26px;
  border:1px solid rgba(126,198,255,.22);
  background:linear-gradient(145deg,rgba(250,253,255,.94),rgba(190,222,250,.86));
  box-shadow:0 35px 70px rgba(0,0,0,.35);
}
.doc-stack span:nth-child(1){transform:translate(-38px,24px) rotate(-8deg);opacity:.35}
.doc-stack span:nth-child(2){transform:translate(-16px,10px) rotate(-3deg);opacity:.6}
.doc-stack span:nth-child(3):before{
  content:"";position:absolute;left:34px;right:34px;top:78px;height:10px;border-radius:10px;
  background:#0a5cea;box-shadow:0 32px #a8bdd2,0 64px #a8bdd2,0 96px #a8bdd2,0 128px #a8bdd2;
}
.doc-stack i{
  position:absolute;z-index:4;left:50%;top:22px;transform:translateX(-50%);
  font-style:normal;font-weight:900;letter-spacing:4px;color:#0a3c7f;
}
.offline-badge{
  position:absolute;right:3%;bottom:8%;padding:11px 15px;border-radius:999px;
  background:rgba(4,16,34,.82);border:1px solid rgba(81,189,255,.26);
  color:#82e3ff;font-size:11px;font-weight:900;letter-spacing:1px;
  backdrop-filter:blur(14px);
}
.offline-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.offline-feature-card{
  position:relative;overflow:hidden;min-height:245px;padding:28px;
  border:1px solid var(--line);border-radius:24px;
  background:linear-gradient(145deg,rgba(12,31,59,.94),rgba(5,16,33,.94));
  box-shadow:0 24px 68px rgba(0,0,0,.20);
}
.offline-feature-card:after{
  content:"";position:absolute;width:170px;height:170px;right:-80px;bottom:-80px;border-radius:50%;
  background:radial-gradient(circle,rgba(37,129,255,.20),transparent 70%);
}
.offline-feature-card>b{display:block;color:#5bd8ff;font-size:13px;letter-spacing:1px}
.offline-feature-card h3{margin:44px 0 10px;font-size:22px}
.offline-feature-card p{margin:0;color:var(--muted)}
.form-library-grid{min-height:260px}
.form-resource-card{position:relative}
.form-file-icon{
  width:58px;height:70px;display:grid;place-items:center;margin:8px 0 24px;
  border-radius:12px 12px 18px 12px;
  background:linear-gradient(145deg,#f4f8ff,#b8d8f6);
  color:#0a57c9;font-size:12px;font-weight:900;
  box-shadow:0 18px 35px rgba(0,0,0,.22);
}
.form-file-icon:after{content:"";position:absolute}
.empty-library{
  grid-column:1/-1;
  text-align:center;
  padding:58px 24px;
  border:1px dashed rgba(88,190,255,.28);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(11,29,56,.76),rgba(5,15,31,.80));
}
.empty-library-icon{
  width:68px;height:68px;display:grid;place-items:center;margin:0 auto 18px;
  border-radius:20px;background:linear-gradient(135deg,rgba(32,200,255,.18),rgba(47,115,255,.26));
  border:1px solid rgba(78,190,255,.24);font-size:36px;color:#79e1ff;
}
.empty-library h3{font-size:26px;margin:0 0 8px}
.empty-library p{max-width:700px;margin:0 auto 24px;color:var(--muted)}

/* stronger page-level polish */
.page-hero-card,.article,.card,.tool-shell,.service-card-v3,.content-card-v3,.category-card-v3{
  border-color:rgba(125,188,255,.14);
}
.card:hover,.service-card-v3:hover,.content-card-v3:hover,.category-card-v3:hover{
  border-color:rgba(48,202,255,.38);
}

@media(max-width:1320px){
  .site-header .container{width:min(100% - 24px,1480px)}
  .nav-premium>a{padding-inline:8px;font-size:11px}
  .nav-search-desktop{width:210px;min-width:210px}
  .brand-title-row strong{font-size:18px}
}
@media(max-width:1160px){
  .nav-search-desktop{display:none!important}
  .nav-premium{margin-left:auto}
}
@media(max-width:1020px){
  body.nav-open{overflow:hidden}
  .nav-toggle{display:block!important;margin-left:auto}
  .nav-premium{
    display:none;
    position:absolute;
    left:18px;right:18px;top:100px;
    max-height:calc(100vh - 120px);
    overflow:auto;
    flex-direction:column;
    align-items:stretch;
    gap:5px;
    padding:16px;
    border-radius:22px;
    background:rgba(3,11,25,.98);
    border:1px solid rgba(95,185,255,.20);
    box-shadow:0 35px 100px rgba(0,0,0,.56);
    backdrop-filter:blur(24px);
  }
  .nav-premium.open{display:flex}
  .nav-premium>a{min-height:48px;padding:0 15px;font-size:13px}
  .nav-search-mobile{display:flex;margin-top:8px;width:100%;min-width:0;height:50px}
  .nav-search-mobile input{width:100%}
  .nav-wrap{min-height:82px}
}
@media(max-width:760px){
  .offline-hero-card{grid-template-columns:1fr;padding:32px 24px}
  .offline-hero-copy{text-align:center}
  .offline-hero-copy p{margin-inline:auto}
  .offline-hero-copy .hero-actions{justify-content:center}
  .offline-visual{min-height:300px}
  .offline-feature-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .site-header .container{width:min(100% - 16px,1480px)}
  .brand-premium{gap:9px;padding-left:2px}
  .brand-logo-shell{width:48px;height:48px}
  .brand-title-row strong{font-size:16px;letter-spacing:1.9px}
  .brand-title-row em{display:none}
  .brand-copy small{font-size:8px;letter-spacing:.55px;display:block!important}
  .nav-premium{left:8px;right:8px;top:88px}
  .offline-hero{padding-top:42px}
  .offline-hero-copy h1{font-size:38px;letter-spacing:-1px}
  .doc-stack{width:210px}
  .offline-badge{right:0}
}


/* ===== V8 Safe Custom PHP Pages ===== */
.custom-page{min-height:55vh}.custom-hero{padding:105px 0 78px;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 0%,rgba(32,200,255,.15),transparent 28%),radial-gradient(circle at 8% 30%,rgba(47,115,255,.13),transparent 25%)}.custom-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(72,154,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(72,154,255,.025) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,black,transparent)}.custom-hero .container{position:relative;z-index:1}.custom-hero h1{font-size:clamp(42px,7vw,82px);line-height:1.05;letter-spacing:-2.2px;max-width:1000px;margin:18px 0}.custom-hero.center .container,.custom-section .center{text-align:center}.custom-hero.center h1,.custom-hero.center .custom-lead{margin-left:auto;margin-right:auto}.custom-lead{max-width:780px;color:#c3d9eb;font-size:19px}.custom-lead p{margin:0}.custom-section{padding:72px 0}.custom-section.compact{padding:35px 0}.custom-narrow{max-width:890px}.custom-richtext{font-size:17px;color:#cbe0ef}.custom-richtext h2,.custom-richtext h3{color:#fff;margin-top:30px}.custom-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.custom-feature-card{padding:25px;border-radius:22px;background:linear-gradient(145deg,rgba(15,40,76,.86),rgba(7,23,46,.94));border:1px solid var(--line);box-shadow:0 18px 48px rgba(0,0,0,.16);transition:.22s}.custom-feature-card:hover{transform:translateY(-5px);border-color:rgba(32,200,255,.38)}.custom-feature-icon{width:49px;height:49px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(32,200,255,.12),rgba(47,115,255,.2));border:1px solid rgba(99,190,255,.22);font-size:22px}.custom-feature-card h3{margin:16px 0 7px}.custom-feature-card p{margin:0;color:var(--muted)}.custom-faq{display:grid;gap:10px;margin-top:22px}.custom-faq details{border:1px solid var(--line);border-radius:17px;background:rgba(10,30,58,.75);overflow:hidden}.custom-faq summary{padding:17px 20px;cursor:pointer;font-weight:800;list-style:none}.custom-faq summary::-webkit-details-marker{display:none}.custom-faq details>div{padding:0 20px 18px;color:#bfd6e8}.custom-cta.center{grid-template-columns:1fr;text-align:center}.custom-cta.center .cta-actions{justify-content:center}.custom-notice{padding:22px 24px;border-radius:19px;background:rgba(32,200,255,.07);border:1px solid rgba(32,200,255,.24);border-left:4px solid var(--cyan)}.custom-notice h3{margin:0 0 5px}.custom-notice p{margin:0;color:#c7dfef}.preview-ribbon{position:fixed;left:50%;top:90px;transform:translateX(-50%);z-index:100;padding:8px 15px;border-radius:999px;background:#ffca4a;color:#1f1600;font-size:10px;font-weight:1000;letter-spacing:1px;box-shadow:0 12px 35px rgba(0,0,0,.35)}.template-wide .container{width:min(1420px,calc(100% - 32px))}.template-minimal .custom-hero{padding-bottom:40px;background:none}.template-minimal .custom-feature-card{box-shadow:none}.template-landing .custom-hero{min-height:72vh;display:flex;align-items:center}
@media(max-width:900px){.custom-feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.custom-hero{padding:70px 0 50px}.custom-hero h1{font-size:42px;letter-spacing:-1.2px}.custom-feature-grid{grid-template-columns:1fr}.custom-section{padding:52px 0}.custom-cta{padding:25px}.preview-ribbon{top:78px;max-width:90%;white-space:nowrap}}

/* =========================================================
   Tuvigram V9.1 — True Full-Viewport / Browser-Zoom Safe UI
   Removes fixed desktop max-width so the interface fills wide
   monitors even when Chrome zoom is below 100%.
   ========================================================= */
:root{
  --page-gutter:clamp(18px,3.2vw,72px);
  --wide-card-radius:clamp(20px,1.6vw,34px);
}

/* Every public section now uses the full usable viewport. */
.container,
.site-header .container{
  width:calc(100% - (var(--page-gutter) * 2))!important;
  max-width:none!important;
  margin-inline:var(--page-gutter)!important;
}

/* Header fills the screen without looking stretched. */
.nav-wrap{width:100%;}
.premium-header .nav-premium{justify-content:center;}
.nav-search-desktop{flex:0 0 clamp(220px,17vw,360px);width:auto;min-width:0;}
.nav-search-desktop:focus-within{width:auto;flex-basis:clamp(260px,20vw,430px);}

/* Homepage uses proportional columns rather than a small fixed island. */
.hero-v3-grid{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:clamp(36px,5vw,110px);}
.hero-v3-copy{padding-left:clamp(0px,1.5vw,28px);}
.hero-v3 h1{max-width:none;font-size:clamp(50px,5.25vw,116px);letter-spacing:clamp(-4px,-.18vw,-1.5px);}
.hero-v3 p{max-width:min(92%,980px);font-size:clamp(17px,1.12vw,27px);}
.hero-brand-stage{min-height:clamp(520px,42vw,860px);}
.brand-emblem-wrap{width:min(76%,clamp(440px,31vw,690px));}
.brand-halo{width:clamp(450px,34vw,760px);height:clamp(450px,34vw,760px);}
.float-chip{min-width:clamp(190px,13vw,280px);padding:clamp(13px,1vw,20px);border-radius:clamp(16px,1vw,22px);}
.float-chip b{font-size:clamp(13px,.9vw,19px);}.float-chip span,.float-chip small{font-size:clamp(10px,.7vw,15px);}

/* Bigger content rhythm on wide screens. */
.metrics-grid div{padding:clamp(22px,1.8vw,40px) clamp(22px,2vw,46px);}
.metrics-grid strong{font-size:clamp(24px,1.8vw,42px);}.metrics-grid span{font-size:clamp(12px,.82vw,18px);}
.section-v3{padding:clamp(70px,6vw,132px) 0;}
.section-heading{margin-bottom:clamp(28px,2.3vw,50px);}
.section-heading>div{max-width:min(62vw,1120px);}
.section-heading h2{font-size:clamp(38px,3.55vw,82px);}
.section-heading p{max-width:min(34vw,720px);font-size:clamp(15px,1vw,23px);}
.eyebrow-v3{font-size:clamp(11px,.72vw,16px);}

.bento-services{gap:clamp(16px,1.4vw,30px);}
.service-card-v3{min-height:clamp(310px,22vw,520px);padding:clamp(24px,1.8vw,42px);border-radius:var(--wide-card-radius);}
.service-icon-v3{width:clamp(64px,4vw,94px);height:clamp(64px,4vw,94px);margin:clamp(28px,2vw,48px) 0 clamp(18px,1.5vw,32px);}
.service-card-v3 h3{font-size:clamp(21px,1.45vw,34px);}.service-card-v3 p{font-size:clamp(14px,.92vw,21px);}

.bento-main{gap:clamp(20px,1.7vw,36px);}
.bento-story{padding:clamp(34px,3vw,68px);}.bento-story h2{font-size:clamp(38px,3.5vw,76px);}
.bento-story>p{max-width:none;font-size:clamp(15px,1vw,22px);}
.story-list>div{grid-template-columns:clamp(50px,3.5vw,76px) 1fr;padding:clamp(16px,1.3vw,28px);}
.bento-dashboard{min-height:clamp(480px,36vw,760px);padding:clamp(26px,2vw,46px);}
.dash-graph{height:clamp(255px,19vw,410px);}

.category-grid-v3,.content-grid-v3{gap:clamp(16px,1.4vw,30px);}
.category-card-v3,.content-card-v3{padding:clamp(20px,1.55vw,36px);border-radius:var(--wide-card-radius);}
.category-card-v3 h3,.content-card-v3 h3{font-size:clamp(19px,1.35vw,31px);}
.category-card-v3 p,.content-card-v3 p{font-size:clamp(13px,.9vw,20px);}
.cta-v3{padding:clamp(34px,3.2vw,74px);border-radius:clamp(24px,2vw,40px);}
.cta-v3 h2{font-size:clamp(34px,3vw,68px);}

/* Interior pages: fill width while maintaining readable article columns. */
.page-hero,.page-section{width:100%;}
.page-hero-card{width:100%;padding:clamp(34px,4vw,84px);border-radius:clamp(24px,2vw,42px);}
.content-wrap{grid-template-columns:minmax(0,1fr) clamp(320px,24vw,520px);gap:clamp(24px,2vw,48px);}
.article{padding:clamp(28px,3vw,68px);}
.grid{gap:clamp(16px,1.4vw,30px);}
.card,.tool-shell{padding:clamp(22px,1.6vw,38px);border-radius:var(--wide-card-radius);}

/* Footer uses the same full-width system. */
.footer-grid-v3{gap:clamp(30px,3vw,72px);}
.site-footer-v3 .container{width:calc(100% - (var(--page-gutter) * 2))!important;max-width:none!important;}

/* At ultra-wide CSS viewports (including Chrome 50% zoom), enlarge the
   design instead of leaving a tiny fixed-width site in the centre. */
@media(min-width:1900px){
  .nav-wrap{min-height:clamp(90px,5vw,128px);}
  .brand-logo-shell{width:clamp(58px,3vw,82px);height:clamp(58px,3vw,82px);}
  .brand-title-row strong{font-size:clamp(20px,1.2vw,31px);}
  .brand-copy small{font-size:clamp(9px,.56vw,14px);}
  .nav-premium>a{min-height:clamp(42px,2.5vw,60px);padding-inline:clamp(11px,.8vw,20px);font-size:clamp(12px,.72vw,18px);}
  .nav-search-desktop{height:clamp(48px,2.8vw,66px);}
  .hero-v3{padding-top:clamp(96px,6vw,160px);padding-bottom:clamp(70px,5vw,130px);}
  .btn{min-height:clamp(48px,3vw,68px);padding-inline:clamp(20px,1.4vw,34px);font-size:clamp(13px,.8vw,19px);}
  .trust-row{font-size:clamp(12px,.72vw,17px);}
}

/* Tablet and mobile retain comfortable gutters and single-column flow. */
@media(max-width:1100px){
  :root{--page-gutter:clamp(14px,2.6vw,28px);}
  .hero-v3-grid{grid-template-columns:1fr;}
  .hero-v3-copy{text-align:center;padding-left:0;}
  .hero-v3 p{max-width:820px;margin-inline:auto;}
  .hero-actions,.trust-row{justify-content:center;}
  .section-heading>div,.section-heading p{max-width:100%;}
  .content-wrap{grid-template-columns:1fr;}
}
@media(max-width:620px){
  :root{--page-gutter:12px;}
  .container,.site-header .container,.site-footer-v3 .container{width:calc(100% - 24px)!important;margin-inline:12px!important;}
  .hero-v3 h1{font-size:clamp(40px,12vw,54px);}
  .hero-v3 p{font-size:15px;max-width:100%;}
  .hero-brand-stage{min-height:430px;}
  .brand-emblem-wrap{width:min(88%,340px);}
  .section-heading h2{font-size:clamp(34px,10vw,44px);}
}

/* ==========================================================================
   TUVIGRAM V10 — ULTRA PREMIUM EXPERIENCE LAYER
   Safe enhancement layer for the existing V4/V5/V8/V9.1 system.
   Keeps current class names and progressively enhances capable browsers.
   ========================================================================== */

:root{
  --v10-bg-deep:#02050d;
  --v10-bg-mid:#041024;
  --v10-panel:rgba(7,22,45,.82);
  --v10-panel-strong:rgba(8,27,55,.94);
  --v10-glass:rgba(8,24,48,.68);
  --v10-cyan:#28d9ff;
  --v10-blue:#2d75ff;
  --v10-blue-deep:#184bdc;
  --v10-violet:#795cff;
  --v10-green:#38daa3;
  --v10-text:#f6faff;
  --v10-muted:#9db2cc;
  --v10-border:rgba(126,193,255,.16);
  --v10-border-strong:rgba(72,202,255,.38);
  --v10-shadow-sm:0 12px 35px rgba(0,0,0,.18);
  --v10-shadow-md:0 24px 70px rgba(0,0,0,.28);
  --v10-shadow-lg:0 42px 120px rgba(0,0,0,.42);
  --v10-glow:0 0 60px rgba(37,143,255,.16);
  --v10-ease:cubic-bezier(.2,.8,.2,1);
  --v10-ease-spring:cubic-bezier(.16,1,.3,1);
  --v10-radius-xs:10px;
  --v10-radius-sm:14px;
  --v10-radius-md:20px;
  --v10-radius-lg:28px;
  --v10-radius-xl:36px;
  --v10-section-space:clamp(62px,6vw,118px);
  --v10-reading:78ch;
}

/* ---------- Rendering, accessibility and baseline ---------- */
html{
  scroll-padding-top:clamp(84px,7vw,126px);
  color-scheme:dark;
  background:var(--v10-bg-deep);
}

body{
  min-height:100vh;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  background:
    radial-gradient(circle at 8% -8%,rgba(36,105,255,.18),transparent 28rem),
    radial-gradient(circle at 94% 14%,rgba(40,217,255,.11),transparent 28rem),
    radial-gradient(circle at 55% 110%,rgba(120,74,255,.08),transparent 34rem),
    linear-gradient(180deg,#020611 0%,#061225 48%,#02050d 100%);
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 78%);
}

::selection{
  background:rgba(40,217,255,.25);
  color:#fff;
}

:focus-visible{
  outline:3px solid rgba(40,217,255,.68)!important;
  outline-offset:3px;
}

a,button,input,textarea,select{
  -webkit-tap-highlight-color:transparent;
}

button,a,.btn,.card,.service-card-v3,.content-card-v3,.category-card-v3{
  transition-timing-function:var(--v10-ease);
}

img{
  height:auto;
}

svg{
  shape-rendering:geometricPrecision;
}

@supports (scrollbar-color:auto){
  *{
    scrollbar-width:thin;
    scrollbar-color:rgba(86,169,255,.55) rgba(255,255,255,.035);
  }
}

::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:#020611}
::-webkit-scrollbar-thumb{
  border:3px solid #020611;
  border-radius:999px;
  background:linear-gradient(180deg,#24cfff,#326dff);
}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#58e2ff,#5b82ff)}

/* ---------- Smart containers ---------- */
.container,
.site-header .container,
.site-footer-v3 .container{
  width:calc(100% - (var(--page-gutter) * 2))!important;
  max-width:none!important;
}

section[id],
.custom-section[id]{
  scroll-margin-top:clamp(94px,8vw,138px);
}

/* ---------- Header / brand ---------- */
.premium-header,
.site-header{
  contain:layout style;
  will-change:background-color,box-shadow;
}

.premium-header{
  background:
    linear-gradient(180deg,rgba(2,8,21,.94),rgba(3,10,24,.80)),
    radial-gradient(circle at 20% 0,rgba(40,217,255,.07),transparent 36%);
}

.premium-header.scrolled{
  box-shadow:
    0 18px 60px rgba(0,0,0,.34),
    0 1px 0 rgba(92,191,255,.12);
}

@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .premium-header,
  .site-header,
  .float-chip,
  .nav-premium,
  .nav-search{
    -webkit-backdrop-filter:blur(20px) saturate(145%);
    backdrop-filter:blur(20px) saturate(145%);
  }
}

.brand-premium{
  position:relative;
  isolation:isolate;
}

.brand-premium::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:0;
  border-radius:18px;
  background:radial-gradient(circle at 20% 50%,rgba(40,217,255,.10),transparent 62%);
  transition:opacity .28s ease;
}

.brand-premium:hover::after{opacity:1}

.brand-logo-shell{
  isolation:isolate;
  box-shadow:
    0 15px 44px rgba(20,96,255,.28),
    0 0 0 1px rgba(255,255,255,.06),
    inset 0 0 18px rgba(255,255,255,.05);
}

.brand-logo-shell::before{
  content:"";
  position:absolute;
  inset:-8px;
  z-index:-1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(32,200,255,.14),transparent 65%);
  filter:blur(8px);
}

.brand-title-row strong{
  text-shadow:0 10px 30px rgba(37,135,255,.12);
}

/* ---------- Premium nav ---------- */
.nav-premium{
  position:relative;
  isolation:isolate;
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));
  box-shadow:
    inset 0 1px rgba(255,255,255,.04),
    0 10px 35px rgba(0,0,0,.11);
}

.nav-premium>a{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

.nav-premium>a::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:0;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(39,213,255,.12),rgba(54,102,255,.14));
  transform:scale(.92);
  transition:opacity .22s ease,transform .22s var(--v10-ease-spring);
}

.nav-premium>a:hover::before,
.nav-premium>a.active::before{
  opacity:1;
  transform:scale(1);
}

.nav-premium>a.active{
  box-shadow:
    inset 0 0 0 1px rgba(76,201,255,.18),
    0 10px 26px rgba(0,0,0,.16);
}

.nav-search{
  position:relative;
  isolation:isolate;
}

.nav-search::after{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:-2;
  border-radius:inherit;
  opacity:0;
  background:linear-gradient(90deg,rgba(40,217,255,.5),rgba(47,115,255,.45));
  transition:opacity .25s ease;
}

.nav-search:focus-within::after{opacity:.65}

.nav-search input{
  font-weight:650;
  caret-color:var(--v10-cyan);
}

.nav-search button{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

.nav-search button::before{
  content:"";
  position:absolute;
  inset:-40% auto -40% -70%;
  width:45%;
  z-index:-1;
  transform:skewX(-20deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);
  transition:left .55s var(--v10-ease);
}

.nav-search button:hover::before{left:130%}

.nav-toggle{
  box-shadow:inset 0 1px rgba(255,255,255,.035);
}
.nav-toggle:hover{
  border-color:rgba(70,197,255,.35);
  background:rgba(40,217,255,.055);
}

/* ---------- Hero ---------- */
.hero-v3{
  min-height:min(860px,calc(100svh - 80px));
  display:flex;
  align-items:center;
}

.hero-v3-grid{
  width:100%;
}

.hero-v3-copy{
  max-width:none;
}

.hero-kicker{
  position:relative;
  overflow:hidden;
}

.hero-kicker::after{
  content:"";
  position:absolute;
  inset:0;
  opacity:.28;
  background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.16) 50%,transparent 75%);
  transform:translateX(-120%);
  animation:v10Shimmer 5.5s ease-in-out infinite;
}

@keyframes v10Shimmer{
  0%,70%,100%{transform:translateX(-120%)}
  82%{transform:translateX(120%)}
}

.hero-v3 h1{
  text-wrap:balance;
  filter:drop-shadow(0 16px 42px rgba(0,0,0,.13));
}

.hero-v3 h1 span{
  background-size:180% auto;
  animation:v10GradientFlow 8s ease-in-out infinite alternate;
}

@keyframes v10GradientFlow{
  from{background-position:0% 50%}
  to{background-position:100% 50%}
}

.hero-v3 p{
  text-wrap:pretty;
}

.hero-actions .btn{
  position:relative;
  overflow:hidden;
}

.btn{
  box-shadow:inset 0 1px rgba(255,255,255,.055);
}

.btn:active{
  transform:translateY(0) scale(.985);
}

.btn-primary{
  background:linear-gradient(135deg,#31ddff 0%,#278bff 48%,#315dff 100%);
  box-shadow:
    0 18px 50px rgba(37,119,255,.28),
    inset 0 1px rgba(255,255,255,.34);
}

.btn-primary:hover{
  box-shadow:
    0 24px 65px rgba(37,119,255,.38),
    inset 0 1px rgba(255,255,255,.38);
}

.btn-ghost:hover{
  background:rgba(255,255,255,.055);
  border-color:rgba(83,205,255,.42);
}

.hero-brand-stage{
  perspective:1200px;
}

.brand-halo{
  animation:v10Halo 7s ease-in-out infinite alternate;
}

@keyframes v10Halo{
  from{transform:scale(.92);opacity:.72}
  to{transform:scale(1.07);opacity:1}
}

.brand-emblem-wrap{
  transform-style:preserve-3d;
}

.float-chip{
  border-color:rgba(120,198,255,.22);
  background:linear-gradient(145deg,rgba(9,27,54,.78),rgba(5,15,32,.72));
}

.float-chip:hover{
  transform:translateY(-4px);
  border-color:rgba(74,204,255,.38);
  box-shadow:0 24px 70px rgba(0,0,0,.35);
}

/* ---------- Metrics ---------- */
.metrics-grid{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

.metrics-grid::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 30%,rgba(65,211,255,.035) 50%,transparent 70%);
}

.metrics-grid>div{
  position:relative;
  transition:background .25s ease,transform .25s ease;
}

.metrics-grid>div:hover{
  z-index:2;
  background:rgba(40,217,255,.035);
}

.metrics-grid strong{
  font-variant-numeric:tabular-nums;
  letter-spacing:-.02em;
}

/* ---------- Sections ---------- */
.section-v3{
  padding-block:var(--v10-section-space);
}

.section-heading h2,
.page-hero h1,
.bento-story h2,
.cta-v3 h2,
.custom-hero h1{
  text-wrap:balance;
}

.section-heading p,
.page-hero p,
.card p,
.content-card-v3 p,
.service-card-v3 p{
  text-wrap:pretty;
}

.eyebrow-v3,
.badge,
.service-tag{
  letter-spacing:.12em;
}

/* ---------- Shared premium cards ---------- */
.card,
.article,
.tool-shell,
.panel,
.service-card-v3,
.content-card-v3,
.category-card-v3,
.bento-story,
.bento-dashboard,
.page-hero-card,
.custom-feature-card,
.custom-faq details,
.offline-feature-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-color:var(--v10-border);
}

.card::before,
.service-card-v3::before,
.content-card-v3::before,
.category-card-v3::before,
.offline-feature-card::before,
.custom-feature-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 0,rgba(40,217,255,.10),transparent 36%),
    linear-gradient(145deg,rgba(255,255,255,.035),transparent 45%);
  transition:opacity .32s ease;
}

.card:hover::before,
.service-card-v3:hover::before,
.content-card-v3:hover::before,
.category-card-v3:hover::before,
.offline-feature-card:hover::before,
.custom-feature-card:hover::before{
  opacity:1;
}

.card:hover,
.service-card-v3:hover,
.content-card-v3:hover,
.category-card-v3:hover,
.offline-feature-card:hover,
.custom-feature-card:hover{
  border-color:var(--v10-border-strong);
  box-shadow:
    var(--v10-shadow-md),
    0 0 0 1px rgba(40,217,255,.06) inset,
    0 0 55px rgba(29,130,255,.07);
}

/* Performance boost for long pages */
@supports (content-visibility:auto){
  .service-card-v3,
  .content-card-v3,
  .category-card-v3,
  .card,
  .offline-feature-card,
  .custom-feature-card{
    content-visibility:auto;
    contain-intrinsic-size:280px;
  }
}

/* ---------- Service cards ---------- */
.service-icon-v3,
.category-icon,
.custom-feature-icon,
.empty-library-icon{
  box-shadow:
    inset 0 1px rgba(255,255,255,.06),
    0 16px 36px rgba(0,0,0,.16);
}

.service-arrow,
.category-go{
  transition:transform .25s var(--v10-ease-spring),border-color .25s ease,background .25s ease;
}

.service-card-v3:hover .service-arrow,
.category-card-v3:hover .category-go{
  transform:translateX(3px);
  border-color:rgba(61,211,255,.36);
  background:rgba(40,217,255,.06);
}

/* ---------- Dashboard / story ---------- */
.bento-main{
  align-items:stretch;
}

.bento-story,
.bento-dashboard{
  box-shadow:var(--v10-shadow-md);
}

.story-list>div{
  transition:transform .24s var(--v10-ease),border-color .24s ease,background .24s ease;
}

.story-list>div:hover{
  transform:translateX(5px);
  border-color:rgba(68,203,255,.29);
  background:rgba(40,217,255,.035);
}

.dash-graph span{
  transform-origin:bottom;
  animation:v10Bars 1.2s var(--v10-ease-spring) both;
}

.dash-graph span:nth-child(2){animation-delay:.05s}
.dash-graph span:nth-child(3){animation-delay:.1s}
.dash-graph span:nth-child(4){animation-delay:.15s}
.dash-graph span:nth-child(5){animation-delay:.2s}
.dash-graph span:nth-child(6){animation-delay:.25s}
.dash-graph span:nth-child(7){animation-delay:.3s}

@keyframes v10Bars{
  from{transform:scaleY(.05);opacity:.15}
  to{transform:scaleY(1);opacity:1}
}

/* ---------- Article / content readability ---------- */
.article{
  max-width:none;
}

.article>*{
  max-width:var(--v10-reading);
}

.article>h1,
.article>h2,
.article>h3,
.article>.notice,
.article>pre,
.article>table,
.article>figure,
.article>.wide{
  max-width:100%;
}

.article p,
.article li{
  font-size:clamp(15px,.92vw,18px);
  line-height:1.82;
}

.article h2{
  padding-top:.25em;
  scroll-margin-top:120px;
}

.article a:not(.btn){
  color:#79ddff;
  text-decoration:underline;
  text-decoration-color:rgba(121,221,255,.28);
  text-underline-offset:3px;
}

.article a:not(.btn):hover{
  color:#b9f0ff;
  text-decoration-color:currentColor;
}

.article blockquote{
  margin:26px 0;
  padding:18px 22px;
  border-left:4px solid var(--v10-cyan);
  border-radius:0 16px 16px 0;
  background:rgba(40,217,255,.055);
  color:#c7dff0;
}

.article pre{
  max-width:100%;
  overflow:auto;
  padding:20px;
  border:1px solid var(--v10-border);
  border-radius:16px;
  background:#020712;
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}

.article table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border:1px solid var(--v10-border);
  border-radius:16px;
}

.article th,
.article td{
  padding:12px 14px;
  border-bottom:1px solid var(--v10-border);
  text-align:left;
}

.article th{
  background:rgba(40,217,255,.06);
  color:#eaf8ff;
}

/* ---------- Tool interfaces ---------- */
.tool-shell{
  box-shadow:var(--v10-shadow-md);
}

.input,
.select,
.textarea{
  min-height:48px;
  border-color:rgba(120,190,255,.17);
  background:linear-gradient(180deg,rgba(5,18,39,.96),rgba(4,14,30,.96));
  box-shadow:inset 0 1px rgba(255,255,255,.025);
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}

.textarea{
  min-height:180px;
  resize:vertical;
}

.input:hover,
.select:hover,
.textarea:hover{
  border-color:rgba(111,195,255,.28);
}

.input:focus,
.select:focus,
.textarea:focus{
  border-color:rgba(43,211,255,.58);
  box-shadow:
    0 0 0 4px rgba(40,217,255,.07),
    0 12px 30px rgba(0,0,0,.16);
}

input[type="file"]{
  max-width:100%;
}

input::file-selector-button{
  border:0;
  margin-right:12px;
  padding:9px 13px;
  border-radius:10px;
  background:linear-gradient(135deg,#2ad6ff,#2c75ff);
  color:#03101f;
  font-weight:900;
  cursor:pointer;
}

.drop-zone,
.upload-zone,
.file-drop{
  position:relative;
  border:1px dashed rgba(73,202,255,.34);
  border-radius:20px;
  background:rgba(40,217,255,.035);
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}

.drop-zone:hover,
.upload-zone:hover,
.file-drop:hover,
.drop-zone.is-dragover,
.upload-zone.is-dragover,
.file-drop.is-dragover{
  border-color:rgba(73,215,255,.68);
  background:rgba(40,217,255,.065);
}

.notice{
  border-left-color:var(--v10-cyan);
  background:
    linear-gradient(90deg,rgba(40,217,255,.09),rgba(40,217,255,.025));
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}

.prompt-box{
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 16px 40px rgba(0,0,0,.16);
}

.copy-btn{
  backdrop-filter:blur(10px);
}

/* Generic progress/status classes for current and future tools */
.progress,
.progress-track{
  overflow:hidden;
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.04);
}
.progress>span,
.progress-bar{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--v10-cyan),var(--v10-blue));
  box-shadow:0 0 20px rgba(40,217,255,.25);
}
.status-success{color:#6be6b6}
.status-warning{color:#ffd073}
.status-error{color:#ff8d9a}

/* ---------- Offline forms ---------- */
.offline-hero-card{
  box-shadow:var(--v10-shadow-lg);
}

.doc-stack{
  filter:drop-shadow(0 24px 38px rgba(0,0,0,.20));
}

.doc-stack span:nth-child(3){
  overflow:hidden;
}

.doc-stack span:nth-child(3)::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.38) 50%,transparent 65%);
  transform:translateX(-130%);
  animation:v10DocShine 6s ease-in-out infinite;
}

@keyframes v10DocShine{
  0%,72%,100%{transform:translateX(-130%)}
  84%{transform:translateX(130%)}
}

.form-resource-card{
  min-height:245px;
}

.form-file-icon{
  position:relative;
  overflow:hidden;
}

/* ---------- Custom Page Studio ---------- */
.custom-hero{
  isolation:isolate;
}

.custom-hero::before{
  content:"";
  position:absolute;
  width:460px;
  height:460px;
  right:-180px;
  top:-240px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(43,153,255,.16),transparent 70%);
  pointer-events:none;
}

.custom-richtext{
  max-width:var(--v10-reading);
}

.custom-richtext p,
.custom-faq details>div{
  line-height:1.78;
}

.custom-faq summary{
  position:relative;
  padding-right:54px;
}

.custom-faq summary::after{
  content:"+";
  position:absolute;
  right:18px;
  top:50%;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  border:1px solid var(--v10-border);
  border-radius:9px;
  color:#82e4ff;
  transition:transform .24s ease,background .24s ease;
}

.custom-faq details[open] summary::after{
  content:"−";
  background:rgba(40,217,255,.07);
  transform:translateY(-50%) rotate(180deg);
}

/* ---------- CTA ---------- */
.cta-v3{
  isolation:isolate;
  border-color:rgba(79,199,255,.30);
  box-shadow:var(--v10-shadow-lg);
}

.cta-v3::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(115deg,rgba(255,255,255,.035),transparent 34%),
    radial-gradient(circle at 80% 20%,rgba(40,217,255,.11),transparent 32%);
}

/* ---------- Footer ---------- */
.site-footer-v3{
  background:
    radial-gradient(circle at 18% 0,rgba(31,104,255,.12),transparent 34%),
    radial-gradient(circle at 82% 8%,rgba(40,217,255,.06),transparent 28%),
    linear-gradient(180deg,#030711,#010309);
}

.footer-grid-v3{
  align-items:start;
}

.footer-brand-block p{
  line-height:1.75;
}

.footer-col a{
  position:relative;
  width:max-content;
  max-width:100%;
  transition:color .2s ease,transform .2s ease;
}

.footer-col a:hover{
  transform:translateX(3px);
  color:#dff6ff;
}

.social-link{
  isolation:isolate;
}

.social-link::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  opacity:0;
  box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 18px 42px currentColor;
  transition:opacity .2s ease;
}

.social-link:hover::after{
  opacity:.12;
}

.copyright-v3{
  min-height:62px;
  align-items:center;
}

/* ---------- Reveal system ---------- */
.reveal{
  will-change:opacity,transform;
  transition:
    opacity .72s var(--v10-ease),
    transform .72s var(--v10-ease);
}

.reveal.revealed{
  will-change:auto;
}

/* ---------- Empty states ---------- */
.empty-state,
.empty-library{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

.empty-state::before,
.empty-library::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:radial-gradient(circle at 50% 0,rgba(40,217,255,.075),transparent 48%);
}

/* ---------- Responsive architecture ---------- */
@media (min-width:1600px){
  :root{
    --page-gutter:clamp(36px,3.5vw,88px);
  }

  .hero-v3-grid{
    grid-template-columns:minmax(0,1.1fr) minmax(520px,.9fr);
  }

  .bento-services{
    gap:clamp(18px,1.2vw,28px);
  }

  .service-card-v3{
    min-height:clamp(310px,21vw,390px);
  }

  .content-grid-v3{
    gap:clamp(18px,1.2vw,28px);
  }
}

@media (min-width:2200px){
  :root{
    --page-gutter:clamp(52px,4.2vw,128px);
    --v10-section-space:clamp(90px,5vw,150px);
  }

  body{
    font-size:clamp(16px,.72vw,21px);
  }

  .hero-v3-grid{
    grid-template-columns:minmax(0,1.12fr) minmax(620px,.88fr);
  }

  .hero-v3 h1{
    font-size:clamp(76px,4.1vw,118px);
  }

  .hero-v3 p{
    font-size:clamp(18px,.92vw,25px);
  }

  .section-heading h2{
    font-size:clamp(50px,2.6vw,76px);
  }

  .service-card-v3 h3,
  .content-card-v3 h3{
    font-size:clamp(21px,1.1vw,30px);
  }
}

@media (max-width:1160px){
  .hero-v3{
    min-height:auto;
  }

  .hero-v3-grid{
    gap:42px;
  }

  .float-chip{
    transform:scale(.94);
  }
}

@media (max-width:1020px){
  .nav-premium{
    overscroll-behavior:contain;
  }

  .nav-premium.open{
    animation:v10MenuIn .28s var(--v10-ease-spring) both;
  }

  @keyframes v10MenuIn{
    from{opacity:0;transform:translateY(-10px) scale(.985)}
    to{opacity:1;transform:none}
  }

  .nav-premium>a{
    width:100%;
  }

  .nav-search-mobile{
    min-width:0!important;
  }
}

@media (max-width:900px){
  .hero-brand-stage{
    order:-1;
    min-height:430px;
  }

  .hero-v3-copy{
    text-align:center;
  }

  .hero-v3 p{
    margin-inline:auto;
  }

  .hero-actions,
  .trust-row{
    justify-content:center;
  }

  .bento-main{
    gap:18px;
  }

  .footer-grid-v3{
    gap:32px;
  }
}

@media (max-width:620px){
  :root{
    --v10-radius-lg:22px;
    --v10-section-space:56px;
  }

  body{
    background:
      radial-gradient(circle at 50% -8%,rgba(36,105,255,.17),transparent 24rem),
      linear-gradient(180deg,#020611 0%,#061225 52%,#02050d 100%);
  }

  .site-noise{
    display:none;
  }

  .nav-wrap{
    min-height:76px;
  }

  .brand-logo-shell{
    width:46px;
    height:46px;
  }

  .hero-v3{
    padding-top:48px;
    padding-bottom:48px;
  }

  .hero-brand-stage{
    min-height:350px;
  }

  .brand-emblem-wrap{
    width:min(84vw,310px);
  }

  .brand-halo{
    width:310px;
    height:310px;
  }

  .float-chip{
    max-width:155px;
    padding:9px 10px;
    border-radius:14px;
  }

  .float-chip b{
    font-size:11px;
  }

  .float-chip span,
  .float-chip small{
    font-size:9px;
  }

  .hero-actions .btn{
    flex:1 1 150px;
  }

  .metrics-grid div{
    padding:18px;
  }

  .metrics-grid strong{
    font-size:22px;
  }

  .page-hero-card,
  .bento-story,
  .bento-dashboard,
  .tool-shell,
  .article{
    border-radius:20px;
  }

  .page-hero-card{
    padding:26px 20px;
  }

  .article p,
  .article li{
    font-size:15px;
    line-height:1.75;
  }

  .form-grid{
    gap:10px;
  }

  .cta-v3{
    padding:25px 20px;
  }

  .copyright-v3{
    padding-block:16px;
  }
}

/* ---------- Touch devices: remove sticky hover behavior ---------- */
@media (hover:none){
  .card:hover,
  .service-card-v3:hover,
  .content-card-v3:hover,
  .category-card-v3:hover,
  .offline-feature-card:hover,
  .custom-feature-card:hover,
  .social-link:hover,
  .float-chip:hover{
    transform:none;
  }
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}

  *,
  *::before,
  *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    scroll-behavior:auto!important;
  }

  .reveal{
    opacity:1!important;
    transform:none!important;
  }
}

/* ---------- High contrast ---------- */
@media (prefers-contrast:more){
  :root{
    --v10-border:rgba(181,221,255,.34);
    --v10-border-strong:rgba(91,223,255,.72);
    --muted:#bed0e4;
  }

  .card,
  .article,
  .tool-shell,
  .service-card-v3,
  .content-card-v3,
  .category-card-v3{
    border-width:2px;
  }
}

/* ---------- Print safety ---------- */
@media print{
  :root{color-scheme:light}

  body{
    background:#fff!important;
    color:#111!important;
  }

  .site-header,
  .site-footer-v3,
  .nav-toggle,
  .nav-search,
  .site-noise,
  .float-chip,
  .hero-brand-stage,
  .cta-v3,
  .sidebar{
    display:none!important;
  }

  .container,
  .site-header .container,
  .site-footer-v3 .container{
    width:100%!important;
    margin:0!important;
  }

  .content-wrap{
    display:block!important;
    padding:0!important;
  }

  .article,
  .card,
  .tool-shell,
  .page-hero-card{
    color:#111!important;
    background:#fff!important;
    box-shadow:none!important;
    border:1px solid #bbb!important;
  }

  .article p,
  .article li,
  .article h1,
  .article h2,
  .article h3{
    color:#111!important;
  }

  a{
    color:#111!important;
    text-decoration:none!important;
  }
}

/* ---------- Defensive overflow fixes ---------- */
:where(.article,.tool-shell,.card,.content-card-v3,.service-card-v3,.custom-richtext){
  overflow-wrap:anywhere;
}

:where(pre,code,.prompt-box){
  max-width:100%;
}

iframe,video,canvas{
  max-width:100%;
}

/* End TUVIGRAM V10 Ultra Premium Experience Layer */