.marketing-root{--accent-solid:#46b1c9;--accent-color:#5cbfd5;--accent-hover:#62bed3;--accent-contrast:#0a171c;--accent-glow:#46b1c929;--btn-fill:var(--accent-solid);--primary:var(--accent-solid);--primary-text:var(--accent-color);--accent-soft:color-mix(in srgb, var(--accent-solid) 12%, transparent);--accent-wash:color-mix(in srgb, var(--accent-solid) 14%, transparent);--accent-edge:color-mix(in srgb, var(--accent-solid) 38%, transparent);--ink-danger:color-mix(in srgb, var(--error) 68%, var(--text-primary));--ink-warning:color-mix(in srgb, var(--warning) 68%, var(--text-primary));--ink-success:color-mix(in srgb, var(--success) 68%, var(--text-primary));--ink-info:color-mix(in srgb, var(--info) 68%, var(--text-primary));--radius-card:var(--radius-lg);--radius-panel:var(--radius-xl);--radius-btn:var(--radius-md);--radius-chip:var(--radius-sm);--max-w:1180px;--header-h:68px;--ease-out:cubic-bezier(.16, 1, .3, 1);color:var(--text-primary)}html.mode-light .marketing-root{--accent-solid:#1f8299;--accent-color:#1b7388;--accent-hover:#196e82;--accent-contrast:#fff;--accent-glow:#1f829924;--btn-fill:var(--accent-color)}
@layer components{html:has(.marketing-root){scroll-behavior:smooth;scroll-padding-top:100px}.marketing-root{--landing-line:color-mix(in srgb, var(--accent-solid) 12%, var(--border-subtle));--landing-wash:color-mix(in srgb, var(--accent-solid) 4%, var(--bg-app));--landing-mint:var(--success);--landing-blue:var(--info);--landing-violet:var(--accent-color);background:var(--bg-app);min-height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;overflow:clip}.marketing-root *{box-sizing:border-box}.marketing-root ::selection{background:var(--accent-solid);color:var(--accent-contrast)}.marketing-root :focus-visible{outline:2px solid var(--accent-color);outline-offset:5px}.marketing-root button{cursor:pointer}.marketing-root button:disabled{cursor:default;opacity:.45}.marketing-root a{text-decoration:none}.marketing-root .container{width:100%;max-width:1240px;margin-inline:auto;padding-inline:40px}.marketing-root .section{padding-block:100px;scroll-margin-top:90px}.marketing-root .section-head{text-align:center;max-width:720px;margin:0 auto 52px}.marketing-root .section-kicker{letter-spacing:.16em;color:var(--accent-color);margin-bottom:20px;font-size:.67rem;font-weight:650}.marketing-root .h2{letter-spacing:-.055em;text-wrap:balance;font-size:clamp(2rem,4vw,3.3rem);font-weight:550;line-height:1.1}.marketing-root .h2 span{color:var(--text-secondary)}.marketing-root .h3{letter-spacing:-.025em;font-size:1.12rem;font-weight:600;line-height:1.4}.marketing-root .lead{color:var(--text-secondary);text-wrap:pretty;font-size:.95rem;line-height:1.8}.marketing-root .section-head .lead{margin-top:20px}.marketing-root .fine{color:var(--text-secondary);font-size:.75rem;line-height:1.7}.marketing-root .muted{color:var(--text-secondary)}.marketing-root .btn{min-height:48px;transition:transform .25s var(--ease-out), background .2s, box-shadow .2s;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:13px;padding:12px 22px;font-size:.82rem;font-weight:650;display:inline-flex}.marketing-root .btn-primary{background:var(--btn-fill);color:var(--accent-contrast);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text-primary) 15%, transparent), 0 4px 14px var(--accent-glow)}.marketing-root .btn-ghost{color:var(--text-primary);border-color:var(--border-default);background:var(--bg-panel)}.marketing-root .btn:active{transform:scale(.97)}.marketing-root .text-link{color:var(--text-primary);align-items:center;gap:9px;min-height:44px;font-size:.8rem;font-weight:600;display:inline-flex}.marketing-root .btn svg,.marketing-root .text-link svg{transition:transform .25s var(--ease-out);flex-shrink:0}.marketing-root .chip{color:var(--text-secondary);align-items:center;gap:9px;font-size:.73rem;display:flex}.marketing-root .landing-skip{z-index:100;background:var(--bg-panel);color:var(--text-primary);padding:12px 20px;position:fixed;top:-80px;left:16px}.marketing-root .landing-skip:focus{top:12px}.marketing-root .status-dot{background:var(--accent-solid);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.marketing-root .landing-header{z-index:50;border-bottom:1px solid #0000;height:76px;transition:background .25s,border-color .25s;position:fixed;inset:0 0 auto}.marketing-root .landing-header.is-scrolled{background:color-mix(in srgb, var(--bg-app) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-color:var(--landing-line)}.marketing-root .header-inner{justify-content:space-between;align-items:center;gap:24px;height:100%;display:flex}.marketing-root .landing-brand{color:var(--text-primary);letter-spacing:-.035em;align-items:center;gap:9px;font-size:1.04rem;font-weight:650;display:flex}.marketing-root .brand-period{color:var(--accent-color)}.marketing-root .desktop-nav{align-items:center;gap:28px;display:flex}.marketing-root .desktop-nav a,.marketing-root .header-login{color:var(--text-secondary);padding:14px 0;font-size:.76rem;position:relative}.marketing-root .desktop-nav a:after{content:"";bottom:7px;background:var(--accent-solid);height:2px;transition:transform .3s var(--ease-out);position:absolute;inset-inline:0;transform:scaleX(0)}.marketing-root .desktop-nav a[aria-current]:after{transform:scaleX(1)}.marketing-root .header-actions{align-items:center;gap:20px;display:flex}.marketing-root .header-cta{border-radius:9px;min-height:39px;padding:9px 15px;font-size:.75rem}.marketing-root .landing-theme-toggle,.marketing-root .mobile-menu-toggle{width:36px;height:44px;color:var(--text-secondary);place-items:center;display:grid}.marketing-root .mobile-menu-toggle,.marketing-root .mobile-menu{display:none}.marketing-root .premium-hero{background:radial-gradient(ellipse 50% 34% at 50% 80%, var(--accent-wash), transparent), linear-gradient(180deg, var(--landing-wash), var(--bg-app));padding-top:146px;padding-bottom:56px;position:relative}.marketing-root .hero-grid{pointer-events:none;opacity:.32;background-image:linear-gradient(var(--landing-line) 1px, transparent 1px), linear-gradient(90deg, var(--landing-line) 1px, transparent 1px);-webkit-mask-image:radial-gradient(ellipse 50% 55% at 50% 70%, var(--text-primary), transparent);mask-image:radial-gradient(ellipse 50% 55% at 50% 70%, var(--text-primary), transparent);background-size:72px 72px;position:absolute;inset:76px 0 0}.marketing-root .hero-copy{text-align:center;max-width:900px;margin:auto;position:relative}.marketing-root .hero-eyebrow{border:1px solid var(--landing-line);background:var(--bg-panel);color:var(--text-secondary);border-radius:100px;align-items:center;gap:10px;margin-bottom:25px;padding:8px 12px;font-size:.68rem;display:inline-flex}.marketing-root .hero-copy h1{text-wrap:balance;letter-spacing:-.07em;margin:0;font-size:clamp(3rem,5.4vw,4.75rem);font-weight:550;line-height:1.06}.marketing-root .hero-copy h1>span{display:block}.marketing-root .hero-copy em{color:var(--accent-color);font-style:normal}.marketing-root .hero-description{color:var(--text-secondary);max-width:510px;margin:25px auto 0;font-size:1rem;line-height:1.7}.marketing-root .hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:27px;display:flex}.marketing-root .hero-trial{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin-top:17px;font-size:.66rem;display:flex}.marketing-root .hero-trial svg{color:var(--accent-color)}.marketing-root .hero-product{max-width:1080px;transform:translateY(var(--hero-lift,0));margin:58px auto 0;position:relative}.marketing-root .hero-product-frame{border:1px solid var(--accent-edge);background:linear-gradient(135deg, var(--accent-soft), var(--bg-panel));box-shadow:var(--shadow-panel);border-radius:20px;padding:8px;position:relative}.marketing-root .hero-floating-note{background:var(--bg-card);border:1px solid var(--accent-edge);box-shadow:var(--shadow-lg);color:var(--text-secondary);border-radius:14px;align-items:center;gap:12px;padding:15px 20px;font-size:.67rem;display:flex;position:absolute;top:-24px;right:-24px;rotate:4deg}.marketing-root .hero-floating-note>svg{color:var(--accent-color)}.marketing-root .hero-floating-note strong{color:var(--text-primary);margin-top:4px;font-size:.75rem;font-weight:600;display:block}.marketing-root .hero-product-label{color:var(--text-secondary);justify-content:space-between;gap:15px;padding:20px 0 0;font-size:.6rem;display:flex}.marketing-root .hero-product-label>span:first-child{letter-spacing:.12em;font-size:.56rem}.marketing-root .demo-window{border:1px solid var(--border-default);background:var(--bg-app);border-radius:12px;overflow:hidden}.marketing-root .demo-chrome{background:var(--bg-shell);border-bottom:1px solid var(--border-subtle);height:37px;color:var(--text-secondary);justify-content:space-between;align-items:center;gap:14px;padding:0 17px;font-size:.58rem;display:flex}.marketing-root .demo-chrome>span{align-items:center;gap:6px;display:flex}.marketing-root .demo-traffic{min-width:95px}.marketing-root .demo-traffic i{border:1px solid var(--border-strong);border-radius:50%;width:7px;height:7px}.marketing-root .demo-sample{letter-spacing:.03em}.marketing-root .demo-shell{grid-template-columns:180px minmax(0,1fr);display:grid}.marketing-root .demo-sidebar{border-right:1px solid var(--border-subtle);background:var(--bg-shell);flex-direction:column;gap:6px;padding:24px 14px 16px;display:flex}.marketing-root .demo-brand{align-items:center;gap:8px;padding:0 7px 24px;font-size:.79rem;font-weight:600;display:flex}.marketing-root .demo-sidebar>span:not(.demo-nav-label){color:var(--text-secondary);border-radius:7px;align-items:center;gap:9px;padding:10px;font-size:.69rem;display:flex}.marketing-root .demo-sidebar .demo-nav-current{background:var(--accent-soft);color:var(--accent-color)!important}.marketing-root .demo-nav-label{letter-spacing:.1em;color:var(--text-secondary);padding:0 10px 6px;font-size:.5rem}.marketing-root .demo-sidebar-pet{text-align:center;margin:auto auto 15px;padding-top:28px}.marketing-root .demo-sidebar-pet p{color:var(--text-secondary);margin-top:7px;font-size:.6rem;line-height:1.6}.marketing-root .demo-profile{border-top:1px solid var(--border-subtle);align-items:center;gap:8px;padding-top:14px;font-size:.6rem;display:flex}.marketing-root .demo-profile>b{background:var(--accent-soft);color:var(--accent-color);border-radius:50%;padding:8px;font-size:.6rem}.marketing-root .demo-profile small{color:var(--text-secondary);margin-top:2px;font-size:.53rem;display:block}.marketing-root .demo-main{min-width:0;padding:25px}.marketing-root .demo-greeting{justify-content:space-between;align-items:center;gap:12px;display:flex}.marketing-root .demo-greeting p{letter-spacing:.12em;color:var(--text-secondary);margin-bottom:8px;font-size:.48rem}.marketing-root .demo-greeting h2{letter-spacing:-.04em;font-size:1.34rem;font-weight:550}.marketing-root .demo-greeting h2 span{color:var(--accent-color);margin-left:3px}.marketing-root .demo-greeting div>span{color:var(--text-secondary);margin-top:5px;font-size:.64rem;display:block}.marketing-root .demo-points{border:1px solid var(--border-default);font-variant-numeric:tabular-nums;border-radius:7px;align-items:center;gap:6px;padding:7px 10px;font-size:.7rem;display:flex}.marketing-root .demo-points>span{color:var(--text-secondary);font-size:.6rem}.marketing-root .demo-points svg{color:var(--accent-color)}.marketing-root .demo-toolbar{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:10px;margin:22px 0 18px;padding-bottom:12px;display:flex}.marketing-root .demo-tabs{gap:3px;display:flex}.marketing-root .demo-tabs button{min-height:36px;color:var(--text-secondary);border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:9px;font-size:.62rem;transition:color .2s,background .2s;display:flex}.marketing-root .demo-tabs button[aria-selected=true]{background:var(--accent-soft);color:var(--accent-color)}.marketing-root .demo-filter{align-items:center;display:flex;position:relative}.marketing-root .demo-filter select{appearance:none;max-width:115px;color:var(--text-secondary);background:var(--bg-panel);border:1px solid var(--border-default);cursor:pointer;border-radius:6px;padding:9px 26px 9px 10px;font-size:.6rem}.marketing-root .demo-filter svg{pointer-events:none;position:absolute;right:8px}.marketing-root .demo-panel[hidden]{display:none}.marketing-root .demo-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:17px;display:grid}.marketing-root .demo-stats>div{border:1px solid var(--border-subtle);background:var(--bg-panel);border-radius:9px;padding:14px;position:relative}.marketing-root .demo-stats svg{color:var(--accent-color);position:absolute;top:14px;right:12px}.marketing-root .demo-stats strong{letter-spacing:-.04em;font-size:1.5rem;font-weight:500;line-height:1.2;display:block}.marketing-root .demo-stats span{color:var(--text-secondary);margin-top:7px;font-size:.56rem;display:block}.marketing-root .demo-content{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:15px;display:grid}.marketing-root .demo-content--1,.marketing-root .demo-content--2{grid-template-columns:1fr}.marketing-root .demo-deadlines,.marketing-root .demo-courses{border:1px solid var(--border-subtle);background:var(--bg-panel);border-radius:9px;overflow:hidden}.marketing-root .demo-panel-heading{justify-content:space-between;align-items:center;gap:8px;padding:13px 13px 6px;display:flex}.marketing-root .demo-panel-heading h3{font-size:.7rem;font-weight:600}.marketing-root .demo-panel-heading>span,.marketing-root .demo-panel-heading>svg{color:var(--text-secondary);font-size:.5rem}.marketing-root .demo-deadlines ul{margin:0;padding:0 13px;list-style:none}.marketing-root .demo-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;padding:13px 0;display:flex}.marketing-root .demo-row:last-child{border-bottom:0}.marketing-root .demo-row>div{flex:1;min-width:0}.marketing-root .demo-row b{font-size:.65rem;font-weight:500;line-height:1.5;display:block}.marketing-root .demo-row div>span{color:var(--text-secondary);margin-top:3px;font-size:.5rem;display:block}.marketing-root .demo-row i{padding-inline:2px;font-style:normal}.marketing-root .demo-check{border:1px solid var(--border-strong);border-radius:6px;flex-shrink:0;place-items:center;width:20px;height:20px;display:grid;position:relative}.marketing-root .demo-check:after{content:"";position:absolute;inset:-10px}.marketing-root .demo-check[aria-pressed=true]{background:var(--btn-fill);color:var(--accent-contrast);border-color:var(--btn-fill)}.marketing-root .completed b{color:var(--text-secondary);text-decoration:line-through}.marketing-root .demo-date{color:var(--text-secondary);flex-shrink:0;font-size:.49rem}.marketing-root .demo-date.is-today{color:var(--ink-warning);background:color-mix(in srgb, var(--warning) 9%, transparent);border-radius:4px;padding:4px 6px}.marketing-root .demo-grade{color:var(--ink-success);font-size:.85rem;font-weight:600}.marketing-root .demo-task-footer{border-top:1px solid var(--border-subtle);min-height:35px;color:var(--text-secondary);justify-content:space-between;align-items:center;gap:6px;padding:5px 13px;font-size:.49rem;display:flex}.marketing-root .demo-task-footer button{align-items:center;gap:4px;min-height:30px;display:flex}.marketing-root .tone-mint{--course-tone:var(--landing-mint)}.marketing-root .tone-blue{--course-tone:var(--landing-blue)}.marketing-root .tone-violet{--course-tone:var(--landing-violet)}.marketing-root .course-icon{background:color-mix(in srgb, var(--course-tone) 10%, transparent);width:30px;height:32px;color:color-mix(in srgb, var(--course-tone) 65%, var(--text-primary));border-radius:7px;flex-shrink:0;place-items:center;display:grid}.marketing-root .demo-course{text-align:left;border-radius:6px;align-items:center;gap:8px;width:calc(100% - 20px);margin:5px 10px;padding:6px;transition:background .2s,transform .2s;display:flex}.marketing-root .demo-course>span:nth-child(2){flex:1}.marketing-root .demo-course b{font-size:.6rem;font-weight:500;display:block}.marketing-root .demo-course small{color:var(--text-secondary);margin-top:2px;font-size:.51rem;display:block}.marketing-root .demo-course>svg{color:var(--text-secondary)}.marketing-root .demo-status{color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:16px;font-size:.5rem;display:flex}.marketing-root .demo-status>span:first-child{align-items:center;gap:5px;display:flex}.marketing-root .demo-status .status-dot{width:4px;height:4px}.marketing-root .demo-status [role=status]{color:var(--accent-color)}.marketing-root .proof-strip{padding-block:40px}.marketing-root .proof-strip ul{justify-content:space-between;gap:20px}.marketing-root .bento-section{padding-top:80px}.marketing-root .section-intro{text-align:center;max-width:690px;margin:0 auto 35px}.marketing-root .section-intro .lead{margin-top:20px}.marketing-root .feature-section{background:var(--landing-wash);border-block:1px solid var(--landing-line)}.marketing-root .feature-tabs{border:1px solid var(--border-default);background:var(--bg-app);border-radius:13px;justify-content:center;gap:6px;width:fit-content;max-width:100%;margin:0 auto 40px;padding:5px;display:flex}.marketing-root .feature-tabs button{color:var(--text-secondary);border-radius:9px;align-items:center;gap:9px;padding:12px 20px;font-size:.75rem;transition:background .25s,color .25s;display:flex;position:relative}.marketing-root .feature-tabs button[aria-selected=true]{background:var(--bg-card);color:var(--accent-color);box-shadow:var(--shadow-sm)}.marketing-root .feature-scene{grid-template-columns:.65fr 1.65fr;align-items:center;gap:42px;min-height:420px;display:grid}.marketing-root .feature-description h3{letter-spacing:-.045em;margin-bottom:18px;font-size:1.75rem;font-weight:500;line-height:1.2}.marketing-root .feature-description .lead{font-size:.86rem}.marketing-root .feature-description .text-link{margin-top:20px}.marketing-root .feature-preview{background:var(--bg-panel);border:1px solid var(--border-default);border-radius:15px;min-width:0;padding:7px}.marketing-root .preview-label{text-align:center;color:var(--text-secondary);padding:12px 6px 5px;font-size:.57rem}.marketing-root .rewards-layout{grid-template-columns:1fr 1fr;align-items:center;gap:100px;display:grid}.marketing-root .rewards-copy .lead{margin-top:23px}.marketing-root .rewards-focus{color:var(--text-secondary);margin-top:14px;font-size:.82rem;line-height:1.8}.marketing-root .rewards-copy .text-link{margin-top:18px}.marketing-root .companion-stage{border:1px solid var(--accent-edge);background:radial-gradient(ellipse at 50% 50%, var(--accent-wash), transparent), var(--bg-panel);border-radius:24px;padding:24px}.marketing-root .companion-title{color:var(--text-secondary);justify-content:space-between;gap:10px;font-size:.62rem;display:flex}.marketing-root .companion-title>span:last-child{color:var(--accent-color)}.marketing-root .companion-art{justify-content:center;align-items:center;height:190px;display:flex;position:relative}.marketing-root .companion-ground{border:1px solid var(--accent-edge);background:var(--accent-soft);border-radius:50%;width:150px;height:28px;position:absolute;bottom:22px}.marketing-root .companion-art>span{z-index:1}.marketing-root .companion-name{text-align:center}.marketing-root .companion-name h3{font-size:1.3rem;font-weight:550}.marketing-root .companion-name span{color:var(--text-secondary);font-size:.7rem}.marketing-root .companion-options{justify-content:center;gap:12px;margin-top:25px;display:flex}.marketing-root .companion-options button{border:1px solid var(--border-default);background:var(--bg-card);border-radius:10px;place-items:center;width:56px;height:50px;display:grid}.marketing-root .companion-options button[aria-pressed=true]{border-color:var(--accent-solid);background:var(--accent-soft)}.marketing-root .reward-rules{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(6,1fr);gap:20px;margin:50px 0 0;padding:25px 0 0;list-style:none;display:grid}.marketing-root .reward-rules strong{letter-spacing:-.04em;color:var(--accent-color);font-size:1.5rem;font-weight:500;display:block}.marketing-root .reward-rules span{color:var(--text-secondary);margin-top:6px;font-size:.64rem;line-height:1.5;display:block}.marketing-root .setup-section{background:var(--landing-wash);border-block:1px solid var(--landing-line)}.marketing-root .setup-steps{grid-template-columns:repeat(3,1fr);gap:40px;margin:0;padding:0;list-style:none;display:grid;position:relative}.marketing-root .setup-steps:before,.marketing-root .setup-steps:after{content:"";top:178px;background:var(--border-default);height:1px;position:absolute;inset-inline:0}.marketing-root .setup-steps:after{background:var(--accent-solid);transform-origin:0;transform:scaleX(var(--setup-progress,0))}.marketing-root .setup-illustration{border:1px solid var(--landing-line);background:var(--bg-panel);height:145px;color:var(--accent-color);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex}.marketing-root .setup-illustration span{color:var(--text-secondary);font-size:.63rem}.marketing-root .setup-step-title{align-items:center;gap:13px;padding-top:51px;display:flex}.marketing-root .setup-step-title b{color:var(--accent-color);font-size:.64rem;font-weight:500}.marketing-root .setup-step-title h3{letter-spacing:-.03em;font-size:1.05rem;font-weight:550}.marketing-root .setup-steps .lead{margin-top:12px;font-size:.82rem}.marketing-root .setup-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:25px;margin-top:40px;display:flex}.marketing-root .privacy-layout{grid-template-columns:1fr 1fr;gap:100px;display:grid}.marketing-root .privacy-seal{color:var(--accent-color);margin-bottom:28px}.marketing-root .privacy-intro .lead{margin-top:20px}.marketing-root .privacy-intro .text-link{margin-top:18px}.marketing-root .privacy-principles{gap:25px;display:grid}.marketing-root .privacy-principles>div{border-bottom:1px solid var(--border-subtle);padding-bottom:22px}.marketing-root .privacy-principles .lead{margin-top:9px;font-size:.8rem}.marketing-root .pricing-section{background:var(--landing-wash);border-block:1px solid var(--landing-line)}.marketing-root .pricing-layout{grid-template-columns:1fr 1fr;align-items:center;gap:100px;display:grid}.marketing-root .pricing-story>.lead{margin-top:24px}.marketing-root .pricing-free{align-items:center;gap:25px;margin-top:30px;display:flex}.marketing-root .pricing-free>span{color:var(--accent-color);letter-spacing:-.09em;font-size:7rem;font-weight:400;line-height:1}.marketing-root .pricing-free p{font-size:1.1rem;line-height:1.35}.marketing-root .pricing-free small{color:var(--text-secondary);margin-top:10px;font-size:.7rem;display:block}.marketing-root .pricing-card{border:1px solid var(--accent-edge);background:var(--bg-panel);box-shadow:var(--shadow-panel);border-radius:22px;padding:35px}.marketing-root .pricing-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.marketing-root .pricing-heading h3{font-size:1rem;font-weight:600}.marketing-root .pricing-heading>span{color:var(--accent-color);background:var(--accent-soft);border-radius:100px;padding:6px 9px;font-size:.6rem}.marketing-root .pricing-amount{letter-spacing:-.07em;margin:28px 0 6px;font-size:4.5rem;font-weight:500;line-height:1}.marketing-root .pricing-amount>span{letter-spacing:0;color:var(--text-secondary);margin-left:7px;font-size:.85rem}.marketing-root .pricing-card>.muted{font-size:.75rem}.marketing-root .pricing-card ul{border-top:1px solid var(--border-subtle);gap:13px;margin:25px 0;padding:25px 0 0;list-style:none;display:grid}.marketing-root .pricing-card li{color:var(--text-secondary);align-items:flex-start;gap:10px;font-size:.76rem;line-height:1.6;display:flex}.marketing-root .pricing-card li svg{color:var(--accent-color);flex-shrink:0;margin-top:2px}.marketing-root .pricing-card .btn{width:100%}.marketing-root .pricing-card .fine{margin-top:16px;font-size:.65rem}.marketing-root .faq-layout{grid-template-columns:1fr 1.4fr;gap:80px;display:grid}.marketing-root .faq-layout>div>.lead{margin-top:23px}.marketing-root .faq-list details{border-bottom:1px solid var(--border-default)}.marketing-root .faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:.88rem;font-weight:500;list-style:none;display:flex}.marketing-root .faq-list summary::-webkit-details-marker{display:none}.marketing-root .faq-list summary svg{color:var(--accent-color);flex-shrink:0;transition:rotate .25s}.marketing-root .faq-list details[open] summary svg{rotate:45deg}.marketing-root .faq-list details>div{padding:0 25px 24px 0}.marketing-root .faq-list .lead{font-size:.82rem}.marketing-root .final-section{padding-top:0}.marketing-root .final-panel{border:1px solid var(--accent-edge);background:radial-gradient(ellipse at 50% 100%, var(--accent-wash), transparent), var(--bg-panel);text-align:center;border-radius:26px;padding:75px 30px;position:relative;overflow:hidden}.marketing-root .final-panel>:not(.final-orbits){position:relative}.marketing-root .final-panel h2{letter-spacing:-.065em;font-size:clamp(3rem,6vw,5rem);font-weight:500;line-height:1.05}.marketing-root .final-panel h2 span{color:var(--accent-color)}.marketing-root .final-panel .lead{margin-top:23px}.marketing-root .final-panel .btn{margin-top:28px}.marketing-root .final-panel .fine{margin-top:18px;font-size:.65rem}.marketing-root .final-orbits{pointer-events:none;position:absolute;inset:0}.marketing-root .final-orbits i{border:1px solid var(--landing-line);border-radius:50%;width:850px;height:850px;position:absolute;top:100%;left:50%;transform:translate(-50%,-50%)}.marketing-root .final-orbits i:nth-child(2){width:1100px;height:1100px}.marketing-root .final-orbits i:nth-child(3){width:1350px;height:1350px}.marketing-root footer{background:var(--landing-wash)}.marketing-root .reveal{opacity:1;transform:none}@keyframes spritePlay{0%{background-position-x:0}to{background-position-x:var(--sprite-end)}}@media (hover:hover){.marketing-root .btn:hover{transform:translateY(-2px)}.marketing-root .btn-primary:hover{box-shadow:0 8px 25px var(--accent-glow)}.marketing-root .btn:hover svg,.marketing-root .text-link:hover svg{transform:translate(3px)}.marketing-root .desktop-nav a:hover,.marketing-root .header-login:hover{color:var(--text-primary)}.marketing-root .demo-course:hover{background:var(--bg-card-hover);transform:translate(2px)}}@media (max-width:1100px){.marketing-root .desktop-nav{gap:18px}.marketing-root .header-actions{gap:12px}.marketing-root .demo-shell{grid-template-columns:145px minmax(0,1fr)}.marketing-root .demo-sidebar{padding-inline:9px}.marketing-root .demo-brand{font-size:.66rem}.marketing-root .demo-main{padding:20px}.marketing-root .demo-content{grid-template-columns:1fr}.marketing-root .demo-courses{display:none}.marketing-root .rewards-layout,.marketing-root .privacy-layout,.marketing-root .pricing-layout{gap:60px}.marketing-root .feature-scene{grid-template-columns:1fr 1.6fr;gap:30px}}@media (max-width:899px){.marketing-root .desktop-nav,.marketing-root .header-login{display:none}.marketing-root .mobile-menu-toggle{display:grid}.marketing-root .header-actions{gap:10px}.marketing-root .mobile-menu{visibility:hidden;transition:grid-template-rows .35s var(--ease-out), visibility .35s;background:var(--bg-shell);border-bottom:1px solid #0000;grid-template-rows:0fr;display:grid}.marketing-root .mobile-menu.is-open{visibility:visible;border-color:var(--border-default);box-shadow:var(--shadow-md);grid-template-rows:1fr}.marketing-root .mobile-menu>nav{flex-direction:column;min-height:0;display:flex;overflow:hidden}.marketing-root .mobile-menu nav>a:not(.btn){color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 0;font-size:.9rem;display:flex}.marketing-root .mobile-menu .btn{margin-block:18px}.marketing-root .container{padding-inline:28px}.marketing-root .section{padding-block:80px}.marketing-root .premium-hero{padding-top:130px}.marketing-root .hero-floating-note{right:5px}.marketing-root .proof-strip ul{grid-template-columns:1fr 1fr;display:grid}.marketing-root .feature-scene{grid-template-columns:1fr;gap:28px;min-height:600px}.marketing-root .feature-description{text-align:center;max-width:600px;margin:auto}.marketing-root .feature-description h3{margin-bottom:12px;font-size:1.5rem}.marketing-root .feature-description .text-link{margin-top:10px}.marketing-root .rewards-layout,.marketing-root .pricing-layout,.marketing-root .privacy-layout,.marketing-root .faq-layout{gap:40px}.marketing-root .reward-rules{grid-template-columns:repeat(3,1fr);gap:25px}.marketing-root .setup-steps{gap:20px}.marketing-root .setup-illustration span{text-align:center;padding-inline:8px;font-size:.58rem}.marketing-root .pricing-card{padding:25px}}@media (max-width:600px){.marketing-root .container{padding-inline:20px}.marketing-root .section{padding-block:64px}.marketing-root .section-head{margin-bottom:32px}.marketing-root .h2{font-size:2.15rem}.marketing-root .section-kicker{margin-bottom:16px;font-size:.58rem}.marketing-root .landing-header{height:66px}.marketing-root .landing-brand{font-size:.9rem}.marketing-root .landing-brand svg{width:25px;height:25px}.marketing-root .header-cta{display:none}.marketing-root .header-actions{gap:8px}.marketing-root .premium-hero{padding-top:112px;padding-bottom:32px}.marketing-root .hero-eyebrow{gap:7px;margin-bottom:23px;padding:8px 10px;font-size:.58rem}.marketing-root .hero-eyebrow>svg{display:none}.marketing-root .hero-copy h1{letter-spacing:-.065em;font-size:clamp(2.55rem,9.9vw,3.8rem);line-height:1.07}.marketing-root .hero-description{max-width:350px;margin-top:20px;font-size:.87rem;line-height:1.75}.marketing-root .desktop-break{display:none}.marketing-root .hero-actions{gap:9px;margin-top:23px}.marketing-root .hero-actions .btn{gap:8px;padding-inline:16px;font-size:.76rem}.marketing-root .hero-trial{gap:6px;font-size:.56rem;line-height:1.6}.marketing-root .hero-product{margin-top:38px;transform:none}.marketing-root .hero-product-frame{border-radius:15px;padding:5px}.marketing-root .hero-floating-note{display:none}.marketing-root .hero-product-label{text-align:center;justify-content:center;padding-top:16px;font-size:.51rem;line-height:1.7}.marketing-root .hero-product-label>span:first-child{display:none}.marketing-root .demo-chrome{height:32px;padding-inline:12px;font-size:.5rem}.marketing-root .demo-traffic{gap:4px;min-width:0}.marketing-root .demo-traffic i{width:5px;height:5px}.marketing-root .demo-shell{display:block}.marketing-root .demo-sidebar{display:none}.marketing-root .demo-main{padding:18px 13px 14px}.marketing-root .demo-greeting h2{font-size:1.08rem}.marketing-root .demo-greeting p{font-size:.41rem}.marketing-root .demo-greeting div>span{font-size:.58rem}.marketing-root .demo-points{gap:4px;padding:6px;font-size:.59rem}.marketing-root .demo-points svg{width:12px}.marketing-root .demo-points>span{display:none}.marketing-root .demo-toolbar{flex-wrap:wrap;gap:10px;margin:15px 0 13px;padding-bottom:10px}.marketing-root .demo-tabs{grid-template-columns:repeat(3,1fr);width:100%;display:grid}.marketing-root .demo-tabs button{gap:5px;min-height:40px;font-size:.6rem}.marketing-root .demo-filter{width:100%}.marketing-root .demo-filter select{width:100%;max-width:none;min-height:42px;padding:9px;font-size:16px}.marketing-root .demo-stats{gap:6px;margin-bottom:12px}.marketing-root .demo-stats>div{padding:10px 8px}.marketing-root .demo-stats svg{width:13px;top:11px;right:8px}.marketing-root .demo-stats strong{font-size:1.3rem}.marketing-root .demo-stats span{font-size:.48rem}.marketing-root .demo-panel{min-height:325px}.marketing-root .demo-panel-heading{padding:13px 10px 6px}.marketing-root .demo-panel-heading h3{font-size:.71rem}.marketing-root .demo-deadlines ul{padding-inline:10px}.marketing-root .demo-row{gap:9px;padding-block:14px}.marketing-root .demo-row b{font-size:.64rem}.marketing-root .demo-row div>span{font-size:.5rem}.marketing-root .demo-date{font-size:.48rem}.marketing-root .demo-check{width:19px;height:19px}.marketing-root .demo-task-footer{padding-inline:10px;font-size:.47rem}.marketing-root .demo-task-footer button{min-height:40px}.marketing-root .demo-status{margin-top:12px;font-size:.48rem;line-height:1.6}.marketing-root .proof-strip{padding-block:32px}.marketing-root .proof-strip ul{gap:17px 12px}.marketing-root .proof-strip .chip{align-items:flex-start;font-size:.62rem;line-height:1.6}.marketing-root .proof-strip .chip svg{flex-shrink:0;margin-top:2px}.marketing-root .bento-section{padding-top:45px}.marketing-root .feature-tabs{gap:3px;width:100%;margin-bottom:28px}.marketing-root .feature-tabs button{flex-direction:column;flex:1;gap:7px;padding:10px 5px;font-size:.57rem}.marketing-root .feature-tabs button svg{width:17px}.marketing-root .feature-scene{align-content:start;min-height:560px}.marketing-root .feature-description{min-height:205px}.marketing-root .feature-description .lead{font-size:.83rem}.marketing-root .feature-preview{padding:5px}.marketing-root .rewards-layout,.marketing-root .privacy-layout,.marketing-root .pricing-layout,.marketing-root .faq-layout{grid-template-columns:1fr;gap:32px}.marketing-root .companion-stage{padding:22px}.marketing-root .reward-rules{grid-template-columns:repeat(3,1fr);gap:23px 12px;margin-top:30px}.marketing-root .reward-rules span{font-size:.6rem}.marketing-root .setup-steps{grid-template-columns:1fr;gap:35px;padding-left:27px}.marketing-root .setup-steps:before,.marketing-root .setup-steps:after{width:1px;height:auto;inset:0 auto 0 0}.marketing-root .setup-steps:after{transform-origin:top;transform:scaleY(var(--setup-progress,0))}.marketing-root .setup-step-title{padding-top:19px}.marketing-root .setup-illustration{height:125px}.marketing-root .setup-illustration span{font-size:.68rem}.marketing-root .setup-links{flex-direction:column;gap:12px;margin-top:30px}.marketing-root .privacy-seal{width:42px;height:42px;margin-bottom:20px}.marketing-root .pricing-free{margin-top:24px}.marketing-root .pricing-free>span{font-size:6rem}.marketing-root .pricing-card{padding:25px}.marketing-root .pricing-heading{flex-wrap:wrap}.marketing-root .pricing-amount{font-size:4.2rem}.marketing-root .faq-list summary{font-size:.82rem}.marketing-root .final-section{padding-top:0}.marketing-root .final-panel{border-radius:20px;padding:50px 22px}.marketing-root .final-panel h2{font-size:3rem}.marketing-root .final-panel .section-kicker{font-size:.52rem;line-height:1.8}.marketing-root .final-panel .lead{font-size:.85rem}.marketing-root .final-panel .fine{font-size:.58rem}}@media (max-width:350px){.marketing-root .container{padding-inline:15px}.marketing-root .hero-copy h1{font-size:2.4rem}.marketing-root .hero-actions .btn{padding-inline:12px;font-size:.7rem}.marketing-root .demo-main{padding-inline:10px}.marketing-root .demo-greeting h2{font-size:.98rem}.marketing-root .demo-row b{font-size:.59rem}.marketing-root .demo-date{font-size:.43rem}.marketing-root .demo-stats span{font-size:.44rem}}.marketing-root .demo-panel{min-height:330px}.marketing-root .demo-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.marketing-root .demo-board-column{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:9px;min-height:300px;padding:10px}.marketing-root .demo-board-column h3{align-items:center;gap:6px;margin-bottom:13px;font-size:.64rem;font-weight:500;display:flex}.marketing-root .demo-board-column h3 small{color:var(--text-secondary);margin-left:auto}.marketing-root .board-dot{background:var(--text-secondary);border-radius:50%;width:5px;height:5px}.marketing-root .board-dot--1{background:var(--warning)}.marketing-root .board-dot--2{background:var(--success)}.marketing-root .demo-board-card{background:var(--bg-card);border:1px solid var(--border-default);animation:landing-rise .35s var(--ease-out);border-radius:7px;margin-bottom:9px;padding:11px}.marketing-root .demo-board-card>span{color:var(--accent-color);font-size:.47rem}.marketing-root .demo-board-card b{margin-top:7px;font-size:.63rem;font-weight:500;line-height:1.5;display:block}.marketing-root .demo-board-card small{color:var(--text-secondary);margin-top:10px;font-size:.48rem;display:block}.marketing-root .demo-board-card button{background:var(--accent-soft);width:100%;min-height:32px;color:var(--accent-color);border-radius:5px;justify-content:center;align-items:center;gap:5px;margin-top:10px;font-size:.5rem;display:flex}@media (max-width:600px){.marketing-root .demo-panel{min-height:390px}.marketing-root .demo-board{grid-template-columns:1fr}.marketing-root .demo-board-column{min-height:0}.marketing-root .demo-board-column h3{margin-bottom:8px}.marketing-root .demo-board-card{grid-template-columns:1fr auto;gap:0 10px;display:grid}.marketing-root .demo-board-card b{grid-column:1;margin-top:3px}.marketing-root .demo-board-card small{display:none}.marketing-root .demo-board-card button{grid-area:1/2/3;min-height:40px;margin-top:0;padding:7px}}}.marketing-root .dashboard-capture{border:1px solid var(--border-default);background:var(--bg-app);text-align:left;border-radius:12px;width:100%;display:block;position:relative;overflow:hidden}.marketing-root .dashboard-capture img{width:100%;height:auto;display:block}.marketing-root .dashboard-capture .dashboard-capture-light,.marketing-root .dashboard-dialog-image .dashboard-capture-light,html.mode-light .marketing-root .dashboard-capture-dark{display:none}html.mode-light .marketing-root .dashboard-capture .dashboard-capture-light,html.mode-light .marketing-root .dashboard-dialog-image .dashboard-capture-light{display:block}.marketing-root .dashboard-expand{border:1px solid var(--accent-edge);background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-md);border-radius:8px;align-items:center;gap:7px;padding:9px 12px;font-size:.68rem;display:flex;position:absolute;bottom:15px;right:15px}.marketing-root .dashboard-dialog{border:1px solid var(--border-default);width:min(1500px,95vw);max-width:95vw;max-height:92dvh;color:var(--text-primary);background:var(--bg-app);box-shadow:var(--shadow-panel);border-radius:15px;margin:auto;padding:0;position:fixed;inset:0;overflow:auto}.marketing-root .dashboard-dialog::backdrop{background:color-mix(in srgb, var(--bg-app) 85%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.marketing-root .dashboard-dialog-bar{z-index:1;background:var(--bg-shell);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:8px 16px;font-size:.72rem;display:flex;position:sticky;top:0}.marketing-root .dashboard-dialog-bar button{place-items:center;width:44px;height:44px;display:grid}.marketing-root .dashboard-dialog-image{overflow:auto}.marketing-root .dashboard-dialog-image img{width:100%;height:auto;display:block}.marketing-root .canvas-connection{justify-content:center;align-items:center;gap:32px;max-width:720px;margin:0 auto;padding:32px;display:flex}.marketing-root .connection-identity{flex-direction:column;align-items:center;min-width:160px;display:flex}.marketing-root .connection-source-icon{width:68px;height:68px;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm);border-radius:21px;place-items:center;display:grid}.marketing-root .connection-identity strong{letter-spacing:-.02em;margin-top:17px;font-size:1.05rem;font-weight:600}.marketing-root .connection-identity>span:last-child{color:var(--text-secondary);margin-top:6px;font-size:.7rem}.marketing-root .connection-path{color:var(--accent-color);align-items:center;gap:10px;width:140px;margin-top:-50px;display:flex}.marketing-root .connection-path span{background:var(--accent-edge);flex:1;height:1px}.marketing-root .connection-explainer{text-align:center;color:var(--text-secondary);max-width:550px;margin:5px auto 0;font-size:.92rem;line-height:1.8}.marketing-root .connection-disclaimer{text-align:center;color:var(--text-secondary);margin:14px 0 50px;font-size:.65rem}.marketing-root .sample-playground{border:1px solid var(--border-default);background:var(--bg-panel);border-radius:14px;margin-top:40px;padding:18px}.marketing-root .sample-playground summary{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;min-height:36px;font-size:.85rem;list-style:none;display:flex}.marketing-root .sample-playground summary::-webkit-details-marker{display:none}.marketing-root .sample-playground summary>span{color:var(--accent-color);font-size:1.3rem}.marketing-root .sample-playground[open] summary>span{rotate:45deg}.marketing-root .sample-playground>p{margin:10px 0 20px}@media (max-width:600px){.marketing-root .canvas-connection{gap:10px;padding:8px 0 24px}.marketing-root .connection-identity{flex:1;min-width:0}.marketing-root .connection-identity strong{font-size:.9rem}.marketing-root .connection-identity>span:last-child{text-align:center;font-size:.58rem;line-height:1.6}.marketing-root .connection-path{flex-shrink:0;gap:0;width:40px}.marketing-root .connection-path span{display:none}.marketing-root .connection-path svg{margin:auto}.marketing-root .connection-explainer{font-size:.82rem}.marketing-root .connection-disclaimer{margin-bottom:30px;font-size:.6rem;line-height:1.7}.marketing-root .dashboard-expand{padding:8px;font-size:.6rem;bottom:8px;right:8px}.marketing-root .dashboard-dialog-image img{width:1000px;max-width:none}.marketing-root .sample-playground{padding:12px}.marketing-root .sample-playground summary{font-size:.75rem}}
.mock-stage{width:100%;max-width:1180px;margin-inline:auto;position:relative}.mock-crop-fade{background:linear-gradient(to bottom, transparent, var(--bg-app));pointer-events:none;height:140px;position:absolute;bottom:0;left:0;right:0}.app-window{width:var(--design-width,1180px);transform-origin:0 0;transform:scale(var(--mock-scale,1));border:1px solid var(--border-default);background:var(--bg-app);box-shadow:var(--shadow-md), 0 32px 64px -24px color-mix(in srgb, var(--bg-app) 70%, transparent);color:var(--text-primary);text-align:left;border-radius:22px;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}.app-window--crop{border-radius:22px 22px 0 0}.win-chrome{border-bottom:1px solid var(--border-subtle);background:var(--bg-shell);align-items:center;gap:16px;height:42px;padding-inline:16px;display:flex}.win-traffic{align-items:center;gap:7px;display:flex}.win-dot{background:var(--border-strong);border-radius:50%;width:11px;height:11px}.win-brand{color:var(--text-primary);align-items:center;gap:7px;margin-inline:auto;font-size:.8125rem;font-weight:600;display:flex}.win-url{border:1px solid var(--border-subtle);background:var(--bg-control);color:var(--text-muted);border-radius:999px;padding:3px 12px;font-size:.6875rem}.win-body{grid-template-columns:1fr;display:grid;overflow:hidden}.win-body--sidebar{grid-template-columns:220px 1fr;padding:12px 0 12px 12px}.win-content{min-width:0;padding:26px 28px;overflow:hidden}.win-body:not(.win-body--sidebar) .win-content{padding:24px}.app-window[data-compact=true] .win-body{grid-template-columns:1fr;padding:0}.app-window[data-compact=true] .win-content{padding:18px}.mock-tile{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.mock-tile--sm{border-radius:8px;width:30px;height:30px}.mock-tile--xs{border-radius:10px;width:32px;height:32px}.mock-tile--error{background:color-mix(in srgb, var(--error) 10.4%, transparent);color:var(--error)}.mock-tile--warning{background:color-mix(in srgb, var(--warning) 12%, transparent);color:var(--warning)}.mock-tile--info{background:color-mix(in srgb, var(--info) 10.4%, transparent);color:var(--info)}.mock-tile--success{background:color-mix(in srgb, var(--success) 10.4%, transparent);color:var(--success)}.mock-tile--accent{background:color-mix(in srgb, var(--accent-solid) 10.4%, transparent);color:var(--accent-solid)}.mock-badge{white-space:nowrap;border-radius:10px;flex-shrink:0;padding:3px 10px;font-size:.7rem;font-weight:600}.mock-badge--error{background:color-mix(in srgb, var(--error) 10.4%, transparent);color:var(--ink-danger)}.mock-badge--warning{background:color-mix(in srgb, var(--warning) 13%, transparent);color:var(--ink-warning)}.mock-badge--success{background:color-mix(in srgb, var(--success) 13%, transparent);color:var(--ink-success)}.mock-row-text{flex-direction:column;flex:1;min-width:0;display:flex}.mock-row-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.mock-row-sub{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.75rem;overflow:hidden}.mock-row-when{color:var(--text-muted);flex-shrink:0;font-size:.72rem}.mock-row-urgency{white-space:nowrap;flex-shrink:0;font-size:.72rem;font-weight:600}.mock-rail{background:var(--tone,var(--border-strong));border-radius:3px;flex-shrink:0;width:3px;height:24px}.mock-list{flex-direction:column;display:flex}.mock-list--gap{gap:8px}.mock-sidebar{border:1px solid var(--border-subtle);background:var(--bg-sidebar);min-height:0;box-shadow:var(--shadow-panel);border-radius:20px;flex-direction:column;padding:16px 12px 12px;display:flex}.app-window[data-compact=true] .mock-sidebar{display:none}.mock-sidebar-logo{color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:11px;margin-bottom:16px;padding-inline:5px;font-size:1.05rem;font-weight:700;display:flex}.mock-sidebar-nav{flex-direction:column;flex:1;gap:2px;min-height:0;display:flex;overflow:hidden}.mock-sidebar-heading{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;padding:8px 10px 3px;font-size:.64rem;font-weight:700}.mock-sidebar-items{flex-direction:column;gap:3px;display:flex}.mock-sidebar-item{height:34px;color:var(--text-nav);border:1px solid #0000;border-radius:12px;align-items:center;gap:11px;padding:0 11px;font-size:.84rem;font-weight:500;display:flex}.mock-sidebar-item--active{border-color:var(--accent-edge);background:var(--accent-wash);color:var(--accent-color);font-weight:600}.mock-sidebar-footer{border-top:1px solid var(--border-subtle);flex-direction:column;gap:10px;margin-top:10px;padding-top:12px;display:flex}.mock-sidebar-actions{align-items:center;gap:6px;display:flex}.mock-mode-switch{background:var(--bg-control);border:1px solid var(--border-subtle);width:44px;height:24px;color:var(--accent-contrast);border-radius:999px;align-items:center;margin-right:auto;padding:2px;display:inline-flex}.mock-mode-switch svg{background:var(--accent-solid);border-radius:50%;width:18px;height:18px;padding:3px}.mock-sidebar-ghost{border:1px solid var(--border-subtle);background:var(--bg-control);width:28px;height:28px;color:var(--text-secondary);border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.mock-sidebar-user{background:var(--bg-control);border-radius:12px;align-items:center;gap:10px;padding:8px;display:flex}.mock-avatar{background:var(--accent-wash);width:30px;height:30px;color:var(--accent-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:inline-flex}.mock-sidebar-user-text{min-width:0;color:var(--text-primary);flex-direction:column;font-size:.75rem;font-weight:600;display:flex}.mock-sidebar-user-text span+span{color:var(--text-muted);font-size:.68rem;font-weight:500}.mock-dashboard{flex-direction:column;gap:18px;display:flex}.mock-dash-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.mock-dash-eyebrow{color:var(--text-secondary);font-size:.78rem;font-weight:500}.mock-dash-title{color:var(--text-primary);letter-spacing:-.02em;margin-top:2px;font-size:1.6rem;font-weight:700;line-height:1.15}.mock-dash-subtitle{color:var(--text-secondary);margin-top:3px;font-size:.8rem}.mock-dash-tools{align-items:center;gap:10px;display:flex}.mock-search,.mock-points-pill{border:1px solid var(--border-default);background:var(--bg-card);height:36px;box-shadow:var(--shadow-card);color:var(--text-placeholder);border-radius:24px;align-items:center;gap:8px;padding:0 14px;font-size:.78rem;display:inline-flex}.mock-search kbd{background:var(--bg-control);color:var(--text-muted);border-radius:6px;margin-left:18px;padding:1px 6px;font-family:inherit;font-size:.66rem}.mock-points-block{color:var(--text-muted);align-items:center;gap:5px;font-size:.72rem;display:inline-flex}.mock-points-block svg{color:var(--accent-solid)}.mock-points-block strong{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:.8rem}.mock-points-block--streak svg,.mock-points-block--streak strong{color:var(--warning)}.mock-points-divider{background:var(--border-default);width:1px;height:14px}.mock-dash-date{color:var(--text-primary);white-space:nowrap;align-items:center;gap:6px;padding-left:4px;font-size:.8rem;font-weight:600;display:inline-flex}.mock-dash-date svg{color:var(--text-secondary)}.mock-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.mock-stat{border:1px solid var(--border-default);background:var(--bg-card);box-shadow:var(--shadow-card);border-radius:16px;justify-content:space-between;align-items:center;gap:8px;padding:14px;display:flex}.mock-stat-body{align-items:center;gap:12px;min-width:0;display:flex}.mock-stat-body>span:last-child{flex-direction:column;min-width:0;display:flex}.mock-stat-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700;line-height:1.15}.mock-stat-label{color:var(--text-secondary);margin-top:1px;font-size:.72rem;line-height:1.25}.mock-chevron{border:1px solid var(--border-default);width:24px;height:24px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mock-panels{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.mock-panel-stack{flex-direction:column;gap:14px;min-width:0;display:flex}.mock-panel{border:1px solid var(--border-default);background:var(--bg-card);box-shadow:var(--shadow-card);border-radius:20px;padding:20px 22px}.mock-panel-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.mock-panel-title{color:var(--text-primary);align-items:center;gap:10px;font-size:.98rem;font-weight:600;display:flex}.mock-view-all{color:var(--text-secondary);align-items:center;gap:4px;font-size:.76rem;font-weight:500;display:inline-flex}.mock-deadlines{flex-direction:column;display:flex}.mock-deadline-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:14px;padding:13px 0;display:flex}.mock-deadline-row:last-child{border-bottom:0}.mock-deadline-date{width:92px;color:var(--text-secondary);flex-shrink:0;align-items:center;gap:10px;font-size:.8rem;font-weight:600;display:inline-flex}.mock-deadline-date--error{--tone:var(--error);color:var(--ink-danger)}.mock-deadline-date--warning{--tone:var(--warning);color:var(--ink-warning)}.mock-deadline-date--neutral{--tone:color-mix(in srgb, var(--line) 48%, transparent)}.mock-ann-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:11px;padding:11px 0;display:flex}.mock-ann-row:last-child{border-bottom:0}.mock-ann-course{width:66px;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;font-size:.7rem;font-weight:600;overflow:hidden}.mock-unread{background:var(--info);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-left:4px;display:inline-block}.mock-feedback-row{border:1px solid var(--border-default);background:var(--bg-inset);border-radius:14px;align-items:center;gap:12px;padding:11px 12px;display:flex}.mock-feedback-name{color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:.66rem;font-weight:600;overflow:hidden}.app-window[data-compact=true] .mock-dash-tools,.app-window[data-compact=true] .mock-panel-stack{display:none}.app-window[data-compact=true] .mock-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.app-window[data-compact=true] .mock-panels{grid-template-columns:1fr}.mock-kanban{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;display:grid}.mock-kanban-col{border:1px solid var(--border-default);background:var(--bg-panel);box-shadow:var(--shadow-card);border-radius:18px;padding:14px 12px}.mock-kanban-col-head{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:4px;padding-inline:4px;display:flex}.mock-kanban-col-title{color:var(--text-primary);align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:inline-flex}.mock-kanban-count{background:var(--bg-control);color:var(--text-secondary);font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 8px;font-size:.68rem}.mock-kanban-section-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:12px 4px 7px;font-size:.62rem;font-weight:700}.mock-kanban-section:not(:has(.mock-kanban-section-label)){margin-top:12px}.mock-kanban-cards{flex-direction:column;gap:8px;display:flex}.mock-kanban-card{border:1px solid var(--border-subtle);background:var(--bg-card);box-shadow:var(--shadow-xs);border-radius:14px;padding:11px 12px 11px 15px;position:relative;overflow:hidden}.mock-kanban-card:before{background:var(--tone);content:"";border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:0}.mock-kanban-card--dragging{border:1.5px solid var(--accent-solid);box-shadow:var(--shadow-md);transform:rotate(-1.5deg)translateY(-2px)}.mock-kanban-card--done:before{display:none}.mock-kanban-card--done .mock-kanban-card-title{color:var(--text-muted);text-decoration:line-through}.mock-kanban-card-top{align-items:flex-start;gap:8px;display:flex}.mock-kanban-circle{color:var(--text-muted);flex-shrink:0;margin-top:1px}.mock-kanban-check{color:var(--success);flex-shrink:0;margin-top:1px}.mock-kanban-grip{color:var(--text-disabled);flex-shrink:0;margin-left:auto}.mock-kanban-card-title{min-width:0;color:var(--text-primary);font-size:.8rem;font-weight:600;line-height:1.35}.mock-kanban-card-meta{flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 0 24px;display:flex}.mock-kanban-chip{background:var(--bg-control);color:var(--text-secondary);border-radius:7px;padding:2px 7px;font-size:.66rem;font-weight:500}.mock-kanban-due{color:var(--text-muted);font-size:.68rem;font-weight:600}.mock-kanban-start{color:var(--accent-color);justify-content:flex-end;align-items:center;gap:4px;margin-top:6px;font-size:.68rem;font-weight:600;display:flex}.mock-calendar{grid-template-columns:1.55fr 1fr;align-items:start;gap:14px;display:grid}.mock-calendar-month,.mock-calendar-detail{border:1px solid var(--border-default);background:var(--bg-card);box-shadow:var(--shadow-card);border-radius:20px;padding:18px}.app-window[data-compact=true] .mock-calendar{grid-template-columns:1fr}.app-window[data-compact=true] .mock-calendar-detail{display:none}.mock-calendar-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.mock-calendar-head h3{color:var(--text-primary);letter-spacing:-.01em;font-size:1rem;font-weight:700}.mock-cal-nav{border:1px solid var(--border-default);background:var(--bg-control);width:28px;height:28px;color:var(--text-secondary);border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.mock-cal-weekdays{color:var(--text-muted);text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));margin-bottom:6px;font-size:.66rem;font-weight:700;display:grid}.mock-cal-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.mock-cal-day{aspect-ratio:1.15;background:var(--bg-inset);color:var(--text-secondary);font-variant-numeric:tabular-nums;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding-top:6px;font-size:.74rem;font-weight:500;display:flex}.mock-cal-day--empty{visibility:hidden}.mock-cal-day--today{color:var(--accent-color);font-weight:700}.mock-cal-day--selected{border-color:var(--accent-edge);background:var(--accent-wash);color:var(--text-primary);font-weight:700}.mock-cal-dots{gap:2px;display:flex}.mock-cal-dot{background:var(--accent-solid);border-radius:50%;width:4px;height:4px}.mock-cal-detail-label{color:var(--text-primary);margin-bottom:10px;font-size:.9rem;font-weight:600}.mock-cal-detail-list{flex-direction:column;gap:8px;display:flex}.mock-cal-detail-row{border:1px solid var(--border-subtle);background:var(--bg-inset);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.mock-course{flex-direction:column;gap:18px;display:flex}.mock-course-header{align-items:center;gap:12px;display:flex}.mock-course-chip{background:var(--accent-wash);color:var(--accent-color);border-radius:8px;padding:4px 10px;font-size:.74rem;font-weight:700}.mock-course-title{color:var(--text-primary);letter-spacing:-.015em;font-size:1.15rem;font-weight:700}.mock-course-tabs{border:1px solid var(--border-default);background:var(--bg-card);border-radius:14px;gap:4px;width:max-content;max-width:100%;padding:4px;display:flex}.mock-course-tab{color:var(--text-secondary);border-radius:10px;align-items:center;gap:6px;padding:7px 11px;font-size:.76rem;font-weight:500;display:inline-flex}.mock-course-tab--active{background:var(--accent-wash);color:var(--accent-color);font-weight:600}.mock-course-modules{flex-direction:column;gap:8px;display:flex}.mock-course-module{border:1px solid var(--border-default);background:var(--bg-card);box-shadow:var(--shadow-card);border-radius:16px;align-items:center;gap:14px;padding:13px 16px;display:flex}.mock-module-icon{background:color-mix(in srgb, var(--info) 10.4%, transparent);width:34px;height:34px;color:var(--info);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mock-module-icon--done{background:color-mix(in srgb, var(--success) 10.4%, transparent);color:var(--success)}.mock-module-text{flex:1;min-width:0}.mock-module-title{color:var(--text-primary);font-size:.85rem;font-weight:600}.mock-module-items{color:var(--text-secondary);margin-top:2px;font-size:.74rem}.mock-course-open{border:1px solid var(--border-default);background:var(--bg-control);color:var(--text-primary);white-space:nowrap;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:6px 11px;font-size:.72rem;font-weight:600;display:inline-flex}.mock-course-chevron{color:var(--text-muted);flex-shrink:0}.mock-sanctuary{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.mock-pet-card{border:1px solid var(--border-default);background:var(--bg-card);box-shadow:var(--shadow-card);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:7px;padding:14px 14px 16px;display:flex}.mock-pet-stage{background:var(--bg-inset);border-radius:14px;justify-content:center;align-items:center;width:100%;height:156px;display:flex}.mock-pet-name{color:var(--text-primary);margin-top:3px;font-size:.92rem;font-weight:600}.mock-pet-cost{color:var(--text-secondary);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:.8rem;display:inline-flex}.mock-pet-cost svg{color:var(--accent-solid)}.mock-pet-equipped{background:var(--accent-wash);color:var(--accent-color);border-radius:10px;padding:5px 14px;font-size:.74rem;font-weight:600}.mock-pet-adopt{background:var(--accent-solid);color:var(--accent-contrast);border-radius:10px;padding:5px 16px;font-size:.74rem;font-weight:600}.app-window[data-compact=true] .mock-kanban{grid-template-columns:repeat(2,minmax(0,1fr))}.app-window[data-compact=true] .mock-kanban-col:last-child,.app-window[data-compact=true] .mock-course-open{display:none}
@keyframes landing-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-dashboard{0%{opacity:0;transform:perspective(1200px)translateY(45px)rotateX(7deg)scale(.97)}to{opacity:1;transform:perspective(1200px)translateY(0)rotateX(0)scale(1)}}@keyframes landing-view{0%{opacity:.2;transform:translateX(calc(var(--view-direction,1) * 14px))}to{opacity:1;transform:translate(0)}}@keyframes landing-points{0%{transform:scale(1)}40%{border-color:var(--accent-solid);transform:scale(1.12)}to{transform:scale(1)}}@keyframes landing-ambient{0%{opacity:.15;transform:translateY(20px)}to{opacity:.32;transform:translateY(0)}}@keyframes landing-note{0%{opacity:0;transform:translate(15px,20px)rotate(-8deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes landing-sheen{to{transform:translate(130%)}}.marketing-root .hero-eyebrow{animation:landing-rise .75s var(--ease-out) both}.marketing-root .hero-copy h1>span{animation:landing-rise .9s 80ms var(--ease-out) both}.marketing-root .hero-copy h1>span:nth-child(2){animation-delay:.19s}.marketing-root .hero-description{animation:landing-rise .8s .3s var(--ease-out) both}.marketing-root .hero-actions,.marketing-root .hero-trial{animation:landing-rise .8s .4s var(--ease-out) both}.marketing-root .hero-product-frame{transform-origin:50% 100%;animation:landing-dashboard 1.2s .45s var(--ease-out) both}.marketing-root .hero-floating-note{animation:landing-note 1s 1s var(--ease-out) both}.marketing-root .hero-grid{animation:3s ease-out both landing-ambient}.marketing-root .demo-view,.marketing-root .feature-description,.marketing-root .feature-preview{animation:landing-view .45s var(--ease-out) both}.marketing-root .demo-points{animation:landing-points .45s var(--ease-out)}.marketing-root .companion-art{animation:landing-rise .45s var(--ease-out) both}.marketing-root .btn-primary{position:relative;overflow:hidden}.marketing-root .btn-primary:after{content:"";pointer-events:none;background:linear-gradient(110deg, transparent 25%, color-mix(in srgb, var(--accent-contrast) 12%, transparent), transparent 75%);position:absolute;inset:0;transform:translate(-130%)}@media (hover:hover){.marketing-root .btn-primary:hover:after{animation:.65s ease-out landing-sheen}}@media (prefers-reduced-motion:reduce){html:has(.marketing-root){scroll-behavior:auto}.marketing-root *,.marketing-root :before,.marketing-root :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.marketing-root .hero-product,.marketing-root .setup-steps:after{transform:none}}@keyframes landing-connect{0%{opacity:.25;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:no-preference){.marketing-root .canvas-connection.has-entered .connection-path svg{animation:1.2s ease-out 2 landing-connect}}
@layer components{.marketing-root .click-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1160px;margin-inline:auto;display:grid}.marketing-root .cc-pane{min-width:0;margin:0}.marketing-root .cc-pane figcaption{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.marketing-root .cc-tag{color:var(--text-secondary);font-size:.82rem;font-weight:600}.marketing-root .cc-tag--accent{color:var(--accent-color)}.marketing-root .cc-count{color:var(--text-secondary);font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:.72rem;display:inline-flex}.marketing-root .cc-count b{color:var(--text-primary);text-align:right;min-width:2ch;font-weight:650}.marketing-root .cc-tag--accent+.cc-count svg{color:var(--accent-color)}.marketing-root .cc-window{border:1px solid var(--border-default);background:var(--bg-app);box-shadow:var(--shadow-md), 0 24px 48px -24px color-mix(in srgb, var(--bg-app) 70%, transparent);text-align:left;border-radius:18px;overflow:hidden}.marketing-root .cc-window--app{border-color:var(--accent-edge)}.marketing-root .cc-chrome{border-bottom:1px solid var(--border-subtle);background:var(--bg-shell);align-items:center;gap:12px;height:36px;padding-inline:14px;display:flex}.marketing-root .cc-dots{gap:6px;display:flex}.marketing-root .cc-dots i{background:var(--border-strong);border-radius:50%;width:9px;height:9px}.marketing-root .cc-url{white-space:nowrap;text-overflow:ellipsis;border:1px solid var(--border-subtle);background:var(--bg-control);min-width:0;color:var(--text-muted);border-radius:999px;flex:1;padding:2px 10px;font-size:.64rem;overflow:hidden}.marketing-root .cc-brand{color:var(--text-primary);align-items:center;gap:6px;margin-inline:auto;font-size:.72rem;font-weight:600;display:flex;transform:translate(-24px)}.marketing-root .cc-body{height:336px;font-size:.74rem;position:relative;overflow:hidden}.marketing-root .cc-topbar{border-bottom:1px solid var(--border-subtle);align-items:center;height:36px;padding-inline:14px;display:flex}.marketing-root .cc-course{border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-weight:600;transition:background-color .2s;display:inline-flex}.marketing-root .cc-tabs{border-bottom:1px solid var(--border-subtle);grid-template-columns:repeat(4,minmax(0,1fr));height:34px;display:grid}.marketing-root .cc-tabs span{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--text-muted);border-bottom:2px solid #0000;justify-content:center;align-items:center;padding-inline:4px;transition:color .2s,border-color .2s,background-color .2s;display:flex;overflow:hidden}.marketing-root .cc-tabs .is-current{color:var(--text-primary);border-bottom-color:var(--text-secondary)}.marketing-root .cc-tabs .is-target,.marketing-root .cc-course.is-target{background:var(--bg-control)}.marketing-root .cc-page{padding:16px 16px 0}.marketing-root .cc-page h4{letter-spacing:-.02em;margin:0 0 12px;font-size:.9rem;font-weight:600}.marketing-root .cc-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.marketing-root .cc-list li{border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:8px;align-items:center;gap:9px;padding:9px 11px;display:flex}.marketing-root .cc-list small{color:var(--text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums}.marketing-root .cc-bullet{background:var(--border-strong);border-radius:50%;flex-shrink:0;width:6px;height:6px}.marketing-root .cc-grow{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.marketing-root .cc-window--app .cc-course{border-color:var(--accent-edge);background:var(--accent-soft)}.marketing-root .cc-window--app .cc-tabs .is-current{color:var(--accent-color);border-bottom-color:var(--accent-solid)}.marketing-root .cc-window--app .cc-list li{background:var(--bg-card);border-radius:10px}.marketing-root .cc-window--app .cc-bullet{background:var(--accent-solid)}.marketing-root .cc-window--app .cc-page{animation:cc-page-in .22s var(--ease-out)}.marketing-root .cc-progress{z-index:1;background:var(--bg-control);height:3px;position:absolute;top:0;left:0;right:0}.marketing-root .cc-progress i{background:var(--text-secondary);height:100%;transition:width .1s linear;display:block}.marketing-root .cc-loading{height:calc(100% - 70px);color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:.78rem;display:flex}.marketing-root .cc-spin{animation:.9s linear infinite cc-spin}.marketing-root .cc-done{height:calc(100% - 70px);color:var(--text-secondary);text-align:center;animation:cc-page-in .3s var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.marketing-root .cc-done svg{color:var(--accent-color);margin-bottom:4px}.marketing-root .cc-done b{color:var(--text-primary);font-size:.9rem;font-weight:600}.marketing-root .cc-cursor{z-index:2;color:var(--text-primary);filter:drop-shadow(0 2px 3px color-mix(in srgb, var(--bg-app) 80%, transparent));pointer-events:none;transition:top .7s var(--ease-out), left .7s var(--ease-out);position:absolute;top:52px;left:12.5%}.marketing-root .cc-window--app .cc-cursor{transition-duration:.26s}.marketing-root .cc-cursor svg{fill:var(--bg-app);transition:transform .12s}.marketing-root .cc-cursor.is-clicking svg{transform:scale(.82)}.marketing-root .cc-cursor:after{content:"";border:2px solid var(--text-secondary);opacity:0;border-radius:50%;width:14px;height:14px;position:absolute;top:-6px;left:-6px}.marketing-root .cc-cursor.is-clicking:after{animation:.3s ease-out cc-ripple}.marketing-root .cc-cursor[data-target=course]{top:20px;left:64px}.marketing-root .cc-cursor[data-target=tab-1]{left:37.5%}.marketing-root .cc-cursor[data-target=tab-2]{left:62.5%}.marketing-root .cc-cursor[data-target=tab-3]{left:87.5%}.marketing-root .cc-foot{color:var(--text-secondary);grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;font-size:.7rem;display:flex}.marketing-root .cc-toggle{border:1px solid var(--border-subtle);background:var(--bg-panel);min-height:32px;color:var(--text-primary);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.marketing-root .cc-toggle:hover{border-color:var(--border-strong)}.marketing-root .cc-toggle:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@media (max-width:1080px){.marketing-root .click-compare{grid-template-columns:1fr;gap:28px;max-width:640px}.marketing-root .cc-foot{margin-top:-12px}}@media (max-width:420px){.marketing-root .cc-tabs span{font-size:.62rem}}}@keyframes cc-ripple{0%{opacity:.8;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}@keyframes cc-spin{to{transform:rotate(360deg)}}@keyframes cc-page-in{0%{opacity:0;transform:translateY(4px)}}