:root{--bg:#f3efe7;--bg-strong:#efe4d3;--surface:rgba(255,252,246,0.76);--surface-strong:#fffaf2;--card:rgba(255,248,240,0.94);--text:#1f1d1a;--muted:#62584b;--line:rgba(64,43,18,0.12);--accent:#0f766e;--accent-strong:#115e59;--accent-soft:#c7f0e7;--highlight:#ef7f45;--shadow:0 24px 60px rgba(57,36,13,0.12);--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--radius-sm:12px;--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Outfit,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(15,118,110,.18),transparent 30%),radial-gradient(circle at top right,rgba(239,127,69,.16),transparent 26%),linear-gradient(180deg,#fbf7f0 0,var(--bg) 50%,#efe6d7 100%)}img{display:block;width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell{width:min(calc(100% - 32px),var(--container));margin:0 auto;padding-bottom:48px}.topbar{position:-webkit-sticky;position:sticky;top:16px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 28px;padding:14px 18px;background:rgba(255,250,242,.82);border:1px solid rgba(255,255,255,.45);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;box-shadow:0 14px 40px rgba(37,25,13,.08)}.brand{gap:12px}.brand,.brand-logo{display:inline-flex;align-items:center}.brand-logo{width:auto;max-width:none}.brand-logo img{width:auto;height:56px;object-fit:contain}.brand-copy{display:flex;flex-direction:column;gap:2px;font-size:.92rem}.brand-copy strong{font-family:Space Grotesk,sans-serif;font-size:1rem;line-height:1.05}.brand-copy span:last-child{color:var(--muted);line-height:1.1}.site-nav{display:inline-flex;align-items:center;gap:20px;color:var(--muted)}.site-nav a{position:relative;padding-bottom:4px}.site-nav a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.site-nav a:focus-visible:after,.site-nav a:hover:after{transform:scaleX(1)}.nav-toggle{display:none;width:44px;height:44px;border:0;border-radius:14px;background:rgba(15,118,110,.1);cursor:pointer}.nav-toggle span{display:block;width:18px;height:2px;margin:5px auto;background:var(--text);border-radius:999px}.section{padding:48px 0}.hero{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:40px;gap:40px;align-items:center;min-height:calc(100vh - 180px)}.eyebrow{margin:0 0 12px;color:var(--accent-strong);text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:700}.hero h1,.section-heading h2{margin:0;font-family:Space Grotesk,sans-serif;line-height:.96;letter-spacing:-.04em}.hero h1{font-size:clamp(3rem,7vw,6rem);max-width:11ch}.faq-list p,.feature-card p,.footer p,.hero-text,.metric-card p,.plan-card p,.section-heading,.shortcut-item p,.showcase-copy p,.workflow-card p{color:var(--muted)}.hero-text{margin:22px 0 0;max-width:60ch;font-size:1.05rem;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:999px;border:1px solid transparent;transition:transform .18s ease,border-color .18s ease,background .18s ease}.button:focus-visible,.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(135deg,var(--accent),#149d92);color:#fff;box-shadow:0 18px 40px rgba(15,118,110,.26)}.button-secondary{background:rgba(255,251,246,.75);border-color:var(--line)}.hero-points{display:grid;grid-gap:14px;gap:14px;padding:0;margin:0;list-style:none}.hero-points li,.plan-card li{position:relative;padding-left:22px}.hero-points li:before,.plan-card li:before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,var(--highlight),#f2a65a)}.hero-visual{position:relative;min-height:760px}.frame{overflow:hidden;border:1px solid rgba(255,255,255,.55);border-radius:var(--radius-xl);background:var(--surface-strong);box-shadow:var(--shadow)}.hero-shot{position:absolute;top:108px;right:36px;left:36px}.hero-shot img,.showcase-card .frame img{width:100%;height:100%;object-fit:contain;object-position:center;background:rgba(255,250,242,.8)}.floating-card{position:absolute;z-index:2;max-width:250px;padding:18px 18px 20px;border-radius:var(--radius-md);background:rgba(255,248,242,.88);border:1px solid rgba(255,255,255,.55);box-shadow:0 18px 36px rgba(47,29,11,.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.feature-card h3,.floating-card strong,.metric-card strong,.plan-name,.plan-price,.showcase-copy h3,.workflow-card h3{font-family:Space Grotesk,sans-serif}.card-label,.chip,.metric-card span,.plan-name{display:inline-block;margin-bottom:8px;padding:6px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:.78rem;font-weight:700}.card-a{top:18px;left:-10px}.card-b{right:-18px;bottom:28px}.frame-main{aspect-ratio:1280/774}.frame-session{aspect-ratio:840/1086}.frame-groups{aspect-ratio:874/1192}.frame-auto-group{aspect-ratio:840/1114}.frame-notes{aspect-ratio:874/990}.metrics,.plans-grid,.shortcut-list,.workflow-steps{display:grid;grid-gap:22px;gap:22px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.faq-list details,.feature-card,.metric-card,.plan-card,.shortcut-item,.showcase-card,.workflow-card{background:var(--surface);border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.faq-list details,.feature-card,.metric-card,.plan-card,.shortcut-item,.workflow-card{border-radius:var(--radius-lg);padding:24px}.metric-card strong{display:block;margin-bottom:12px;font-size:1.5rem}.section-heading{max-width:760px;margin-bottom:26px}.section-heading h2{font-size:clamp(2.3rem,4vw,4rem)}.section-heading.narrow{max-width:640px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:22px;gap:22px}.feature-card{min-height:220px}.feature-card h3,.showcase-copy h3,.workflow-card h3{margin:0 0 12px;font-size:1.35rem}.showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:22px;gap:22px}.showcase-card{border-radius:var(--radius-xl);overflow:hidden;padding:18px;transition:transform .22s ease,box-shadow .22s ease}.showcase-card.spotlight{grid-column:1/-1;display:grid;grid-template-columns:.72fr 1.28fr;grid-gap:22px;gap:22px;align-items:center}.showcase-card .frame{display:flex;align-items:center;justify-content:center;padding:12px}.showcase-card:focus-within,.showcase-card:hover{transform:translateY(-6px);box-shadow:0 30px 70px rgba(57,36,13,.16)}.showcase-copy{padding:12px 8px 8px}.workflow-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-card span{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:rgba(15,118,110,.12);color:var(--accent-strong);font-family:Space Grotesk,sans-serif;font-weight:700}.plans-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-card{position:relative}.plan-card.featured{background:linear-gradient(180deg,rgba(15,118,110,.12),rgba(255,248,240,.92));border-color:rgba(15,118,110,.24)}.plan-price{display:block;margin:12px 0 10px;font-size:2.4rem}.plan-price span{font-size:1rem;color:var(--muted)}.plan-card ul{display:grid;grid-gap:12px;gap:12px;padding:0;margin:18px 0 0;list-style:none}.shortcut-list{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-grid>.showcase-card:not(.spotlight){display:flex;flex-direction:column}.showcase-grid>.showcase-card:not(.spotlight) .frame{min-height:380px}.showcase-grid>.showcase-card:not(.spotlight) .showcase-copy{padding-top:16px}.showcase-grid>.showcase-card:not(.spotlight) .showcase-copy p{font-size:.98rem;line-height:1.7}.showcase-card.spotlight .showcase-copy p{font-size:1rem;line-height:1.75}.shortcut-item{display:flex;align-items:center;gap:10px}kbd{min-width:42px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid rgba(34,28,20,.12);box-shadow:inset 0 -2px 0 rgba(34,28,20,.08);text-align:center;font-family:Space Grotesk,sans-serif}.shortcut-item p{margin:0 0 0 auto}.faq-list{display:grid;grid-gap:14px;gap:14px}.faq-list details[open]{background:rgba(255,251,246,.95)}.faq-list summary{cursor:pointer;list-style:none;font-family:Space Grotesk,sans-serif;font-size:1.05rem}.faq-list summary::-webkit-details-marker{display:none}.faq-list p{margin:14px 0 0;line-height:1.7}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding:28px 0 12px}.footer p{margin:6px 0 0}.footer-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.reveal{opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (max-width:1080px){.feature-grid,.hero,.metrics,.plans-grid,.shortcut-list,.showcase-card.spotlight,.workflow-steps{grid-template-columns:1fr}.hero{min-height:auto}.hero-visual{min-height:680px}.showcase-grid{grid-template-columns:1fr}.showcase-grid>.showcase-card:not(.spotlight) .frame{min-height:0}}@media (max-width:760px){.site-shell{width:min(calc(100% - 20px),var(--container))}.topbar{top:10px;flex-wrap:wrap;border-radius:28px}.brand-logo{width:auto}.brand-logo img{height:46px}.brand-copy{font-size:.84rem}.brand-copy strong{font-size:.94rem}.nav-toggle{display:inline-block;margin-left:auto}.site-nav{display:none;width:100%;flex-direction:column;align-items:flex-start;padding-top:8px}.site-nav.is-open{display:flex}.hero{gap:28px;padding-top:12px}.hero h1{max-width:none}.hero-visual{min-height:auto}.hero-shot{position:relative;top:auto;right:auto;left:auto;margin:82px 0 0}.floating-card{max-width:220px;padding:14px}.card-a{top:8px;left:0}.card-b{right:0;bottom:18px}.section{padding:34px 0}.shortcut-item{flex-wrap:wrap}.shortcut-item p{width:100%;margin-left:0}.footer{flex-direction:column;align-items:flex-start}}.legal-shell{padding-bottom:64px}.legal-topbar{position:static}.legal-main{max-width:860px;margin:0 auto}.legal-hero{padding:44px 0 20px}.legal-hero h1{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(2.8rem,6vw,4.8rem);line-height:.96;letter-spacing:-.04em}.legal-card p,.legal-intro,.legal-meta{color:var(--muted);line-height:1.8}.legal-intro{margin:18px 0 0;max-width:62ch;font-size:1.02rem}.legal-meta{margin:16px 0 0;font-size:.95rem}.legal-card{margin-top:18px;padding:28px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.legal-card h2{margin:0 0 12px;font-family:Space Grotesk,sans-serif;font-size:1.35rem}.legal-card p{margin:0}.legal-card p+p{margin-top:14px}.legal-list{margin:14px 0 0;padding-left:22px;color:var(--muted);line-height:1.8}.legal-list li+li{margin-top:10px}.legal-footer{max-width:860px;margin:0 auto}.auth-shell{min-height:100vh;display:grid;place-items:center}.auth-main{width:min(100%,760px);padding:48px 0 72px}.auth-card{padding:40px;border-radius:calc(var(--radius-xl) + 6px);background:var(--surface);border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-brand{margin-bottom:28px}.success-badge{display:grid;place-items:center;width:72px;height:72px;margin-bottom:20px;border-radius:22px;background:linear-gradient(135deg,var(--accent),#149d92);color:#fff;font-size:2rem;font-weight:700;box-shadow:0 18px 40px rgba(15,118,110,.24)}.auth-card h1,.success-badge{font-family:Space Grotesk,sans-serif}.auth-card h1{margin:0;font-size:clamp(2.4rem,5vw,4rem);line-height:.98;letter-spacing:-.04em}.auth-copy,.auth-meta{color:var(--muted)}.auth-copy{max-width:52ch;margin:18px 0 0;font-size:1.04rem;line-height:1.75}.auth-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.auth-meta{margin:22px 0 0;font-size:.95rem}@media (max-width:760px){.auth-main{padding:28px 0 52px}.auth-card{padding:28px 22px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}}.auth-heading{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(2.2rem,5vw,3.6rem);line-height:.98;letter-spacing:-.04em}.auth-tabs{display:flex;gap:6px;margin:28px 0 0;padding:5px;background:var(--bg-strong);border-radius:999px;width:-moz-fit-content;width:fit-content}.auth-tab{padding:9px 22px;border:none;border-radius:999px;background:transparent;color:var(--muted);font-size:.95rem;font-weight:600;cursor:pointer;transition:background .18s ease,color .18s ease}.auth-tab-active{background:var(--surface-strong);color:var(--text);box-shadow:0 2px 10px rgba(37,25,13,.08)}.auth-error{margin-top:18px;padding:13px 16px;border-radius:var(--radius-sm);background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.22);color:#b91c1c;font-size:.93rem;line-height:1.5}.auth-form{display:grid;grid-gap:18px;gap:18px;margin-top:24px}.field-group{display:grid;grid-gap:7px;gap:7px}.field-group label{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;font-weight:600;color:var(--text)}.field-link{font-weight:500;font-size:.85rem;color:var(--accent);text-decoration:underline;text-underline-offset:3px}.field-group input{width:100%;padding:13px 16px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-strong);font-family:Outfit,sans-serif;font-size:1rem;color:var(--text);outline:none;transition:border-color .18s ease,box-shadow .18s ease}.field-group input::placeholder{color:rgba(98,88,75,.5)}.field-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(15,118,110,.12)}.auth-submit{width:100%;margin-top:4px;font-size:1rem;font-weight:600}.auth-divider{display:flex;align-items:center;gap:14px;margin:22px 0;color:var(--muted);font-size:.88rem}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.auth-oauth{width:100%;gap:10px;font-size:.97rem;font-weight:600;justify-content:center}.nav-auth-btn{padding:8px 18px;min-height:38px;font-size:.9rem}@media (max-width:760px){.auth-tabs{width:100%}.auth-tab{flex:1 1;text-align:center}}.nav-profile{position:relative}.nav-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:2px solid var(--accent);background:linear-gradient(135deg,var(--accent),#149d92);color:#fff;font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.nav-avatar:hover{transform:scale(1.06);box-shadow:0 6px 20px rgba(15,118,110,.3)}.profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:230px;padding:6px;border-radius:var(--radius-md);background:var(--surface-strong);border:1px solid rgba(255,255,255,.6);box-shadow:0 20px 50px rgba(37,25,13,.14);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100}.profile-dropdown-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px 12px;border-bottom:1px solid var(--line);margin-bottom:4px}.profile-email{font-size:.82rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.sub-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:.72rem;font-weight:700;font-family:Space Grotesk,sans-serif;flex-shrink:0}.sub-badge-free{background:var(--bg-strong);color:var(--muted)}.sub-badge-pro{background:linear-gradient(135deg,var(--accent),#149d92);color:#fff}.profile-dropdown-item{display:flex;align-items:center;gap:9px;width:100%;padding:9px 12px;border-radius:10px;border:none;background:transparent;color:var(--text);font-size:.9rem;font-family:Outfit,sans-serif;text-align:left;cursor:pointer;transition:background .15s ease;text-decoration:none}.profile-dropdown-item:hover{background:rgba(15,118,110,.07)}.profile-dropdown-item svg{color:var(--muted);flex-shrink:0}.profile-signout,.profile-signout svg{color:#b91c1c}.profile-dropdown-divider{height:1px;background:var(--line);margin:4px 6px}.profile-main{max-width:860px;margin:0 auto;padding:48px 0 72px}.profile-heading{margin:0 0 32px;font-family:Space Grotesk,sans-serif;font-size:clamp(2.4rem,5vw,4rem);line-height:.98;letter-spacing:-.04em}.profile-section{margin-bottom:40px}.profile-grid{display:grid;grid-gap:20px;gap:20px}.profile-card{gap:20px;padding:28px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column}.profile-card,.profile-card-header{display:flex;align-items:flex-start}.profile-card-header{justify-content:space-between;width:100%;gap:12px}.profile-avatar-lg{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:999px;background:linear-gradient(135deg,var(--accent),#149d92);color:#fff;font-family:Space Grotesk,sans-serif;font-size:1.6rem;font-weight:700;flex-shrink:0}.profile-label{margin:0 0 4px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.profile-value{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:600}.profile-muted{margin:0 0 20px;color:var(--muted);line-height:1.7;font-size:.97rem}.profile-pricing{display:flex;align-items:baseline;gap:4px;margin-bottom:16px}.profile-price{font-family:Space Grotesk,sans-serif;font-size:2.4rem;font-weight:700;color:var(--text)}.profile-price-period{color:var(--muted);font-size:1rem}.profile-feature-list{display:grid;grid-gap:10px;gap:10px;padding:0;margin:0 0 24px;list-style:none}.profile-feature-list li{position:relative;padding-left:20px;color:var(--muted);font-size:.95rem}.profile-feature-list li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg,var(--accent),#149d92)}.profile-cta{width:100%;font-size:1rem;font-weight:600}.profile-sub-meta{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-bottom:24px;padding:18px;border-radius:var(--radius-sm);background:rgba(15,118,110,.06);border:1px solid rgba(15,118,110,.12)}.profile-manage-btn{font-size:.95rem}.profile-danger{display:flex;align-items:center;gap:16px;flex-wrap:wrap}@media (max-width:760px){.profile-sub-meta{grid-template-columns:1fr}}