.landing nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#f7f6ffeb;justify-content:space-between;align-items:center;height:64px;padding:0 5%;display:flex;position:fixed;top:0;left:0;right:0}.nav-brand{color:var(--accent);font-family:Plus Jakarta Sans,sans-serif;font-size:1.3rem;font-weight:800}.nav-links{align-items:center;gap:22px;display:flex}.nav-link{color:var(--ink2);font-size:.88rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--accent)}.nav-cta{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:9px 22px;font-family:Plus Jakarta Sans,sans-serif;font-size:.88rem;font-weight:600;text-decoration:none;transition:opacity .2s}.nav-cta:hover{opacity:.85}.hero{text-align:center;max-width:780px;margin:0 auto;padding:140px 5% 80px}.hero-badge{background:var(--surface);border:1px solid var(--border);color:var(--ink2);border-radius:50px;align-items:center;gap:6px;margin-bottom:24px;padding:5px 16px;font-size:.78rem;font-weight:500;display:inline-flex}.hero-badge span{background:var(--green);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.landing h1{letter-spacing:-.03em;margin-bottom:20px;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800;line-height:1.1}.landing h1 .grad{color:var(--accent)}.hero-sub{color:var(--ink2);max-width:520px;margin:0 auto 36px;font-size:1.1rem;font-weight:400;line-height:1.7}.hero-cta{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:16px 36px;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 30px #2544c04d}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 12px 40px #2544c066}.hero-sub2{color:var(--ink3);margin-top:14px;font-size:.78rem}.mockup-wrap{max-width:900px;margin:0 auto;padding:60px 5%}.mockup-device{background:var(--surface);border:1.5px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #2544c014}.mockup-bar{background:var(--bg);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:12px 20px;display:flex}.mockup-dot{border-radius:50%;width:10px;height:10px}.mockup-url{background:var(--surface);border:1px solid var(--border);color:var(--ink3);text-align:center;border-radius:6px;flex:1;max-width:240px;margin:0 auto;padding:4px 12px;font-size:.72rem}.mockup-body{min-height:380px;display:flex}.mockup-sidebar{border-right:1px solid var(--border);background:var(--bg);flex-shrink:0;width:200px;padding:20px 0}.mockup-brand{color:var(--accent);border-bottom:1px solid var(--border);margin-bottom:12px;padding:0 16px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;font-weight:800}.sb-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-bottom:6px;padding:0 16px;font-size:.6rem;font-weight:600}.sb-item{color:var(--ink2);cursor:pointer;align-items:center;gap:8px;padding:7px 16px;font-size:.78rem;display:flex}.sb-item.active{background:var(--surface);color:var(--accent);box-shadow:inset 3px 0 0 var(--accent);font-weight:500}.sb-item-dot{opacity:.5;background:currentColor;border-radius:50%;width:7px;height:7px}.sb-count{color:var(--accent);background:#2544c01a;border-radius:10px;margin-left:auto;padding:1px 7px;font-size:.65rem}.mockup-main{flex:1;padding:20px}.m-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.m-title{font-family:Plus Jakarta Sans,sans-serif;font-size:1.2rem;font-weight:700}.m-welcome{color:var(--ink2);margin-top:2px;font-size:.72rem}.m-add-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:7px 14px;font-size:.75rem;font-weight:600}.task-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:10px;overflow:hidden}.task-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 14px;display:flex}.task-row:last-child{border-bottom:none}.task-row.sub{background:#2544c005;border-left:2px solid #2544c033;padding-left:34px}.task-check{border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:16px;height:16px}.task-check.done{background:var(--green);border-color:var(--green);color:#fff;justify-content:center;align-items:center;font-size:9px;display:flex}.task-check.animated{animation:4s ease-in-out infinite taskCheckLoop;position:relative}.task-check.animated:after{content:"✓";color:#fff;opacity:0;justify-content:center;align-items:center;font-size:9px;animation:4s ease-in-out infinite taskCheckIconLoop;display:flex;position:absolute;inset:0}@keyframes taskCheckLoop{0%,55%{border-color:var(--border);background:0 0;transform:scale(1)}60%{transform:scale(1.15)}65%,88%{background:var(--green);border-color:var(--green);transform:scale(1)}95%,to{border-color:var(--border);background:0 0;transform:scale(1)}}@keyframes taskCheckIconLoop{0%,60%{opacity:0}65%,88%{opacity:1}93%,to{opacity:0}}.task-text{color:var(--ink);flex:1;font-size:.82rem}.task-text.done{color:var(--ink3);text-decoration:line-through}.task-pill{color:var(--accent);background:#2544c01a;border-radius:10px;padding:2px 7px;font-size:.6rem;font-weight:600}.task-due{color:var(--red);background:#c23b2f1a;border-radius:6px;padding:2px 7px;font-size:.6rem}.ai-bubble{border:1px solid var(--border);background:linear-gradient(135deg,#2544c00f,#2544c005);border-radius:10px;margin-top:10px;padding:10px 14px}.ai-label{color:var(--accent);letter-spacing:.05em;margin-bottom:4px;font-size:.6rem;font-weight:600}.ai-text{color:var(--ink2);font-size:.75rem;line-height:1.5}.ai-text-in{animation:.5s aiTextFadeIn}@keyframes aiTextFadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.ai-typing{align-items:center;gap:4px;height:16px;padding:2px 0;display:flex}.ai-typing span{background:var(--accent);opacity:.4;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite aiTypingBounce}.ai-typing span:nth-child(2){animation-delay:.15s}.ai-typing span:nth-child(3){animation-delay:.3s}@keyframes aiTypingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.problem{text-align:center;max-width:900px;margin:0 auto;padding:80px 5%}.section-label{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:.72rem;font-weight:600}.landing h2{letter-spacing:-.02em;margin-bottom:16px;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;line-height:1.2}.problem-sub{color:var(--ink2);max-width:560px;margin:0 auto;font-size:1rem;line-height:1.7}.compare-row{text-align:left;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px;display:grid}.compare-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px}.compare-card.bad{opacity:.6}.compare-card.good{border-color:#2544c04d;box-shadow:0 0 0 3px #2544c00f}.compare-title{align-items:center;gap:6px;margin-bottom:12px;font-size:.8rem;font-weight:600;display:flex}.compare-item{color:var(--ink2);align-items:center;gap:8px;margin-bottom:8px;font-size:.8rem;display:flex}.compare-item .icon{flex-shrink:0;font-size:.85rem}.features{max-width:900px;margin:0 auto;padding:80px 5%}.features-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;display:grid}.feat-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px}.feat-icon{margin-bottom:12px;font-size:1.6rem}.feat-title{color:var(--ink);margin-bottom:6px;font-size:.95rem;font-weight:600}.feat-desc{color:var(--ink2);font-size:.82rem;line-height:1.6}.themes{text-align:center;max-width:900px;margin:0 auto;padding:80px 5%}.themes-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:40px;display:grid}.theme-card{text-align:center;border:1px solid var(--border);border-radius:14px;padding:20px 14px}.theme-card.cat{background:linear-gradient(135deg,#fff0fa,#ffe4f6)}.theme-card.cyber{background:#0a0a00;border:1.5px solid #f5ff00;box-shadow:0 0 12px #f5ff0033}.theme-card.notion{background:linear-gradient(135deg,#f9f9f9,#efefef)}.theme-card.dog{background:linear-gradient(135deg,#fff5e8,#ffe8cc)}.theme-card.default{background:linear-gradient(135deg,#2544c01a,#2544c008)}.theme-card.rock{background:linear-gradient(135deg,#f2ece3,#e6dbca)}.theme-card.blossom{background:linear-gradient(135deg,#fff0f5,#ffe0ec)}.theme-card.forest{background:linear-gradient(135deg,#eaf7ee,#d9f0e0)}.theme-card.ocean{background:linear-gradient(135deg,#e7f5fc,#d3ecf8)}.theme-card.crimson{background:linear-gradient(135deg,#fdeceb,#f8d9d6)}.theme-card.pride{background:linear-gradient(90deg,#ff000014,#ff8c0014,#ffdc0014,#00c86414,#0064ff14,#9600ff14)}.theme-emoji{margin-bottom:8px;font-size:2rem}.theme-name{margin-bottom:4px;font-size:.82rem;font-weight:600}.theme-card.cyber .theme-name,.theme-card.cyber .theme-desc{color:#f5ff00!important}.theme-card.cyber .theme-name{text-shadow:0 0 8px #f5ff00cc;font-weight:700}.theme-card.cyber .theme-desc{opacity:1}.theme-desc{opacity:.7;font-size:.72rem}.theme-soon{color:var(--accent);background:#2544c01a;border-radius:10px;margin-top:6px;padding:2px 8px;font-size:.62rem;display:inline-block}.ai-section{max-width:900px;margin:0 auto;padding:80px 5%}.ai-card{background:linear-gradient(135deg,#14120f,#0f1530);border-radius:20px;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:40px;display:grid;position:relative;overflow:hidden}.ai-card:before{content:"";z-index:0;filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#7d97f259,#0000 70%);border-radius:50%;width:60%;height:60%;animation:14s ease-in-out infinite ambientDrift;position:absolute;top:-10%;left:-5%}.ai-left,.ai-chat{z-index:1;position:relative}@keyframes ambientDrift{0%,to{opacity:.55;transform:translate(-8%,-8%)scale(1)}50%{opacity:.85;transform:translate(10%,12%)scale(1.2)}}.ai-left h2{color:#fff;margin-bottom:12px}.ai-left p{color:#9aa3c9;margin-bottom:24px;font-size:.9rem;line-height:1.7}.ai-chips{flex-wrap:wrap;gap:8px;display:flex}.ai-chip{color:#9db0f5;background:#7d97f20f;border:1px solid #7d97f24d;border-radius:20px;padding:6px 14px;font-size:.75rem}.ai-chat{background:#ffffff0a;border:1px solid #7d97f226;border-radius:14px;padding:16px}.chat-msg{margin-bottom:12px}.chat-label{letter-spacing:.08em;margin-bottom:4px;font-size:.6rem;font-weight:600}.chat-label.ai{color:#7d97f2}.chat-label.user{color:#8f877c;text-align:right}.chat-bubble{border-radius:10px;max-width:90%;padding:10px 12px;font-size:.78rem;line-height:1.6}.chat-bubble.ai{color:#d4d0e8;background:#ffffff0f}.chat-bubble.user{color:#9db0f5;text-align:right;background:#7d97f233;margin-left:auto}.studio-section{max-width:900px;margin:0 auto;padding:80px 5%}.studio-card{background:linear-gradient(135deg,#071a1f,#0a2530);border-radius:20px;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:40px;display:grid;position:relative;overflow:hidden}.studio-card:before{content:"";z-index:0;filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#5fd9c44d,#0000 70%);border-radius:50%;width:55%;height:55%;animation:18s ease-in-out infinite ambientDrift;position:absolute;bottom:-12%;right:-6%}.studio-left,.studio-board{z-index:1;position:relative}.studio-left h2{color:#fff;margin-bottom:12px}.studio-left p{color:#8fb8bb;margin-bottom:24px;font-size:.9rem;line-height:1.7}.studio-chips{flex-wrap:wrap;gap:8px;display:flex}.studio-chip{color:#7fe3cf;background:#5fd9c40f;border:1px solid #5fd9c44d;border-radius:20px;padding:6px 14px;font-size:.75rem}.studio-board{background:#ffffff0a;border:1px solid #5fd9c426;border-radius:14px;padding:16px}.studio-board-head{letter-spacing:.08em;text-transform:uppercase;color:#5fd9c4;margin-bottom:12px;font-size:.6rem;font-weight:600}.studio-post{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:10px;margin-bottom:8px;padding:10px 12px}.studio-post:last-child{margin-bottom:0}.studio-post-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.studio-channel{border-radius:8px;padding:2px 8px;font-size:.65rem;font-weight:600}.studio-channel.ig{color:#ff8fb8;background:#ff8fb81f}.studio-channel.li{color:#6fb6ff;background:#6fb6ff1f}.studio-channel.tt{color:#5fd9c4;background:#5fd9c41f}.studio-status{border-radius:8px;padding:2px 8px;font-size:.62rem;font-weight:600}.studio-status.scheduled{color:#9db0f5;background:#7d97f21f}.studio-status.review{color:#ffc078;background:#ffc0781f}.studio-status.approved{color:#86efac;background:#86efac1f}.studio-post-title{color:#e4f5f2;margin-bottom:4px;font-size:.8rem}.studio-post-date{color:#6b9a97;font-size:.68rem}.pricing{text-align:center;max-width:700px;margin:0 auto;padding:80px 5%}.pricing-grid{text-align:left;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px;display:grid}.pricing-grid.solo{grid-template-columns:1fr;max-width:380px;margin-left:auto;margin-right:auto}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px}.pricing-card.pro{border-color:var(--accent);box-shadow:0 0 0 3px #2544c014}.pricing-badge{background:var(--accent);color:#fff;border-radius:20px;margin-bottom:16px;padding:3px 12px;font-size:.7rem;font-weight:600;display:inline-block}.pricing-plan{margin-bottom:6px;font-size:1rem;font-weight:700}.pricing-price{margin-bottom:20px}.pricing-price .amount{letter-spacing:-.03em;color:var(--accent);font-family:Plus Jakarta Sans,sans-serif;font-size:2.4rem;font-weight:300}.pricing-price .period{color:var(--ink3);font-size:.82rem}.pricing-price .yearly{color:var(--ink3);margin-top:2px;font-size:.75rem;display:block}.pricing-item{color:var(--ink2);align-items:center;gap:8px;margin-bottom:8px;font-size:.82rem;display:flex}.pricing-item .check{color:var(--green);font-size:.9rem}.pricing-item .cross{color:var(--ink3);font-size:.9rem}.pricing-btn{cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:20px;padding:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:.88rem;font-weight:600;transition:opacity .2s}.pricing-btn.free{background:var(--bg);border:1px solid var(--border);color:var(--ink)}.pricing-btn.pro-btn{background:var(--accent);color:#fff}.pricing-btn:hover{opacity:.85}.final-cta{text-align:center;max-width:600px;margin:0 auto;padding:80px 5% 100px}.final-cta h2{margin-bottom:16px}.final-cta p{color:var(--ink2);margin-bottom:36px;font-size:.95rem;line-height:1.7}.landing footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:28px 5%;display:flex}.footer-brand{color:var(--accent);font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;font-weight:800}.footer-links{flex-wrap:wrap;gap:18px;display:flex}.footer-links a{color:var(--ink2);font-size:.78rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent)}.footer-copy{color:var(--ink3);text-align:center;width:100%;margin-top:4px;font-size:.78rem}@media (width<=768px){.nav-link{display:none}.nav-links{gap:12px}.hero{padding:100px 5% 52px}.hero-sub{font-size:1rem}.hero-cta{justify-content:center;width:100%;padding:15px 24px}.mockup-wrap{padding:40px 5%}.mockup-sidebar{display:none}.mockup-body{min-height:300px}.problem,.features,.themes,.ai-section,.studio-section,.pricing{padding:56px 5%}.final-cta{padding:56px 5% 72px}.compare-row{grid-template-columns:1fr}.features-grid,.themes-grid{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr}.ai-card,.studio-card{grid-template-columns:1fr;gap:28px;padding:28px 22px}.landing footer{text-align:center;flex-direction:column;align-items:center;gap:14px}.footer-links{justify-content:center}.footer-copy{margin-top:0}}@media (width<=480px){.nav-cta{padding:8px 16px;font-size:.82rem}.hero{padding:90px 5% 44px}.landing h1{font-size:clamp(2rem,8vw,2.4rem)}.hero-sub{font-size:.95rem}.problem,.features,.themes,.ai-section,.studio-section,.pricing,.final-cta{padding:44px 5%}.final-cta{padding-bottom:60px}.features-grid{grid-template-columns:1fr}.ai-card,.studio-card{gap:22px;padding:22px 18px}.pricing-card{padding:22px 20px}.pricing-price .amount{font-size:2rem}}[data-reveal]{opacity:0;transition:opacity .7s cubic-bezier(.16,.8,.24,1),transform .7s cubic-bezier(.16,.8,.24,1);transform:translateY(24px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.stagger>[data-reveal]:first-child{transition-delay:0s}.stagger>[data-reveal]:nth-child(2){transition-delay:70ms}.stagger>[data-reveal]:nth-child(3){transition-delay:.14s}.stagger>[data-reveal]:nth-child(4){transition-delay:.21s}.stagger>[data-reveal]:nth-child(5){transition-delay:.28s}.stagger>[data-reveal]:nth-child(6){transition-delay:.35s}.stagger>[data-reveal]:nth-child(7){transition-delay:.42s}.stagger>[data-reveal]:nth-child(8){transition-delay:.49s}.stagger>[data-reveal]:nth-child(9){transition-delay:.56s}.stagger>[data-reveal]:nth-child(10){transition-delay:.63s}.stagger>[data-reveal]:nth-child(11){transition-delay:.7s}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transition:none;transform:none}.task-check.animated,.task-check.animated:after,.ai-card:before,.studio-card:before,.ai-typing span{animation:none}.task-check.animated:after{opacity:1}}.doc-header{border-bottom:1px solid var(--border);z-index:10;background:#fff;justify-content:space-between;align-items:center;padding:18px 32px;display:flex;position:sticky;top:0}.doc-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.logo-mark{background:var(--accent);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:800;display:flex}.logo-name{color:var(--accent);font-size:18px;font-weight:800}.back-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none}.back-btn:hover{opacity:.7}.doc-container{max-width:760px;margin:48px auto;padding:0 24px 80px}.page-title{color:var(--ink);letter-spacing:-.03em;margin-bottom:8px;font-size:2rem;font-weight:800}.page-meta{color:var(--ink3);margin-bottom:40px;font-size:13px}.doc-container h2{color:var(--ink);border-bottom:1px solid var(--border);margin:36px 0 12px;padding-bottom:8px;font-size:1.1rem;font-weight:700}.doc-container p{color:var(--ink);margin-bottom:12px;font-size:.95rem;line-height:1.8}.doc-container ul{margin-bottom:12px;padding-left:20px}.doc-container li{color:var(--ink);margin-bottom:4px;font-size:.95rem;line-height:1.8}.doc-container a{color:var(--accent)}.highlight-box{border:1px solid var(--border);background:#fff;border-radius:14px;margin:24px 0;padding:20px 24px}.highlight-box p{margin:0}.contact-box{text-align:center;background:linear-gradient(135deg,#2544c00f,#2544c005);border:1px solid #2544c026;border-radius:14px;margin-top:40px;padding:24px}.contact-box p{color:var(--ink2);margin-bottom:8px}.contact-box a{color:var(--accent);font-weight:600;text-decoration:none}.contact-box a:hover{opacity:.7}.doc-footer{text-align:center;border-top:1px solid var(--border);color:var(--ink3);margin-top:60px;padding-top:24px;font-size:12px}.doc-footer a{color:var(--accent);text-decoration:none}.doc-footer a:hover{opacity:.7}.security-grid{grid-template-columns:1fr 1fr;gap:16px;margin:20px 0;display:grid}.security-card{border:1px solid var(--border);background:#fff;border-radius:14px;padding:20px}.security-card .icon{margin-bottom:10px;font-size:24px}.security-card h3{color:var(--ink);margin-bottom:6px;font-size:.9rem;font-weight:700}.security-card p{color:var(--ink2);margin:0;font-size:.85rem;line-height:1.6}@media (width<=600px){.security-grid{grid-template-columns:1fr}.doc-header{padding:16px 20px}.doc-container{margin:32px auto}.page-title{font-size:1.6rem}}.guide-hero{border-bottom:1px solid var(--border);text-align:center;background:#fff;padding:56px 32px}.guide-hero-badge{background:var(--accent-soft);color:var(--accent);letter-spacing:.06em;text-transform:uppercase;border-radius:20px;margin-bottom:16px;padding:4px 14px;font-size:12px;font-weight:700;display:inline-block}.guide-hero h1{color:var(--ink);letter-spacing:-.04em;margin-bottom:12px;font-size:2.4rem;font-weight:800}.guide-hero p{color:var(--ink2);max-width:520px;margin:0 auto;font-size:1rem;line-height:1.7}.guide-layout{grid-template-columns:220px 1fr;align-items:start;gap:0;max-width:1080px;margin:0 auto;padding:48px 24px 80px;display:grid}.guide-nav{position:sticky;top:80px}.guide-nav-title{color:var(--ink3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;padding-left:12px;font-size:10px;font-weight:700}.guide-nav a{color:var(--ink2);border-left:2px solid #0000;border-radius:8px;margin-bottom:2px;padding:7px 12px;font-size:13px;text-decoration:none;transition:all .15s;display:block}.guide-nav a:hover{color:var(--accent);border-left-color:var(--accent);background:#fff}.guide-content{padding-left:40px}.guide-content .section{margin-bottom:56px;scroll-margin-top:90px}.section-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.section-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.section-icon.purple{background:#2544c01a}.section-icon.pink{background:#c23b2f1a}.section-icon.green{background:#22c55e1a}.section-icon.orange{background:#fbbf241a}.section-icon.blue{background:#0066cc1a}.section-icon.teal{background:#14b8a61a}.guide-content .section h2{color:var(--ink);font-size:1.3rem;font-weight:700}.guide-content .section h2 small{color:var(--ink3);margin-top:2px;font-size:13px;font-weight:400;display:block}.guide-content p{color:var(--ink);margin-bottom:12px;font-size:.95rem;line-height:1.8}.guide-content ul,.guide-content ol{margin-bottom:16px;padding-left:20px}.guide-content li{color:var(--ink);margin-bottom:6px;font-size:.95rem;line-height:1.8}.guide-content strong{color:var(--ink)}.guide-content h3{color:var(--ink);margin:24px 0 12px;font-size:1rem;font-weight:700}.steps{flex-direction:column;gap:12px;margin:16px 0;display:flex}.step{border:1px solid var(--border);background:#fff;border-radius:14px;align-items:flex-start;gap:16px;padding:16px 20px;display:flex}.step-num{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;font-size:13px;font-weight:700;display:flex}.step-body h4{color:var(--ink);margin-bottom:4px;font-size:.9rem;font-weight:700}.step-body p{color:var(--ink2);margin:0;font-size:.88rem}.feature-grid{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;display:grid}.feature-card{border:1px solid var(--border);background:#fff;border-radius:14px;padding:18px 20px}.feature-card .emoji{margin-bottom:8px;font-size:22px}.feature-card h4{color:var(--ink);margin-bottom:4px;font-size:.9rem;font-weight:700}.feature-card p{color:var(--ink2);margin:0;font-size:.85rem;line-height:1.6}.tips{flex-direction:column;gap:12px;margin:16px 0;display:flex}.tip{border:1px solid var(--border);border-left:3px solid var(--accent);background:#fff;border-radius:0 14px 14px 0;align-items:flex-start;gap:14px;padding:16px 20px;display:flex}.tip-emoji{flex-shrink:0;font-size:22px}.tip-body h4{color:var(--ink);margin-bottom:4px;font-size:.9rem;font-weight:700}.tip-body p{color:var(--ink2);margin:0;font-size:.88rem;line-height:1.6}.shortcuts{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;display:grid}.shortcut{border:1px solid var(--border);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.shortcut span{color:var(--ink2);font-size:13px}.kbd{background:var(--accent-soft);color:var(--accent);border:1px solid var(--border);border-radius:6px;padding:3px 8px;font-family:monospace;font-size:11px;font-weight:700}.cta-box{background:var(--accent);text-align:center;border-radius:20px;margin-top:48px;padding:40px}.cta-box h3{color:#fff;margin-bottom:10px;font-size:1.4rem;font-weight:800}.cta-box p{color:#fffc;margin-bottom:20px;font-size:.95rem}.cta-btn{color:var(--accent);background:#fff;border-radius:12px;padding:12px 28px;font-size:14px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-block}.cta-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #00000026}@media (width<=768px){.guide-layout{grid-template-columns:1fr}.guide-nav{display:none}.guide-content{padding-left:0}.feature-grid,.shortcuts{grid-template-columns:1fr}.guide-hero h1{font-size:1.8rem}}:root{--accent:#2544c0;--accent-soft:#2544c01a;--accent-glow:#2544c038;--ink:#29211f;--ink2:#837a6f;--ink3:#a79e90;--bg:#f7f3ee;--surface:#fff;--surface2:#f3f0ec;--surface3:#ebe7e1;--border:#ddd9d2;--border-hover:#cac5bd;--green:#2f8a5b;--red:#c23b2f;--orange:#c98a1e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif}a{color:inherit}.grad-text{color:var(--accent)}