/* TikWid modern UI layer (2026) */
:root{--g:#2ee59d;--g2:#14b87a;--bg:#07090a;--card:rgba(255,255,255,.035);--bd:rgba(255,255,255,.08);--tx:#f5f7f6;--mu:#9ba3a0;--cyan:#2ee59d}
html{scroll-padding-top:90px}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:15px;line-height:1.6;background:var(--bg);color:var(--tx);-webkit-font-smoothing:antialiased;
 background-image:radial-gradient(900px 520px at 85% -10%,rgba(46,229,157,.13),transparent 60%),radial-gradient(700px 500px at -10% 30%,rgba(46,229,157,.06),transparent 60%)}
.shell{display:block;min-height:100vh}
.content{background:none;padding:0 clamp(18px,4vw,40px) 32px}
.content-inner{max-width:1180px}
.site-head{position:sticky;top:12px;z-index:50;display:flex;align-items:center;gap:20px;margin:12px 0 28px;padding:10px 12px 10px 18px;border:1px solid var(--bd);border-radius:18px;background:rgba(10,13,12,.62);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 10px 40px rgba(0,0,0,.35)}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;letter-spacing:-.02em}.brand img{width:30px;height:30px;border-radius:9px}
.top-nav{margin:0 auto;gap:4px;font-size:14px;font-weight:500;color:var(--mu)}.top-nav a{padding:8px 14px;border-radius:10px;transition:background .2s,color .2s}.top-nav a:hover{background:rgba(255,255,255,.06);color:#fff}
.head-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.lang{background:rgba(255,255,255,.05);border:1px solid var(--bd);border-radius:10px;padding:8px 10px;font-weight:600;font-size:13px;color:#e7ece9}
.lang option{background:#111}
.head-cta{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#07110c;font-weight:700;font-size:13.5px;padding:9px 15px;border-radius:11px;transition:transform .2s,box-shadow .2s}.head-cta:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(46,229,157,.25)}
.hero{min-height:560px;border:1px solid var(--bd);border-radius:28px;padding:64px clamp(26px,5vw,72px);background:radial-gradient(600px 400px at 85% 10%,rgba(46,229,157,.22),transparent 60%),radial-gradient(500px 360px at 10% 110%,rgba(20,184,122,.14),transparent 60%),linear-gradient(180deg,#0c1110,#080a0a);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 40px 120px -40px rgba(46,229,157,.18)}
.hero:before{border-color:rgba(46,229,157,.18);box-shadow:0 0 0 58px rgba(46,229,157,.035),0 0 0 120px rgba(46,229,157,.02)}
.hero:after{background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px) 0 0/100% 44px,linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px) 0 0/44px 100%;-webkit-mask:radial-gradient(ellipse at 70% 30%,#000,transparent 70%);mask:radial-gradient(ellipse at 70% 30%,#000,transparent 70%)}
.hero-logo{width:min(220px,70%);margin-bottom:28px}
.eyebrow{color:var(--g);letter-spacing:.12em;font-size:11.5px;font-weight:700;padding:6px 12px;border:1px solid rgba(46,229,157,.25);background:rgba(46,229,157,.07);border-radius:99px}.eyebrow:before{background:var(--g);box-shadow:0 0 10px var(--g)}
.hero h1{font-size:clamp(40px,5.6vw,72px);font-weight:800;letter-spacing:-.045em;line-height:1.04;margin:18px 0 18px;max-width:760px;background:linear-gradient(180deg,#fff 30%,#b9f5db);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:#b7c2be;font-size:17px;line-height:1.65;max-width:540px}
.download{background:linear-gradient(180deg,#46f0ad,#1fcf88);color:#04140c;font-weight:700;font-size:15px;padding:14px 22px;border-radius:14px;box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 14px 36px -10px rgba(46,229,157,.6)}.download:hover{background:linear-gradient(180deg,#5ff5bb,#2ee59d)}
.hero-note{color:#7f8b86;font-size:12.5px}
.hero-tags span{background:rgba(255,255,255,.04);border:1px solid var(--bd);color:#cfd8d4;font-weight:600;font-size:12px;padding:7px 12px;letter-spacing:0}
.preview{border-color:rgba(255,255,255,.12);border-radius:20px;background:rgba(12,15,14,.85);box-shadow:0 40px 90px rgba(0,0,0,.6),0 0 80px rgba(46,229,157,.15)}
.preview-nav b:first-child{background:rgba(46,229,157,.18);color:var(--g)}.preview-banner{border-color:rgba(46,229,157,.25);background:linear-gradient(110deg,#0d1311,#0f3b2a)}.preview-grid i:nth-child(2) b{color:var(--g)}
.story-section{padding-top:110px}
.story-kicker{color:var(--g)!important;font-size:12px;font-weight:700;letter-spacing:.14em}
.story-title{font-size:clamp(30px,3.6vw,46px);font-weight:800;letter-spacing:-.035em;line-height:1.1;max-width:760px}
.story-lead{color:var(--mu);font-size:17px;max-width:620px}
.feature-grid,.workflow{gap:16px}
.feature-card,.step,.price-card,.faq-list details{background:var(--card)!important;border:1px solid var(--bd)!important;border-radius:20px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .3s,background .3s}
.feature-card:hover,.step:hover{transform:translateY(-4px);border-color:rgba(46,229,157,.3)!important;background:rgba(46,229,157,.04)!important}
.feature-card h3,.step h3{font-size:18px;font-weight:700;letter-spacing:-.015em}.feature-card p,.step p{color:var(--mu);font-size:14.5px}
.feature-symbol{background:rgba(46,229,157,.1)!important;color:var(--g)!important;border:1px solid rgba(46,229,157,.2)!important;border-radius:12px!important}
.step-number{font-family:Inter,sans-serif!important;color:var(--g)!important;font-weight:800}
.pro-story{border-radius:28px!important;border:1px solid rgba(255,212,117,.22)!important;background:radial-gradient(500px 300px at 90% 0,rgba(255,212,117,.16),transparent 60%),linear-gradient(180deg,#14110b,#0b0a08)!important}
.pro-story h2{font-weight:800;letter-spacing:-.035em}
.price-card{padding:30px!important}.price-card.pro{border-color:rgba(255,212,117,.35)!important;background:radial-gradient(400px 220px at 100% 0,rgba(255,212,117,.14),transparent 60%),rgba(255,255,255,.03)!important}
.price-amount{font-size:44px;font-weight:800;letter-spacing:-.04em}
.section-head h2{font-size:clamp(28px,3vw,38px);font-weight:800;letter-spacing:-.03em}
.faq-list details{padding:4px 22px!important}.faq-list summary{font-weight:600;font-size:16px}.faq-list details p{color:var(--mu)}
.last-call{border-radius:28px!important;border:1px solid rgba(46,229,157,.25)!important;background:radial-gradient(600px 300px at 0 0,rgba(46,229,157,.18),transparent 60%),#0b0f0d!important;padding:44px!important}
.last-call h2{font-size:clamp(26px,3vw,38px);font-weight:800;letter-spacing:-.03em}
.footer{border-top:1px solid var(--bd);font-size:13px;color:#7f8b86;margin-top:72px}
a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--g);outline-offset:3px}
@media(max-width:900px){.site-head{gap:10px}.head-cta span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
@media(max-width:600px){.hero{padding:40px 22px;border-radius:22px}.brand span{display:none}.hero p{font-size:16px}.last-call{padding:28px!important}}
.head-cta span{}
.ic{width:20px;height:20px;flex:none;display:inline-block;vertical-align:middle}
.feature-symbol{display:grid!important;place-items:center;width:46px!important;height:46px!important}.feature-symbol .ic{width:24px;height:24px}
.preview.shot{margin:0;padding:0;min-height:0;transform:perspective(1200px) rotateY(-6deg) rotateX(2deg);transition:transform .6s cubic-bezier(.2,.7,.2,1)}.preview.shot:hover{transform:none}
.preview.shot img{display:block;width:100%;height:auto}
.hero{grid-template-columns:1fr 1.05fr}
@media(max-width:1000px){.hero{grid-template-columns:1fr}}
/* green consistency 2026-11-05 */
.last-call{border-color:rgba(46,229,157,.28)!important;background:radial-gradient(500px 300px at 85% 10%,rgba(46,229,157,.16),transparent 60%),linear-gradient(180deg,#0c1110,#080a0a)!important}.last-call p{color:#b7c2be!important}
.faq-list summary:after{color:var(--g)!important}