.page-intro{padding:76px 0 42px;text-align:center;background:radial-gradient(circle at 50% -40%,rgba(99,102,241,.22),transparent 62%)}.page-intro h1{font-size:clamp(38px,6vw,62px);line-height:1.04;letter-spacing:-.045em;max-width:900px;margin:16px auto}.page-intro .lead{max-width:760px;margin:auto}.narrow{max-width:820px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-card{padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);display:flex;flex-direction:column}.price-card.featured{border-color:var(--accent);background:linear-gradient(160deg,rgba(99,102,241,.15),var(--surface) 48%)}.price-card h2{font-size:24px;margin:14px 0 0}.price-card p{color:var(--muted)}.plan-label{font-size:12px;color:#c7d2fe;text-transform:uppercase;letter-spacing:.08em}.price{font-size:42px;font-weight:800;letter-spacing:-.04em;margin:10px 0}.clean-list{padding:0;list-style:none}.clean-list li{padding:8px 0;color:var(--muted);border-bottom:1px solid var(--border)}.clean-list li:before{content:"✓";color:var(--green);margin-right:9px}.price-card .button{margin-top:auto}.notice{margin-top:28px;padding:18px 20px;border:1px solid rgba(129,140,248,.36);background:rgba(129,140,248,.08);border-radius:10px;color:var(--muted)}.notice strong{color:var(--text)}.download-card{text-align:center;padding:40px;background:linear-gradient(150deg,rgba(99,102,241,.17),var(--surface));border:1px solid rgba(129,140,248,.4);border-radius:14px}.download-card h2{font-size:32px;margin:14px}.download-card p{color:var(--muted);max-width:580px;margin:0 auto 24px}.release-badge{display:inline-flex;padding:6px 10px;border-radius:7px;background:rgba(255,255,255,.06);font-size:13px;color:#c7d2fe}.download-facts{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:22px;color:var(--dim);font-size:14px}.spec-grid,.split-info{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--r)}table{border-collapse:collapse;width:100%;min-width:720px;background:var(--surface)}th,td{text-align:left;padding:15px 17px;border-bottom:1px solid var(--border)}th{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}td{color:var(--muted)}.accent-cell{color:#c7d2fe;font-weight:700}.top-gap{margin-top:24px}.support-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:48px}.action-card{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);transition:.2s}.action-card:hover{transform:translateY(-3px);border-color:var(--accent)}.action-card strong,.action-card span{display:block}.action-card span{color:var(--muted);margin-top:6px}.security-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.security-flow>div{padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r)}.security-flow span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:rgba(129,140,248,.14);color:#c7d2fe;font-weight:800;margin-bottom:16px}.security-flow strong{display:block}.security-flow p{color:var(--muted);font-size:14px}.release{padding:30px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r)}.release-head{display:flex;justify-content:space-between;gap:16px;color:var(--muted)}.release-head span{color:#c7d2fe;font-weight:800}.article .breadcrumbs{color:var(--dim);font-size:14px;margin-bottom:34px}.article .breadcrumbs a{color:#bfc4ff}.article h2{font-size:28px;margin-top:40px}.article p,.article li{color:var(--muted);font-size:17px}.article ol{padding-left:24px}.article .cards.two{grid-template-columns:1fr 1fr}.code-tree{padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:10px;font:15px/1.9 ui-monospace,Consolas,monospace;color:var(--muted)}.article-cta{margin-top:48px;padding:30px;background:linear-gradient(145deg,rgba(99,102,241,.16),rgba(94,159,232,.07));border:1px solid rgba(129,140,248,.35);border-radius:var(--r)}.article-cta h2{margin-top:0}
@media(max-width:900px){.plan-grid{grid-template-columns:1fr}.security-flow{grid-template-columns:1fr 1fr}}@media(max-width:720px){.page-intro{padding:56px 0 34px}.page-intro h1{font-size:38px}.spec-grid,.split-info,.support-actions,.article .cards.two{grid-template-columns:1fr}.security-flow{grid-template-columns:1fr}.download-card{padding:28px 20px}.price-card{padding:24px}.article h2{font-size:24px}}

/* Visual tutorial */
.tutorial-actions{justify-content:center}.visual-hero{padding-bottom:70px}.visual-hero .lead{max-width:780px;margin-inline:auto}.app-shot{position:relative;margin:48px auto 0;max-width:1100px;border:1px solid rgba(129,140,248,.4);border-radius:16px;background:#0d1119;box-shadow:0 30px 90px rgba(0,0,0,.45);overflow:hidden}.app-shot img{display:block;width:100%;height:auto}.guide-pin{position:absolute;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.24);border-radius:9px;background:rgba(11,13,18,.92);box-shadow:0 8px 24px rgba(0,0,0,.35);font-size:13px;font-weight:750;white-space:nowrap}.guide-pin b{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--accent);color:#fff}.pin-add{right:20%;top:2%}.pin-menu{left:1.5%;top:16%}.pin-filter{left:38%;top:31%}.pin-score{right:4%;bottom:4%}
.visual-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.visual-feature{min-height:245px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.visual-feature h3{font-size:20px;margin:22px 0 6px}.visual-feature p{margin:0;color:var(--muted)}.quality-demo{height:82px;display:flex;align-items:center;justify-content:center;gap:14px;background:linear-gradient(145deg,#171c26,#0f131b);border-radius:10px}.quality-demo span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;font-weight:800;border:4px solid}.quality-demo .good{color:#8ce7aa;border-color:#35b964}.quality-demo .normal{color:#ffe176;border-color:#c9a915}.quality-demo .bad{color:#ff9288;border-color:#d94c42}.search-demo{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#0e121a;border:1px solid rgba(129,140,248,.5);border-radius:10px;color:var(--muted)}.search-demo b{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:var(--accent);color:#fff;font-size:22px}.duplicate-demo{height:82px;position:relative}.duplicate-demo i{position:absolute;top:7px;width:100px;height:70px;border:2px solid var(--surface);border-radius:9px;background:linear-gradient(145deg,#5074a3,#26384f)}.duplicate-demo i:nth-child(1){left:13%;transform:rotate(-6deg)}.duplicate-demo i:nth-child(2){left:34%;background:linear-gradient(145deg,#718c58,#30472d)}.duplicate-demo i:nth-child(3){left:55%;transform:rotate(6deg);background:linear-gradient(145deg,#b17758,#513128)}.duplicate-demo strong{position:absolute;right:4%;top:0;padding:4px 7px;border-radius:6px;background:var(--green);color:#07140c;font-size:11px}.tag-demo{height:82px;display:flex;align-content:center;justify-content:center;gap:8px;flex-wrap:wrap}.tag-demo span{padding:7px 10px;border-radius:999px;background:rgba(129,140,248,.13);border:1px solid rgba(129,140,248,.35);color:#ced2ff;font-size:13px}.event-demo{height:82px;display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:8px;position:relative}.event-demo b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--surface-2);border:2px solid var(--accent)}.event-demo i{height:2px;background:var(--accent)}.event-demo span{position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);color:var(--muted);font-size:12px;white-space:nowrap}.folder-demo{height:82px;display:flex;flex-direction:column;font:13px/1.45 ui-monospace,Consolas,monospace;color:var(--muted)}.folder-demo span:first-child{color:var(--text)}.folder-demo em{align-self:flex-end;margin-top:-17px;color:#a8dbbc;font:12px/1.3 system-ui;font-style:normal}
.quick-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:18px;align-items:center}.quick-flow article{text-align:center;min-height:230px;padding:28px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);position:relative}.flow-number{position:absolute;left:14px;top:14px;color:var(--dim);font-weight:800}.flow-icon{display:grid;place-items:center;width:74px;height:74px;margin:0 auto 18px;border-radius:18px;background:rgba(129,140,248,.12);font-size:34px}.quick-flow h3{margin:0 0 8px}.quick-flow p{margin:0;color:var(--muted)}.quick-arrow{color:var(--accent);font-size:28px;font-style:normal}.safe-strip{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:22px;color:#a8dbbc;font-size:14px}
.menu-map{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.menu-map article{text-align:center;padding:20px 10px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.menu-map article>span{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 13px;border-radius:10px;background:rgba(129,140,248,.12);color:#c7d2fe;font-size:21px}.menu-map h3{font-size:15px;margin:0 0 5px}.menu-map p{margin:0;color:var(--dim);font-size:12px}
.task-routes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.task-routes article{text-align:center;padding:28px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r)}.route-icon{font-size:36px}.task-routes h3{font-size:21px;margin:10px 0 20px}.route-line{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.route-line span{padding:7px 9px;border-radius:7px;background:var(--surface-2);color:var(--muted);font-size:12px}.route-line b{color:var(--accent)}
.safety-visual{display:grid;grid-template-columns:1fr;gap:28px;max-width:1050px;margin:auto;padding:34px 38px;background:linear-gradient(145deg,rgba(114,188,143,.11),var(--surface));border:1px solid rgba(114,188,143,.3);border-radius:16px}.safety-visual>div:first-child{display:grid;grid-template-columns:58px 1fr;column-gap:18px;align-items:center}.safety-shield{display:grid;grid-row:1/3;place-items:center;width:52px;height:52px;border-radius:15px;background:rgba(114,188,143,.18);color:#a8dbbc;font-size:28px;font-weight:800}.safety-visual h2{margin:0;font-size:clamp(27px,3vw,38px);line-height:1.1}.safety-visual p{margin:6px 0 0;color:var(--muted)}.safety-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px}.safety-flow span{display:flex;align-items:center;justify-content:center;min-height:58px;padding:12px 14px;text-align:center;border:1px solid var(--border);border-radius:10px;background:rgba(11,13,18,.42);font-size:14px;font-weight:650}.safety-flow b{color:var(--green);font-size:18px}
@media(max-width:1000px){.visual-feature-grid{grid-template-columns:repeat(2,1fr)}.menu-map{grid-template-columns:repeat(4,1fr)}.guide-pin{font-size:11px;padding:6px 8px}.guide-pin b{width:19px;height:19px}.task-routes{grid-template-columns:1fr}.safety-visual{grid-template-columns:1fr}}
@media(max-width:720px){.tutorial-actions{align-items:stretch}.tutorial-actions .button{width:100%}.visual-hero{padding-bottom:48px}.app-shot{margin-top:30px;border-radius:10px}.guide-pin{display:none}.visual-feature-grid{grid-template-columns:1fr}.visual-feature{min-height:220px}.quick-flow{grid-template-columns:1fr}.quick-flow article{min-height:0}.quick-arrow{transform:rotate(90deg);text-align:center}.menu-map{grid-template-columns:repeat(2,1fr)}.safe-strip{align-items:flex-start;flex-direction:column;gap:8px}.safety-visual{padding:24px 20px;gap:22px}.safety-visual>div:first-child{grid-template-columns:48px 1fr;column-gap:13px}.safety-shield{width:44px;height:44px;font-size:23px}.safety-flow{grid-template-columns:1fr}.safety-flow b{transform:rotate(90deg);text-align:center;line-height:1}.safety-flow span{min-height:48px}.task-routes article{padding:24px 16px}}

/* Guides hub and long-form articles */
.guide-hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-hub-card{display:flex;flex-direction:column;min-height:285px;padding:26px;background:var(--surface);border:1px solid var(--border);border-radius:14px;transition:transform .2s,border-color .2s}.guide-hub-card:hover{transform:translateY(-4px);border-color:rgba(129,140,248,.6)}.guide-hub-card.featured{grid-column:span 2;background:linear-gradient(145deg,rgba(99,102,241,.16),var(--surface) 55%)}.guide-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:11px;background:rgba(129,140,248,.13);color:#c7d2fe;font-size:22px}.guide-hub-card small{margin-top:20px;color:#bfc4ff;text-transform:uppercase;letter-spacing:.06em}.guide-hub-card h2{font-size:23px;margin:8px 0}.guide-hub-card p{color:var(--muted);margin:0 0 20px}.guide-hub-card b{margin-top:auto;color:#c7d2fe}.article-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0}.article-summary div{padding:17px;background:var(--surface);border:1px solid var(--border);border-radius:9px}.article-summary strong{display:block;color:var(--text)}.article-summary span{color:var(--muted);font-size:14px}.answer-box{margin:26px 0;padding:22px;border-left:4px solid var(--accent);border-radius:0 10px 10px 0;background:rgba(129,140,248,.08)}.answer-box p{margin:0!important}.related-guides{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.related-guides a{padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:9px;color:var(--muted)}.related-guides a:hover{border-color:var(--accent);color:var(--text)}.article-byline{margin-top:42px;padding-top:20px;border-top:1px solid var(--border);color:var(--dim);font-size:14px}
@media(max-width:900px){.guide-hub-grid{grid-template-columns:1fr 1fr}.guide-hub-card.featured{grid-column:span 2}.article-summary,.related-guides{grid-template-columns:1fr}}
@media(max-width:640px){.guide-hub-grid{grid-template-columns:1fr}.guide-hub-card.featured{grid-column:auto}.guide-hub-card{min-height:0}}