/* TabNest landing page — adapted directly from the extension's popup.css design tokens. */
:root{--bg:#F3F1FB;--bg-grain:#ECE9FA;--surface:#FFFFFF;--surface-2:#E7E3F9;--surface-3:#D9D3F3;--ink:#2B2A4C;--ink-soft:#6C6A8C;--ink-inverse:#FFFFFF;--accent-violet:#6C5CE7;--accent-violet-deep:#5445C9;--accent-mint:#00B894;--accent-amber:#FFB43C;--accent-danger:#FF6B6B;--border-soft:rgba(43,42,76,.08);--shadow-card:0 1px 2px rgba(43,42,76,.06),0 10px 24px -12px rgba(43,42,76,.22);--shadow-card-hover:0 4px 10px rgba(43,42,76,.08),0 22px 40px -16px rgba(84,69,201,.35);--shadow-pop:0 20px 60px -20px rgba(43,42,76,.45);--radius-lg:22px;--radius-md:16px;--radius-sm:10px;--ease-slow:cubic-bezier(.22,1,.36,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--font-display:"Space Grotesk","Trebuchet MS","Segoe UI",sans-serif;--font-body:"Inter","Segoe UI",system-ui,sans-serif;--font-mono:"SFMono-Regular",Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 18% 0%,rgba(255,180,60,.10),transparent 40%),radial-gradient(circle at 100% 20%,rgba(108,92,231,.14),transparent 45%)}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell{min-height:100vh;overflow:hidden}.section-wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-nav{position:sticky;top:0;z-index:20;background:rgba(243,241,251,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--border-soft)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent-violet),var(--accent-violet-deep));box-shadow:0 6px 14px -6px rgba(84,69,201,.6);transform-style:preserve-3d}.brand-mark img{width:25px;height:25px}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-text strong{font-family:var(--font-display);font-size:16px;letter-spacing:.2px}.brand-sub{font-size:11px;color:var(--ink-soft)}.nav-links{display:flex;gap:28px;color:var(--ink-soft);font-size:13px;font-weight:600}.nav-links a{transition:color .2s,transform .25s var(--ease-slow)}.nav-links a:hover{color:var(--accent-violet-deep);transform:translateY(-1px)}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 15px;border:none;border-radius:var(--radius-sm);background:linear-gradient(145deg,var(--accent-violet),var(--accent-violet-deep));color:#fff;font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap;box-shadow:0 8px 18px -8px rgba(84,69,201,.7);transition:transform .3s var(--ease-spring),box-shadow .3s var(--ease-slow)}.primary-btn:hover{transform:translateY(-2px) scale(1.015);box-shadow:0 14px 26px -10px rgba(84,69,201,.75)}.primary-btn:active{transform:translateY(0) scale(.97)}.primary-btn-lg{padding:13px 18px;font-size:14px}.ghost-btn{padding:10px 15px;border-radius:var(--radius-sm);border:1px solid var(--border-soft);background:transparent;color:var(--ink-soft);font-weight:600;font-size:13px;cursor:pointer;transition:background .25s,color .2s,transform .25s var(--ease-slow)}.ghost-btn:hover{background:var(--surface-2);color:var(--ink);transform:translateY(-1px)}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;min-height:700px;padding-top:60px;padding-bottom:90px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--accent-violet-deep);font:700 10px var(--font-mono);letter-spacing:.11em}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-amber);box-shadow:0 0 0 5px rgba(255,180,60,.13)}h1,h2,h3{font-family:var(--font-display);margin:0}h1{font-size:clamp(48px,6.3vw,78px);line-height:.98;letter-spacing:-.055em;margin-top:18px;max-width:760px}.ink-highlight{color:var(--accent-violet-deep);position:relative}.ink-highlight:after{content:"";position:absolute;left:2%;right:3%;bottom:-7px;height:5px;border-radius:99px;background:linear-gradient(90deg,var(--accent-amber),rgba(255,180,60,.15));transform:rotate(-1deg)}.hero-lede{font-size:18px;line-height:1.65;color:var(--ink-soft);max-width:650px;margin:28px 0}.hero-actions{display:flex;gap:10px;align-items:center}.trust-row{display:flex;gap:9px;align-items:center;margin-top:20px;color:var(--ink-soft);font-size:11px}.hero-visual{position:relative;min-height:540px;display:grid;place-items:center;perspective:1400px}.rolodex-shadow{position:absolute;width:75%;height:28%;bottom:8%;border-radius:50%;background:rgba(43,42,76,.16);filter:blur(28px);transform:rotate(-7deg)}.group-card{position:absolute;width:min(430px,90%);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border-soft);box-shadow:var(--shadow-card);padding:18px 18px 15px;transform-style:preserve-3d;transition:box-shadow .45s var(--ease-slow),transform .45s var(--ease-slow)}.group-card .accent-bar{position:absolute;left:0;top:16px;bottom:16px;width:5px;border-radius:5px;background:var(--card-color,var(--accent-violet))}.card-front{z-index:4;transform:translateY(18px) rotateX(3deg) rotateY(-3deg)}.card-front:hover{box-shadow:var(--shadow-card-hover);transform:translateY(8px) rotateX(1deg) rotateY(-2deg) scale(1.015)}.card-back{opacity:.88}.card-back-1{z-index:2;transform:translate(42px,-90px) rotate(4deg) scale(.96)}.card-back-2{z-index:1;transform:translate(-32px,-160px) rotate(-5deg) scale(.92)}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-left:12px}.card-title{font-family:var(--font-display);font-size:18px;font-weight:600}.card-meta{font-size:12px;color:var(--ink-soft);margin-top:3px}.card-chip,.plan-id{font:600 9px var(--font-mono);letter-spacing:.05em;color:var(--accent-violet-deep);background:var(--surface-2);padding:5px 8px;border-radius:999px}.card-actions button{border:0;background:transparent;color:var(--ink-soft);font-weight:700}.favicon-stack{display:flex;align-items:center;margin:24px 0 12px 12px}.favicon-stack i{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--surface-2);border:2px solid var(--surface);font-style:normal;font-size:13px;margin-left:-6px;color:var(--accent-violet-deep);box-shadow:0 3px 9px rgba(43,42,76,.09)}.card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-soft);padding:12px 2px 0 12px;font-size:11px;color:var(--ink-soft)}.card-footer strong{color:var(--accent-mint)}.floating-note{position:absolute;z-index:6;display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--border-soft);background:rgba(255,255,255,.92);border-radius:14px;box-shadow:var(--shadow-card);backdrop-filter:blur(10px);font-size:11px}.floating-note b{display:block;font-family:var(--font-display)}.floating-note small{display:block;color:var(--ink-soft);margin-top:2px}.note-one{left:0;bottom:22%}.note-two{right:0;top:13%}.note-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(0,184,148,.12);color:var(--accent-mint)}.note-icon.amber{background:rgba(255,180,60,.17);color:#9b6200}
.features,.pricing,.faq{padding:90px 0}.section-heading{max-width:720px}.section-heading.centered{margin-inline:auto;text-align:center}.section-heading h2{font-size:clamp(34px,4.3vw,56px);line-height:1.04;letter-spacing:-.045em;margin-top:12px}.section-heading p{color:var(--ink-soft);font-size:16px;line-height:1.65;margin:15px 0 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.feature-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-card);transition:transform .4s var(--ease-spring),box-shadow .4s var(--ease-slow)}.feature-card:hover{transform:translateY(-6px) rotateX(2deg);box-shadow:var(--shadow-card-hover)}.feature-number{font:700 10px var(--font-mono);color:var(--accent-violet);background:var(--surface-2);border-radius:999px;padding:6px 8px}.feature-card h3{font-size:22px;margin:34px 0 10px}.feature-card p{color:var(--ink-soft);line-height:1.65;margin:0}.pricing{background:linear-gradient(180deg,transparent,rgba(231,227,249,.45),transparent)}.plan-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px;align-items:stretch}.plan-choice{position:relative;display:flex;flex-direction:column;padding:28px;border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);transition:transform .4s var(--ease-spring),box-shadow .4s var(--ease-slow)}.plan-choice:hover{transform:translateY(-6px) rotateX(2deg);box-shadow:var(--shadow-card-hover)}.plan-choice.is-featured{border-color:rgba(255,180,60,.45);box-shadow:0 5px 18px rgba(255,180,60,.12),var(--shadow-card)}.featured-badge{position:absolute;top:-12px;right:18px;padding:5px 9px;border-radius:999px;background:linear-gradient(120deg,var(--accent-amber),#ffd58a);color:#5b3d00;font:700 9px var(--font-mono);letter-spacing:.06em}.plan-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.plan-label{font:700 10px var(--font-mono);letter-spacing:.1em;color:var(--accent-violet-deep)}.plan-choice h3{font-size:23px;margin:26px 0 14px}.price{display:flex;align-items:baseline;gap:5px}.price span{font:700 42px var(--font-display);letter-spacing:-.05em}.price small{color:var(--ink-soft)}.plan-choice p{color:var(--ink-soft);font-size:13px;line-height:1.55;min-height:42px}.save-pill{align-self:flex-start;background:rgba(0,184,148,.11);color:#087c67;border-radius:999px;padding:6px 9px;font:700 10px var(--font-mono);margin-top:2px}.plan-choice ul{list-style:none;padding:0;margin:24px 0;display:grid;gap:11px;color:var(--ink-soft);font-size:12px}.plan-choice li:before{content:"✓";color:var(--accent-mint);font-weight:800;margin-right:8px}.plan-btn{margin-top:auto;text-align:center}.pricing-note{text-align:center;color:var(--ink-soft);font-size:11px;margin:18px auto 0;max-width:760px}.faq-list{margin-top:32px;border-top:1px solid var(--border-soft)}details{background:var(--surface);border-bottom:1px solid var(--border-soft)}summary{cursor:pointer;list-style:none;padding:20px 4px;font:600 16px var(--font-display);display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--accent-violet)}details[open] summary:after{content:"−"}details p{max-width:780px;color:var(--ink-soft);line-height:1.7;padding:0 4px 22px;margin:0}.install-band{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:90px;padding:44px;border-radius:var(--radius-lg);background:linear-gradient(145deg,var(--surface),var(--surface-2));border:1px solid var(--border-soft);box-shadow:var(--shadow-card)}.install-band h2{font-size:clamp(30px,4vw,48px);margin:10px 0 8px}.install-band p{margin:0;color:var(--ink-soft)}.site-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;padding:26px 0 38px;border-top:1px solid var(--border-soft)}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand .small{width:30px;height:30px;border-radius:9px}.footer-brand strong{display:block;font-family:var(--font-display);font-size:14px}.footer-brand small{display:block;color:var(--ink-soft);font-size:10px;margin-top:2px}.legal-links{display:flex;gap:20px;font-size:11px;color:var(--ink-soft)}.legal-links a:hover{color:var(--accent-violet-deep)}.footer-meta{text-align:right;color:var(--ink-soft);font-size:10px}.modal-backdrop{position:fixed;inset:0;z-index:50;padding:20px;display:grid;place-items:center;background:rgba(43,42,76,.42);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .3s var(--ease-slow)}.modal-backdrop:target{opacity:1;pointer-events:auto}.modal-sheet{position:relative;width:min(720px,100%);max-height:min(78vh,720px);overflow:auto;padding:34px;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-pop);transform:translateY(18px) rotateX(-2deg) scale(.98);transition:transform .4s var(--ease-spring)}.modal-backdrop:target .modal-sheet{transform:translateY(0) rotateX(0) scale(1)}.modal-sheet h2{font-size:36px;margin:10px 0 18px}.modal-sheet p{color:var(--ink-soft);line-height:1.75}.modal-close{position:absolute;top:14px;right:16px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--surface-2);color:var(--ink-soft);font-size:24px}.modal-close:hover{color:var(--accent-violet-deep)}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:30px;min-height:auto;padding-top:55px}.hero-copy{max-width:760px}.hero-visual{min-height:510px}.feature-grid,.plan-choices{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;gap:18px}.footer-meta{text-align:left}.legal-links{flex-wrap:wrap}.install-band{align-items:flex-start;flex-direction:column}.nav-links{display:none}}
@media(max-width:560px){.section-wrap{width:min(100% - 28px,1180px)}.topbar{padding:12px 14px}.nav-cta{padding:9px 11px}.brand-mark{width:34px;height:34px}.brand-text strong{font-size:15px}h1{font-size:45px}.hero{padding-top:42px;padding-bottom:55px}.hero-lede{font-size:16px}.hero-actions{flex-wrap:wrap}.trust-row{flex-wrap:wrap}.hero-visual{min-height:430px}.group-card{width:94%}.card-back-1{transform:translate(18px,-70px) rotate(4deg) scale(.94)}.card-back-2{transform:translate(-12px,-128px) rotate(-5deg) scale(.89)}.floating-note{transform:scale(.88)}.note-one{left:-6px;bottom:13%}.note-two{right:-5px;top:8%}.features,.pricing,.faq{padding:65px 0}.feature-card,.plan-choice{padding:23px}.plan-id{display:none}.price span{font-size:38px}.install-band{padding:28px;margin-bottom:60px}.modal-sheet{padding:28px 22px}.modal-sheet h2{font-size:30px}}
.menu-toggle{display:none;width:42px;height:42px;padding:10px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);cursor:pointer}.menu-toggle span{display:block;width:20px;height:2px;margin:4px auto;border-radius:2px;background:currentColor;transition:transform .25s var(--ease-slow),opacity .2s}.mobile-menu{display:none}.plan-choice:focus-visible,.menu-toggle:focus-visible,.mobile-menu a:focus-visible{outline:3px solid rgba(108,92,231,.35);outline-offset:3px}.plan-toast{position:fixed;left:50%;bottom:24px;z-index:40;max-width:min(420px,calc(100% - 28px));padding:13px 18px;border:1px solid rgba(0,184,148,.25);border-radius:var(--radius-sm);background:#123d3a;color:#fff;font-size:13px;line-height:1.4;box-shadow:var(--shadow-pop);opacity:0;pointer-events:none;transform:translate(-50%,20px);transition:opacity .25s var(--ease-slow),transform .25s var(--ease-slow)}.plan-toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.menu-toggle{display:block}.nav-cta{display:none}.mobile-menu{display:flex;position:fixed;top:73px;left:14px;right:14px;z-index:19;flex-direction:column;gap:4px;padding:10px;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:rgba(255,255,255,.96);box-shadow:var(--shadow-pop);opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .25s var(--ease-slow),transform .25s var(--ease-slow)}.mobile-menu.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-menu a{padding:12px 14px;border-radius:var(--radius-sm);color:var(--ink-soft);font-size:14px;font-weight:600}.mobile-menu a:hover{background:var(--surface-2);color:var(--ink)}.mobile-menu .mobile-install{margin-top:4px;background:var(--accent-violet);color:#fff;text-align:center}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-6px) rotate(-45deg)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}