:root{--bg: #f6f9ff;--panel: #ffffff;--text: #0c1b2a;--muted: #4b5563;--primary: #2563eb;--primary-contrast: #e7efff;--logo-red: #ef4444;--logo-green: #22c55e;--logo-green-1: #38dea5;--logo-green-2: #81ffcc;--logo-red-1: #ff7878;--logo-red-2: #ffaaaa;--logo-blue-1: #008cff;--logo-blue-2: #7cc4ff;--border: #e2e8f0;--cols: 7;--sched-pad: 0px;--grain-img: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><filter id='f'><feTurbulence type='fractalNoise' baseFrequency='8.5' numOctaves='2' stitchTiles='stitch' seed='11'/><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncA type='table' tableValues='0 0.2'/></feComponentTransfer></filter><rect width='100%' height='100%' filter='url(%23f)'/></svg>");--grain-surface-opacity: .4;--session-z: 10px;--session-shift: .45}*{box-sizing:border-box}html,body{height:100%}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:#eef2f6;overflow-x:clip}a{color:#6b7280;text-decoration:none}a:hover{color:#0f172a;text-decoration:underline;text-decoration-color:#1f2937;text-underline-offset:3px}a.btn,a.btn:hover{text-decoration:none}.skip-link{position:absolute;left:8px;top:-40px;background:#111827;color:#fff;padding:8px 12px;border-radius:8px;z-index:1000;transition:top .12s ease}.skip-link:focus{top:8px;outline:2px solid #ffffff;outline-offset:2px}.container{max-width:1100px;margin:0 auto;padding:0 24px}.page-slab{position:relative;z-index:10;background:#fff;border-radius:32px 32px 0 0;margin-top:-40px;padding-top:40px;box-shadow:0 -1px #0f172a0a,0 -16px 30px #0f172a0f}.trust-wrap{padding-bottom:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;white-space:nowrap}.site-header{position:fixed;top:0;left:0;right:0;background:#fff;z-index:50;box-shadow:0 1px #0f172a0d,0 8px 18px #0f172a1a}.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;position:relative}.brand{font-weight:700;letter-spacing:-.2px;font-family:Georgia,Times New Roman,serif;display:inline-flex;align-items:center;gap:10px;font-size:22px;color:var(--text);text-decoration:none}.brand:hover{color:var(--text);text-decoration:none}.site-header .brand-icon{width:36px;height:36px;display:inline-block}.nav{position:absolute;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:flex-start;gap:24px;text-align:left}.nav a{color:#6b7280;text-decoration:none;margin-left:0;font-weight:600;font-size:.92rem}.nav a:hover{color:#374151}.btn.btn-primary.header-app-cta{display:inline-flex;align-items:center;justify-content:center;line-height:1;margin-left:auto;border-radius:999px;padding:10px 16px;background:#3d94df;border-color:#469ce8;box-shadow:0 5px 12px #2a82cd33,inset 0 1px #ffffff38;color:#fff;font-weight:900;letter-spacing:.2px;text-shadow:0 1px 0 rgba(0,0,0,.12);transition:transform .14s ease,box-shadow .18s ease,filter .18s ease,background-color .18s ease}.btn.btn-primary.header-app-cta:after{content:none}#cta-top:hover{background:#4da3ec;border-color:#58aef6;box-shadow:0 10px 22px #2a82cd57,inset 0 1px #ffffff4d;transform:translateY(-1px);filter:saturate(1.06)}#cta-top:active{transform:translateY(0);box-shadow:0 5px 12px #2a82cd38,inset 0 1px #ffffff38}.menu-toggle-input,.menu-btn{display:none}@media (max-width: 850px){.site-header .container{justify-content:flex-start}.menu-btn{display:inline-flex;width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:#fff;box-shadow:0 1px 2px #0000000a;cursor:pointer;position:relative;order:2;margin-left:auto}.menu-btn:before,.menu-btn:after{content:"";position:absolute;left:8px;right:8px;height:2px;background:#334155;border-radius:2px}.menu-btn:before{top:12px;box-shadow:0 8px #334155}.menu-btn:after{display:none}.nav{display:none;position:absolute;top:56px;right:16px;left:auto;transform:none;background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px;box-shadow:0 6px 16px #10182814;flex-direction:column;gap:8px;z-index:60;min-width:120px;text-align:right}.nav a{margin:0;padding:6px 8px;text-align:right}.nav a.btn{width:100%;text-align:center}.menu-toggle-input:checked+.menu-btn+.nav{display:flex}.btn.btn-primary.header-app-cta{display:inline-flex;order:3;margin-left:10px}}.masthead{position:relative;display:grid;align-items:start;padding:88px 0 96px;overflow:hidden}.masthead:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 300px at 10% 10%,rgba(255,255,255,.35),transparent 60%);pointer-events:none}.masthead-inner{position:relative;z-index:1;width:100%;margin-top:clamp(40px,5vh,72px)}.masthead-grid{display:grid;grid-template-columns:1fr;align-items:center}.masthead-grid>.mockup{min-width:0}.pitch{text-align:center;position:relative;z-index:2;max-width:1000px;margin:0 auto}.hero-title{font-size:clamp(2.4rem,5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin:0 0 7px}.hero-subhead{font-size:clamp(1.15rem,2.2vw,1.4rem);font-weight:600;line-height:1.35;color:var(--text-muted);margin:0 0 14px}.lead{font-size:clamp(1rem,1.6vw,1.125rem);line-height:1.6;color:var(--muted);margin:0 auto 28px;max-width:600px}.badge-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.2px;background:#eef2ff;color:#1e40af;border:1px solid #dbeafe}.badge-accent{background:linear-gradient(180deg,#e0ecff,#cfe3ff);color:#0a3aa0;border-color:#c3dbff;box-shadow:0 6px 14px #2563eb40}.checks{list-style:none;padding:0;margin:10px 0 18px}.checks li{display:flex;align-items:center;gap:10px;margin:8px 0}.checks li:before{content:"";width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#d1fae5);border:1px solid #a7f3d0;box-shadow:inset 0 0 0 2px #34d399}.cta-row{display:inline-flex;flex-wrap:wrap;align-items:center;margin-bottom:10px}#cta-links{margin-left:10px;display:inline-flex;gap:14px;align-items:center;flex-wrap:wrap}.hero-ctas{position:relative;z-index:3}.hero-ctas .btn{padding:12px 14px}.trust{margin-top:12px;display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:13px;justify-content:center}.trust a{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:inherit;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.trust a:hover{transform:translateY(-1px);border-color:#0f172a33;box-shadow:0 6px 14px #0f172a14}.trust a:active{transform:translateY(0);box-shadow:none}.trust a.trust-strong{font-weight:700}.trust a svg{width:14px;height:14px;display:inline-block}.cta-stack{display:grid;gap:8px;align-content:start;max-width:420px}.btn-big{padding:16px 22px;font-size:18px;border-radius:14px;text-align:center}.btn-ghost{background:transparent;border-color:transparent;color:#0a48d1;box-shadow:none;padding-left:0}.btn-ghost:hover{background:#eef2ff}.cta-note{font-size:12px;color:var(--muted);margin-top:-2px}.pitch .cta-note{text-align:center}.tiny-link{font-size:12px;color:#0a48d1;text-decoration:underline}.btn{display:inline-block;padding:12px 18px;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--text);text-decoration:none;box-shadow:0 1px 2px #0000000a,0 2px 6px #0000000a;transition:box-shadow .12s ease,transform 80ms ease,filter .12s ease}.btn:hover{background:#f9fbff;box-shadow:0 2px 6px #0000000f,0 8px 18px #0000000f}.btn:active{transform:translateY(1px);box-shadow:0 1px 2px #0000000f,0 4px 10px #0000000f}.btn:focus-visible{outline:3px solid #1d4ed8;outline-offset:2px}.nav a:focus-visible,a.btn-ghost:focus-visible{outline:3px solid #1d4ed8;outline-offset:3px;border-radius:8px}.btn-primary{background:#1d4ed8;color:#fff;border-color:#1d4ed8;box-shadow:0 8px 20px #1d4ed847}.btn-primary:hover{background:#1e40af;border-color:#1e40af}.btn-primary:after{content:"→";display:inline-block;margin-left:10px;transform:translate(0);transition:transform .25s ease}.btn-primary:hover:after{transform:translate(4px)}.btn-secondary{background:var(--primary-contrast)}.hero-ctas #cta-main{display:inline-flex;align-items:center;justify-content:center;line-height:1;padding-left:26px;padding-right:26px;color:#fff;border-radius:999px;border:1px solid #469ce8;font-weight:900;letter-spacing:.2px;text-shadow:0 1px 0 rgba(0,0,0,.12);background:#3d94df;box-shadow:0 5px 12px #2a82cd33,inset 0 1px #ffffff38;transition:transform .08s ease,box-shadow .1s ease,filter .1s ease}.hero-ctas #cta-main:hover{filter:brightness(1.02);transform:translateY(-1px);box-shadow:0 6px 14px #2a82cd3d,inset 0 1px #ffffff42}.hero-ctas #cta-main:active{transform:translateY(0)}.hero-ctas #cta-main:after{display:inline-flex;align-items:center;line-height:1}.features{padding:56px 0 40px}.section-center .container{text-align:center}.features .subhead,.why .subhead{color:var(--muted);margin:6px 0 18px;font-size:18px}.grid.grid-3{grid-template-columns:repeat(3,1fr)}.section-center .card{text-align:center}.pricing .grid{align-items:start;gap:10px;grid-template-columns:290px 305px 290px;justify-content:center}.pricing .pricing-card{text-align:left;display:flex;flex-direction:column;width:290px;justify-self:stretch;min-height:340px;border-radius:16px;border:1px solid rgba(148,163,184,.45);background:linear-gradient(180deg,#fff,#f9fbff);box-shadow:0 10px 24px #0f172a14,0 1px #ffffffb3 inset;padding:18px 18px 16px;transition:none}.pricing .grid>.pricing-card:nth-child(2){width:305px;min-height:376px;border-color:#9fdaa9;box-shadow:0 0 0 4px #9fdaa966,0 10px 24px #0f172a14,0 1px #ffffffb3 inset}.pricing .grid>.pricing-card:nth-child(1){margin-top:14px;border-color:#9cccf6;box-shadow:0 0 0 2px #9cccf659,0 10px 24px #0f172a14,0 1px #ffffffb3 inset}.pricing .grid>.pricing-card:nth-child(3){margin-top:14px;border-color:#f5a3c9;box-shadow:0 0 0 2px #f5a3c966,0 10px 24px #0f172a14,0 1px #ffffffb3 inset}@media (max-width: 900px){.pricing .grid{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}.pricing .pricing-card{width:100%}.pricing .grid>.pricing-card:nth-child(1),.pricing .grid>.pricing-card:nth-child(3){margin-top:0}.pricing .grid>.pricing-card:nth-child(2){width:100%;min-height:340px}}@media (max-width: 640px){.pricing .grid{grid-template-columns:1fr}.pricing .pricing-card{width:min(100%,320px);justify-self:center}.pricing .grid>.pricing-card:nth-child(2){width:min(100%,320px);min-height:340px}}.pricing .pricing-card h3{font-size:16px;font-weight:700;margin:0 0 8px;color:#1e293b}.pricing .price-amount{font-size:32px;font-weight:800;letter-spacing:-.01em;margin:0}.pricing .price-note{margin-top:4px;color:#64748b;font-size:13px}.pricing .pricing-list{list-style:none;padding:0;margin:auto 0;display:grid;gap:9px}.pricing .pricing-list li{display:flex;align-items:center;gap:8px;margin:0;color:#334155;font-size:.94rem}.pricing .pricing-list svg{width:16px;height:16px;color:#16a34a;flex:0 0 auto}.pricing .card-spacer{display:none}.pricing .pricing-card .pricing-cta{display:inline-flex;align-items:center;justify-content:center;line-height:1;width:auto;min-width:170px;align-self:center;border-radius:999px;border:1px solid #469ce8;background:#3d94df;color:#fff;font-weight:900;letter-spacing:.2px;text-shadow:0 1px 0 rgba(0,0,0,.12);box-shadow:0 5px 12px #2a82cd33,inset 0 1px #ffffff38;transition:transform .08s ease,box-shadow .1s ease,filter .1s ease}.pricing .pricing-card .pricing-cta:after{content:none}.pricing .pricing-card .pricing-cta:hover{background:#3d94df;border-color:#469ce8;filter:brightness(1.02);transform:translateY(-1px);box-shadow:0 6px 14px #2a82cd3d,inset 0 1px #ffffff42}.why,.pricing,.templates,.changelog,.scenarios{padding:56px 0}.scenarios{padding-top:24px;padding-bottom:40px}.changelog .logbox{display:none}.changelog-list{display:grid;gap:14px}.release{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px 18px;box-shadow:0 1px #10182808,0 2px 6px #1018280a}.release-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.release-head .version{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#eef2ff;color:#1e40af;border:1px solid #c7d2fe}.release-head time{color:var(--muted);font-size:14px}.release-desc{margin:4px 0 10px;color:var(--muted)}.release-title{margin:0 0 4px;font-size:18px;font-weight:700;letter-spacing:-.01em}.release-items{list-style:none;padding:0;margin:0;display:grid;gap:6px}.release-items li{display:flex;align-items:center;gap:8px}.release-items svg{width:14px;height:14px;color:#3b82f6;flex:0 0 auto}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px 16px;position:relative;box-shadow:0 1px #10182808,0 2px 6px #1018280a}.card h3{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em}.scenarios .subhead{color:var(--muted);margin:6px 0 18px;font-size:18px}.scenario-carousel{display:grid;grid-template-columns:1fr minmax(560px,760px) minmax(120px,160px);gap:12px;align-items:start}.scenario-stage-main{margin:0;grid-column:2}.scenario-media{position:relative;background:radial-gradient(120% 120% at 0% 0%,#334155,#0f172a 55%,#020617);border-radius:18px;overflow:hidden;border:1px solid rgba(148,163,184,.28);box-shadow:0 14px 30px #02061738,inset 0 1px #ffffff1f}.scenario-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 14%)}.video-center-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:999px;border:1px solid rgba(255,255,255,.45);background:#0f172a6b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;cursor:pointer;z-index:4;box-shadow:0 6px 18px #0206173d;transition:transform .14s ease,background-color .14s ease,box-shadow .14s ease}.video-center-play:hover{transform:translate(-50%,-50%) scale(1.05);background:#0f172a8f;box-shadow:0 8px 22px #0206174d}.video-center-play-icon{width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:18px solid #f8fafc;margin-left:3px}.scenario-media video{width:100%;aspect-ratio:16 / 9;height:auto;display:block;object-fit:cover;background:#000}.scenario-mini-list{display:grid;grid-column:3;gap:10px}.scenario-mini{all:unset;cursor:pointer;display:grid;grid-template-columns:1fr;gap:6px;padding:6px;border-radius:12px;border:1px solid rgba(148,163,184,.35);background:#ffffffbf;transition:border-color .14s ease,background-color .14s ease,transform .14s ease}.scenario-mini:hover{transform:translateY(-1px);border-color:#1d4ed873}.scenario-mini.is-active{border-color:#1d4ed8bf;background:#dbeafea6}.scenario-mini img{width:100%;display:block;border-radius:8px}.scenario-mini span{font-size:.78rem;font-weight:700;color:#334155}.scenario-mini--all{border-style:dashed;background:#f1f5f9b3}.scenario-mini--all:hover{border-color:#1d4ed88c}.scenario-mini-all-thumb{width:100%;aspect-ratio:16 / 9;border-radius:8px;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,rgba(37,99,235,.18),transparent 55%),radial-gradient(circle at 80% 70%,rgba(239,68,68,.22),transparent 55%),radial-gradient(circle at 50% 50%,rgba(34,197,94,.24),transparent 55%),#ffffffe6;border:1px solid rgba(148,163,184,.35)}.scenario-mini-all-thumb:before{content:"→";font-size:1.25rem;font-weight:800;color:#0f172a;opacity:.75}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:-.01em;border:1px solid rgba(148,163,184,.35);background:#f1f5f9cc;color:#0f172a}.tag--blue{border-color:#008cff73;background:linear-gradient(135deg,#008cff2e,#7cc4ff38);color:#006dcc}.tag--red{border-color:#ff787880;background:linear-gradient(135deg,#ff787833,#ffaaaa42);color:#d44f4f}.tag--green{border-color:#38dea580;background:linear-gradient(135deg,#38dea533,#81ffcc42);color:#1f9e76}.checklist-block{margin:8px 0 0;padding:0;border:0;border-radius:0;background:transparent}.checklist-list{list-style:none;padding:0;margin:0;display:grid;gap:4px}.checklist-item{--row-accent: #1d4ed8;--row-border: rgba(37, 99, 235, .24);--row-bg: rgba(239, 246, 255, .72)}.checklist-item:nth-child(2n){--row-accent: #0f766e;--row-border: rgba(15, 118, 110, .24);--row-bg: rgba(236, 253, 245, .72)}.checklist-item label{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;cursor:pointer;color:#0f172a;padding:4px;border:1px solid var(--row-border);border-radius:10px;background:var(--row-bg);transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease,transform .15s ease}.checklist-item label:hover{transform:translate(2px);border-color:color-mix(in srgb,var(--row-accent) 42%,white);background:color-mix(in srgb,var(--row-bg) 85%,white);box-shadow:0 6px 14px #0f172a0f}.checklist-item.is-done label{border-color:#15803d47;background:#f0fdf4c7;box-shadow:none}.checklist-item.is-done label:hover{transform:none;border-color:#15803d57;background:#dcfce7d1}.checklist-item input[type=checkbox]{margin-top:2px;width:18px;height:18px;accent-color:var(--row-accent)}.checklist-item span{line-height:1.45}.checklist-item.is-done input[type=checkbox]{accent-color:#15803d}.checklist-item.is-done span{color:#475569;text-decoration:line-through;text-decoration-color:#47556980;text-decoration-thickness:1.5px}.scenarios-index-page{padding:120px 0 56px}.scenarios-index-head h1{margin:0;font-size:clamp(2.1rem,4.2vw,3rem);letter-spacing:-.03em}.scenarios-index-lead{margin:10px 0 0;color:var(--muted);max-width:60ch;font-size:1.05rem;line-height:1.55}.scenarios-grid{margin-top:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.scenario-card{display:grid;grid-template-columns:1fr;padding:0;overflow:hidden;border:1px solid rgba(148,163,184,.35)}.scenario-card:hover{text-decoration:none;border-color:#1d4ed873}.scenario-card-img{width:100%;height:auto;display:block;aspect-ratio:16 / 9;object-fit:cover;background:#0b1220}.scenario-card-body{padding:14px 16px 16px}.scenario-card-title{margin:0;font-size:1.15rem;letter-spacing:-.02em;color:#0f172a}.scenario-card-summary{margin:10px 0 0;color:var(--muted);line-height:1.55}.scenario-card-link{margin-top:12px;display:inline-flex;font-weight:800;color:#1d4ed8}@media (max-width: 900px){.scenarios-grid{grid-template-columns:1fr}}.scenario-caption{margin-top:10px;font-weight:600;letter-spacing:-.01em;color:var(--muted);opacity:1;transform:translateY(0)}.scenario-caption a{color:inherit;text-decoration:underline;text-decoration-color:#1f29374d;text-underline-offset:3px}.scenario-caption a:hover{text-decoration-color:#1f2937bf}@media (max-width: 900px){.scenario-carousel{display:grid;grid-template-columns:1fr;gap:12px}.scenario-stage-main,.scenario-mini-list{grid-column:auto}.scenario-mini-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.card p{margin:0;color:var(--muted)}.card h3{display:inline-flex;align-items:center;gap:8px}.feat-icon{width:18px;height:18px;color:var(--primary);flex:0 0 auto}.feature-wide-stack{display:grid;grid-template-columns:1fr;gap:22px;max-width:980px;margin:0 auto}.feature-wide{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:22px;align-items:center;padding:22px;border:none;border-radius:18px;--media-order: 2;--body-order: 1;--accent: #1d4ed8;--accent-rgb: 29, 78, 216;min-height:0;overflow:hidden;background:linear-gradient(135deg,rgba(var(--accent-rgb),.12),#fffffff5 55%);box-shadow:0 12px 28px #0f172a14;width:100%;z-index:0}.feature-wide:before{content:"";position:absolute;width:240px;height:240px;right:-110px;top:-110px;z-index:0;background:radial-gradient(circle,rgba(var(--accent-rgb),.35),#fff0 62%);opacity:.7;pointer-events:none}.feature-wide:after{content:"";position:absolute;left:22px;bottom:18px;width:120px;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(var(--accent-rgb),.55),#fff0);opacity:.7;z-index:1;pointer-events:none}.feature-wide--reverse{--media-order: 0;--body-order: 2}.feature-wide-media{position:relative;z-index:1;border-radius:14px;overflow:hidden;background:#f8fafc;background-size:cover;background-position:70% 50%;box-shadow:0 10px 22px #0f172a1f;order:var(--media-order)}.feature-wide-media img,.feature-wide-media video{width:100%;height:auto;display:block}.feature-wide-media video{aspect-ratio:16 / 9;object-fit:cover;object-position:70% 50%}.feature-kicker{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.feature-wide--export .feature-wide-media img{object-fit:contain;object-position:90% 50%;padding:12px 8px 12px 18px;box-sizing:border-box}.feature-wide--solver .feature-wide-media img{object-fit:contain;object-position:90% 50%;padding:6px 4px 6px 10px;box-sizing:border-box}.feature-wide--constraints .feature-wide-media img{object-fit:contain;object-position:88% 50%;padding:12px 8px 12px 18px;box-sizing:border-box}.feature-wide--drag{--accent: #1d4ed8;--accent-rgb: 29, 78, 216}.feature-wide--solver{--accent: #0f766e;--accent-rgb: 15, 118, 110}.feature-wide--constraints{--accent: #c2410c;--accent-rgb: 194, 65, 12}.feature-wide--conflicts{--accent: #b91c1c;--accent-rgb: 185, 28, 28}.feature-wide--export{--accent: #0e7490;--accent-rgb: 14, 116, 144}.feature-wide--encrypted{--accent: #334155;--accent-rgb: 51, 65, 85}.feature-wide--fallback{--accent: #15803d;--accent-rgb: 21, 128, 61}.feature-wide--encrypted .feature-wide-media img{object-fit:contain;object-position:center;padding:24px;box-sizing:border-box;max-height:200px;margin:0 auto}.feature-wide--drag .feature-wide-media video{transform:scale(.95);transform-origin:70% 50%}.feature-wide--fallback .feature-wide-media{background-image:url(../../../preview_og.webp)}.feature-wide-body{position:relative;z-index:2;display:flex;flex-direction:column;gap:10px;width:100%;padding:0;text-align:left;order:var(--body-order)}.feature-wide-body h3{margin:0;font-size:22px;letter-spacing:-.02em}.feature-wide-body p{margin:0;color:var(--muted);font-size:16px;line-height:1.5}@media (max-width: 900px){.feature-wide{grid-template-columns:1fr;gap:16px;padding:18px}.feature-wide:before{right:-120px;top:auto;bottom:-120px}.feature-wide:after{display:none}.feature-wide-media{order:0;box-shadow:0 8px 18px #0f172a1a}.feature-wide-body{order:1;padding:0}.feature-wide-media img,.feature-wide-media video{object-position:50% 50%}}.features h2,.why h2,.pricing h2,.templates h2,.changelog h2,.faq h2{font-size:32px;line-height:1.2;font-weight:600;letter-spacing:-.01em;margin:0 0 12px;text-align:center}.features .subhead,.why .subhead{color:var(--muted);margin:4px auto 22px;font-size:18px;max-width:780px}@media (max-width: 480px){.brand{font-size:18px}.site-header .brand-icon{width:28px;height:28px}}.faq{padding:28px 0 72px}.faq details{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin:12px 0}.faq summary{cursor:pointer;font-weight:600}.faq p{color:var(--muted)}.scenario-post-page{padding-top:120px;padding-bottom:64px}.scenario-post-shell{display:grid;grid-template-columns:minmax(0,1fr) 56px;gap:18px;align-items:start}.scenario-post{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:clamp(18px,3vw,32px);box-shadow:0 10px 26px #0f172a14}.scenario-progress-rail{position:sticky;top:104px;border:1px solid rgba(148,163,184,.35);border-radius:14px;background:linear-gradient(180deg,#fffffff2,#f8fafceb);box-shadow:0 8px 20px #0f172a14;padding:3px 8px;display:grid;justify-items:center;gap:2px}.scenario-progress-meta{margin:0;line-height:1;font-size:.72rem;font-weight:700;color:#334155}.scenario-progress-track{width:12px;height:190px;border-radius:999px;border:0;background:linear-gradient(180deg,#e0f2fe73,#dbeafe3d);overflow:hidden;display:flex;align-items:flex-start}.scenario-progress-fill{width:100%;height:0;border-radius:999px;background:linear-gradient(180deg,#15803d,#22c55e);box-shadow:0 -3px 8px #15803d59;transition:height .18s ease}.scenario-post-head{text-align:left}.scenario-post-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}.scenario-post-meta .tag-row{margin:0 0 0 auto}.scenario-post-meta .scenario-post-kicker{margin:0}.scenario-post-head h1{margin:0 0 10px;font-size:clamp(2rem,4vw,2.8rem);line-height:1.1}.scenario-post-kicker{margin:0 0 10px;color:#1d4ed8;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.scenario-post-lead{margin:0 0 22px;color:#334155;font-size:1.08rem;line-height:1.7;max-width:70ch}.scenario-embed-wrap{margin:0 0 24px;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 8px 20px #02061742}.scenario-embed-wrap iframe{display:block;width:100%;aspect-ratio:16 / 9;height:auto;border:0}.scenario-post-body h2{margin:28px 0 10px;padding-top:18px;border-top:1px solid rgba(226,232,240,.9);font-size:1.55rem;letter-spacing:-.01em}.scenario-post-body h2:first-of-type{margin-top:0;padding-top:0;border-top:0}.scenario-post-body h3{margin:18px 0 8px;font-size:1.15rem;letter-spacing:-.01em}.scenario-post-body p{margin:0 0 14px;color:#334155;line-height:1.75}.scenario-post-body ul{margin:10px 0 18px;padding-left:22px}.scenario-post-body li{margin:8px 0;color:#334155;line-height:1.65}.scenario-post-body li strong{color:var(--text);font-weight:700}.scenario-post-body p+ul{margin-top:8px}.scenario-post-body ul+p{margin-top:6px}.scenario-checklist-actions{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}.scenario-checklist-actions-left,.scenario-checklist-actions-right{display:flex;gap:10px;align-items:center}.scenario-checklist-actions-right{margin-left:auto}.scenario-checklist-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:10px;padding:9px 12px;font-weight:700;font-size:.9rem;line-height:1.1;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background-color .14s ease,color .14s ease}.scenario-checklist-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0f172a1f}.scenario-checklist-btn:active{transform:translateY(0)}.scenario-checklist-btn--subtle{border-color:#2563eb4d;background:linear-gradient(180deg,#eff6ffe6,#dbeafee0);color:#1d4ed8}.scenario-checklist-btn--subtle:hover{border-color:#1d4ed873;background:linear-gradient(180deg,#dbeafef2,#bfdbfeeb)}.scenario-checklist-btn--danger{border-color:#94a3b86b;background:linear-gradient(180deg,#f8fafcf5,#f1f5f9f0);color:#334155}.scenario-checklist-btn--danger:hover{border-color:#64748b80;background:linear-gradient(180deg,#f1f5f9fa,#e2e8f0f5)}.scenario-post-cta{margin-top:28px;padding:18px;border-radius:16px;border:1px solid rgba(37,99,235,.25);background:radial-gradient(900px 220px at 10% 0%,rgba(37,99,235,.14),transparent 55%),linear-gradient(180deg,#ffffffeb,#f8fafcf5);box-shadow:0 10px 22px #0f172a14;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.scenario-post-cta h2{margin:0 0 6px;font-size:1.25rem}.scenario-post-cta p{margin:0;color:var(--muted)}.scenario-post-cta-actions{justify-self:end}@media (max-width: 700px){.scenario-checklist-actions{justify-content:flex-start}.scenario-checklist-actions-right{margin-left:0}.scenario-post-shell{grid-template-columns:1fr}.scenario-progress-rail{display:none}.scenario-post-meta{flex-wrap:wrap}.scenario-post-meta .tag-row{margin-left:0}.scenario-post-cta{grid-template-columns:1fr;text-align:left}.scenario-post-cta-actions{justify-self:start}}.site-footer{border-top:1px solid var(--border);background:#fffc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.route-header{position:sticky;top:0;z-index:50;background:#fffc;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:block}.route-header-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:12px 24px}.route-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-weight:600}.route-brand .brand-icon{width:26px;height:26px}.route-title{text-align:center;font-weight:600;letter-spacing:-.01em}.route-cta{justify-self:end;text-decoration:none;color:var(--text);background:var(--panel);border:1px solid var(--border);padding:8px 12px;border-radius:999px;font-weight:600}.route-cta:hover{background:#fff}.site-footer .container{display:flex;justify-content:space-between;align-items:center;padding:18px 24px}.footer-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.site-footer span{white-space:nowrap}.site-footer a{white-space:nowrap;color:#4b5563}.site-footer a:hover{color:var(--text)}.footer-email{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:inherit}.footer-email-label{display:none;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.footer-email-full{display:inline}@media (max-width: 700px){.site-footer .container{flex-direction:column;align-items:center;gap:10px;padding:16px;text-align:center}.footer-links{width:100%;display:grid;grid-template-columns:1fr;gap:8px;justify-items:center}.site-footer span,.site-footer a{white-space:normal}.footer-email{overflow-wrap:anywhere}}.eu-note{background:#fffc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--muted);font-size:16px}.eu-note .container{padding:16px 24px 26px;text-align:center}.eu-note a{color:inherit;text-decoration:underline;text-underline-offset:3px}.eu-note a:hover{color:var(--text)}.eu-note .eu-badge{width:72px;height:auto;display:block;margin:0 auto 8px;opacity:1;transform:translateY(0) scale(1);filter:drop-shadow(0 6px 12px rgba(15,23,42,.18))}.eu-note .eu-badge.is-visible{animation:eu-badge-pop .56s cubic-bezier(.2,.9,.3,1) forwards}.eu-note .eu-badge.is-static{opacity:1;transform:translateY(0) scale(1);animation:none}@keyframes eu-badge-pop{0%{opacity:0;transform:translateY(10px) scale(.92)}60%{opacity:1;transform:translateY(-2px) scale(1.03)}to{opacity:1;transform:translateY(0) scale(1)}}.back-to-top{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;background:var(--panel);color:var(--text);border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0f172a1f;z-index:90;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s ease}.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 16px #0f172a29}.back-to-top:active{transform:translateY(0)}.mockup{width:100%;perspective:1200px;perspective-origin:center;overflow:visible;position:relative;z-index:1;--mockup-radius: 8px}.mockup:before{content:"";position:absolute;top:4%;right:8%;bottom:8%;left:8%;background:radial-gradient(45% 100% at 22% 37%,rgba(90,145,250,.92),transparent 55%),radial-gradient(45% 100% at 78% 37%,rgba(90,252,190,.89),transparent 55%),radial-gradient(85% 35% at 51% 85%,rgba(255,100,100,.92),transparent 55%);filter:blur(140px);opacity:1;z-index:0;pointer-events:none}.mockup-tilt{position:relative;isolation:isolate;transform-style:preserve-3d;will-change:transform;transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transform-origin:center;transition:transform .14s ease-out}.mockup-tilt .mockup-plinth{position:absolute;left:50%;top:50%;width:min(936px,100%);aspect-ratio:11 / 6;border-radius:calc(var(--mockup-radius) + 6px);background:radial-gradient(120% 90% at 20% 10%,#ffffff61,#ffffff1f 55%,#ffffff0f),radial-gradient(80% 60% at 85% 20%,#ffffff38,#ffffff14 60%,#ffffff0d),linear-gradient(145deg,#ffffff38,#ffffff17);border:2px solid rgba(255,255,255,.72);box-shadow:0 0 0 1px #0f172a24,0 28px 70px #0f172a29,0 0 0 1px #ffffff2e inset,0 1px #ffffff57 inset,0 -1px #ffffff24 inset;backdrop-filter:blur(30px) saturate(1.75);-webkit-backdrop-filter:blur(30px) saturate(1.75);transform:translate(-50%,-50%) translateZ(-170px) scaleX(1.025) scaleY(1.04);pointer-events:none;z-index:1;opacity:.72;backface-visibility:hidden}.masthead-grid>.mockup{margin-top:clamp(12px,1vh,32px)}.mockup-window{width:min(936px,100%);aspect-ratio:11 / 6;box-sizing:border-box;margin:24px 0;left:50%;border:1px solid var(--border);border-radius:var(--mockup-radius);--bg-start: #fafbfe;--bg-end: #fcfdff;--panel: #ffffff;--text: #0c1b2a;--muted: #4b5563;--border: #e2e8f0;--sess-a-bg: #dbeafe;--sess-a-bd: #bfdbfe;--sess-b-bg: #dcfce7;--sess-b-bd: #bbf7d0;--sess-c-bg: #fee2e2;--sess-c-bd: #fecaca;--skl-line-bg: #e5e7ef;--control-bg: #ffffff;--control-locked: #eeeeee;--control-border: var(--border);--control-border-hover: #9aa3b2;--skl-cta-a: #a7bead;--skl-cta-b: #8aa892;--cta-a: #709579;--cta-b: #709579;--cta-shadow-rgba: 16,24,40;--cta-text: #ffffff;--avatar-bg-start: #e0e7ff;--avatar-bg-end: #c7d2fe;--avatar-border: #c7d2fe;--face-sat: 40%;--face-light: 90%;--face-stroke: #aaa;--mock-chat-open-x: .04;--mock-chat-open-y: .08;--mock-chat-duration-x: .3s;--mock-chat-delay-x: .16s;--mock-chat-shift: 8px;--mock-chat-ease: cubic-bezier(.22, .9, .29, 1.15);--mock-chat-z: 170px;--mock-chat-parallax: 1.35;background:linear-gradient(180deg,var(--bg-start),var(--bg-end));box-shadow:0 1px #1018280a,0 3px 8px #1018280f,0 12px 24px #1018280f;display:flex;flex-direction:column;position:relative;z-index:2;overflow:hidden;transform-style:preserve-3d;will-change:transform;transform:translate(-50%) translateZ(-90px) scale(.99);transform-origin:center;transition:transform .14s ease-out}@supports (-moz-appearance: none){.mockup-tilt{transform-style:flat}.mockup-tilt .mockup-plinth{transform:translate(-50%,-50%) scaleX(1.025) scaleY(1.04);backdrop-filter:none;-webkit-backdrop-filter:none}.mockup-window{transform:translate(-50%) scale(.99)}}.nudge-arrow{position:absolute;right:20px;top:22px;width:240px;height:240px;background:url(../../../arrow.webp) no-repeat center/contain;opacity:0;pointer-events:none;z-index:80;clip-path:inset(0 100% 0 0);animation:nudge-reveal .6s ease forwards,nudge-wiggle 6s ease-in-out .7s infinite;transform-origin:100% 100%;will-change:transform}@keyframes nudge-reveal{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes nudge-wiggle{0%{transform:rotate(0) translate(0)}30%{transform:rotate(1.2deg) translate(-1px,-1px)}60%{transform:rotate(-.8deg) translate(.5px,.5px)}to{transform:rotate(0) translate(0)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.mockup-window{transform:none!important}}.mockup-window:before,.is-surface:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background-image:var(--grain-img);opacity:var(--grain-surface-opacity);background-size:40px 40px;z-index:0}.is-surface{position:relative;isolation:isolate}.is-surface>*{position:relative;z-index:1}.mockup-window{isolation:isolate}.mockup-window>*:not(.nudge-arrow):not(.mockup-ai-chat){position:relative;z-index:1}.mockup-window .theme-wipe{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transform:scaleX(0);transform-origin:left;transition:transform .16s cubic-bezier(.4,0,.2,1),opacity .1s ease-out;z-index:5}.mockup-window .theme-wipe.to-dark{background:linear-gradient(90deg,#0f172a00,#0f172a66,#0f172acc)}.mockup-window .theme-wipe.to-light{background:linear-gradient(90deg,#fff0,#fff6,#fffc)}.mockup-window[data-theme=dark]{background:linear-gradient(180deg,#0b0e13,#0e1116);--panel: #151a22;--text: #c9d1e2;--muted: #9aa3b2;--border: #263042;--sess-a-bg: #294c97;--sess-a-bd: #3d65bc;--sess-b-bg: #1f6a51;--sess-b-bd: #2c8669;--sess-c-bg: #9f4955;--sess-c-bd: #b75c68;--control-bg: rgba(255,255,255,.08);--control-locked: #222222;--control-border: rgba(255,255,255,.75);--control-border-hover: #ffffff;--skl-cta-a: #709579;--skl-cta-b: #57755e;--cta-a: #709579;--cta-b: #709579;--cta-text: #ffffff;--avatar-bg-start: #162649;--avatar-bg-end: #101b33;--avatar-border: #24437b;--skl-line-bg: #3a4354;--face-sat: 70%;--face-light: 45%;--face-stroke: #333}.app-bar{display:flex;align-items:center;justify-content:space-between;padding:clamp(6px,1vw,8px) clamp(8px,1.4vw,12px);background:var(--panel);border:1px solid var(--border);border-radius:6px;box-shadow:0 2px 8px #1018280f;margin-bottom:clamp(4px,.9vw,8px)}.app-title{font-weight:700;color:var(--text);font-family:Georgia,Times New Roman,serif;font-size:clamp(12px,2vw,16px);letter-spacing:-.2px;text-decoration:none;display:inline-flex;align-items:center;gap:clamp(4px,1vw,8px)}.app-title .brand-icon{width:clamp(12px,2vw,22px);height:clamp(12px,2vw,22px)}.app-title:hover{text-decoration:underline}.app-menu{display:flex;align-items:center;gap:clamp(4px,1.1vw,8px);color:#667085}.m-sep{display:inline-block;width:clamp(4px,1.1vw,8px)}.skl-pill{display:inline-block;height:clamp(12px,1.6vw,18px);border-radius:999px;background:var(--control-bg);border:1px solid var(--control-border)}.w-38{width:clamp(24px,3.4vw,38px)}.w-44{width:clamp(28px,3.9vw,44px)}.w-50{width:clamp(32px,4.4vw,50px)}.skl-ic{display:inline-block;width:clamp(14px,1.8vw,20px);height:clamp(14px,1.8vw,20px);border-radius:3px;background:var(--control-bg);border:1px solid var(--control-border)}.mode-toggle{width:clamp(16px,2.1vw,22px);height:clamp(16px,2.1vw,22px);border-radius:4px;background:transparent;border:0;box-shadow:none;cursor:pointer;color:var(--muted);opacity:.9}.mode-toggle svg{width:100%;height:100%;display:block;padding:2px}.mode-toggle:hover{opacity:1;color:var(--text)}.mode-toggle:active{transform:translateY(1px)}.skl-cta{display:inline-flex;align-items:center;justify-content:center;height:clamp(18px,2.4vw,24px);width:clamp(64px,10vw,96px);border-radius:999px;background:linear-gradient(180deg,color-mix(in oklab,var(--skl-cta-a) 82%,#ffffff 18%),color-mix(in oklab,var(--skl-cta-b) 70%,#ffffff 22%)) padding-box,conic-gradient(from 210deg,color-mix(in oklab,var(--cta-a) 75%,#ffffff 25%),color-mix(in oklab,var(--cta-b) 72%,#ffffff 28%)) border-box;box-shadow:0 2px 6px rgba(var(--cta-shadow-rgba),.18),0 1px #ffffff38 inset;border:1px solid transparent;cursor:pointer;transition:background .16s ease,box-shadow .14s ease,transform .1s ease,border-color .16s ease;font-size:clamp(10px,1.4vw,12px);font-weight:800;color:var(--cta-text);line-height:1;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.skl-cta-label{font-size:12px;color:#667085;margin-left:8px}.skl-cta:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(var(--cta-shadow-rgba),.24),0 0 14px #ff6a0038,0 1px #ffffff42 inset}.skl-cta:active{transform:translateY(0);box-shadow:0 6px 14px rgba(var(--cta-shadow-rgba),.22),0 1px #ffffff2e inset}.skl-cta.is-sim-clicking{transform:translateY(0);box-shadow:0 6px 14px rgba(var(--cta-shadow-rgba),.22),0 1px #ffffff2e inset;filter:brightness(.98) saturate(.98)}.skl-cta.locked{background:var(--control-locked)!important;border-color:var(--control-border)!important;box-shadow:none!important;cursor:not-allowed;pointer-events:none}.mockup-body{flex:1;display:grid;grid-template-columns:5fr 2fr;grid-template-rows:1fr;gap:8px;padding:clamp(6px,1vw,10px);padding-bottom:0;min-height:0}.mockup-footer{margin:0 clamp(6px,1vw,10px) 3px;padding:3px 6px;background:transparent;border:0;border-radius:0;display:flex;align-items:center;justify-content:space-between;gap:10px}.mockup-footer-left,.mockup-footer-right{display:inline-flex;align-items:center;gap:clamp(4px,1vw,8px);min-width:0}.mockup-footer-right{justify-content:flex-end}.mockup-footer .skl-pill,.mockup-footer .skl-ic{opacity:.45;border-color:color-mix(in srgb,var(--control-border) 55%,transparent);background:color-mix(in srgb,var(--control-bg) 55%,transparent)}.mockup-footer .skl-pill{height:3px;border-radius:999px}.mockup-footer .skl-ic{height:3px;width:clamp(10px,1.4vw,14px);border-radius:999px}.elev-1{transform:translate3d(calc(var(--px, 0px) * .35),calc(var(--py, 0px) * .35),8px);will-change:transform}.elev-2{transform:translate3d(calc(var(--px, 0px) * .6),calc(var(--py, 0px) * .6),16px);will-change:transform}.elev-3{transform:translate3d(calc(var(--px, 0px) * 1),calc(var(--py, 0px) * 1),24px);will-change:transform}.elev-4{transform:translate3d(calc(var(--px, 0px) * 1.3),calc(var(--py, 0px) * 1.3),34px);will-change:transform}.mockup-schedule-wrap{display:grid;gap:clamp(2px,.8vw,6px);height:100%;grid-template-rows:auto 1fr;min-height:0}.mockup-schedule-head{display:grid;grid-template-columns:repeat(var(--cols),1fr);font-size:12px;color:#667085;background:var(--panel);border:1px solid var(--border);border-radius:5px;overflow:hidden;padding:var(--sched-pad);margin-top:-8px}.mockup-schedule-head>div{padding:2px 4px;border-right:1px solid #e3e8f2;display:grid;place-items:center;min-width:0}.mockup-schedule-head>div:last-child{border-right:0}.skl-line{display:inline-block;height:8px;width:min(calc(100% - 8px),clamp(24px,calc(60px - (var(--cols) - 5) * 4px),60px));background:var(--skl-line-bg);border-radius:2px;margin:0 auto}.mockup-schedule{display:grid;grid-template-columns:1fr;gap:0;background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:var(--sched-pad);height:100%;min-height:0;position:relative;transform:translate3d(calc(var(--px, 0px) * var(--session-shift, .45)),calc(var(--py, 0px) * var(--session-shift, .45)),0);will-change:transform}.mockup-schedule .cols{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:0;height:100%;min-height:0}.mockup-schedule .cols>.col{position:relative;background:transparent;border-right:1px solid #d8dfec;height:100%;min-height:0}.mockup-schedule .cols>.col:last-child{border-right:0}.mockup-schedule .cols>.col .block{position:absolute;left:0;right:0;top:0;height:20px;border-radius:3px;color:var(--border);background-image:repeating-linear-gradient(35deg,color-mix(in srgb,currentColor 70%,transparent) 0 4px,transparent 4px 12px);background-color:color-mix(in srgb,currentColor 0%,transparent);box-shadow:inset 0 1px #ffffff47;pointer-events:auto;touch-action:none}.mockup-schedule .events{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;pointer-events:none}.mockup-schedule .events .session{pointer-events:auto}.mockup-schedule .events .session{position:absolute;top:calc(var(--y) * 1px);height:calc(var(--h) * 1px);border-radius:4px;box-shadow:0 1px 4px #0000000f;transform:translateY(var(--session-dy, 0px)) scale(var(--session-scale, 1));will-change:transform;transition:left 80ms linear,top 80ms linear,transform .14s ease}.mockup-schedule .events .session[data-depth="1"]{--session-scale: 1.03;--session-dy: -1px;box-shadow:0 6px 18px #0000001a,0 3px 8px #0000000f;filter:saturate(1.01)}.mockup-schedule .events .session.a{background:var(--sess-a-bg, #dbeafe);border:1px solid var(--sess-a-bd, #bfdbfe)}.mockup-schedule .events .session.b{background:var(--sess-b-bg, #dcfce7);border:1px solid var(--sess-b-bd, #bbf7d0)}.mockup-schedule .events .session.c{background:var(--sess-c-bg, #fee2e2);border:1px solid var(--sess-c-bd, #fecaca)}.mockup-schedule .events .session.lg{box-shadow:0 3px 10px #0000001a;border-width:2px}.mockup-schedule .events .session[data-conflict="1"]:after{content:"!";position:absolute;top:1px;right:3px;font-size:13px;font-weight:900;line-height:1;color:#ef4444;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}.mockup-window[data-theme=dark] .mockup-schedule .events .session[data-conflict="1"]:after{text-shadow:-1px -1px 0 #0b1220,1px -1px 0 #0b1220,-1px 1px 0 #0b1220,1px 1px 0 #0b1220}.mockup-schedule.is-clear-start .cols>.col .block,.mockup-schedule.is-clear-start .events .session{opacity:0;visibility:hidden;pointer-events:none}.mockup-window[data-clear-mode="1"] .mockup-people .person{opacity:0;visibility:hidden;pointer-events:none}.mockup-people{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:10px;display:grid;gap:clamp(4px,1.2vw,8px);align-content:start;height:100%;min-height:0;overflow:hidden}.person{display:flex;align-items:center;min-height:clamp(20px,3vw,28px)}.person .line{order:1;flex:1 1 auto;height:clamp(7px,1.2vw,10px);border-radius:3px;background:var(--skl-line-bg)}.person .avatar{order:2;flex:0 0 auto;width:clamp(18px,2.6vw,28px);height:clamp(18px,2.6vw,28px);margin-left:clamp(6px,1.6vw,12px);border-radius:50%;background:linear-gradient(180deg,var(--avatar-bg-start),var(--avatar-bg-end));border:1px solid var(--avatar-border);display:grid;place-items:center;overflow:hidden;line-height:0}.mockup-ai-chat{position:absolute;right:clamp(10px,1.6vw,18px);bottom:clamp(12px,1.8vw,20px);width:clamp(230px,30vw,340px);border:0;border-radius:8px;background:transparent;box-shadow:0 24px 40px #0f172a4d,0 10px 20px #0f172a38;overflow:visible;z-index:140;will-change:transform,left,top;transform-origin:100% 100%;opacity:calc(.01 + var(--mock-chat-open-x) * .99);transform:translate3d(calc(var(--px, 0px) * var(--mock-chat-parallax)),calc(var(--py, 0px) * var(--mock-chat-parallax)),0) translate(var(--mock-chat-shift),var(--mock-chat-shift)) translateZ(var(--mock-chat-z)) scaleX(var(--mock-chat-open-x)) scaleY(var(--mock-chat-open-y));transition:none;pointer-events:auto}.mockup-ai-chat-panel{border-radius:8px;overflow:hidden;background:var(--panel);border:1px solid color-mix(in srgb,#3d94df 60%,var(--border))}.mockup-ai-suggestions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px;padding:2px 8px 8px;border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent);animation:mockup-suggest-in .22s ease both}@keyframes mockup-suggest-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mockup-ai-suggestion-chip{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;border:1px solid color-mix(in srgb,#3d94df 58%,#ffffff);background:color-mix(in srgb,#3d94df 18%,#ffffff);color:#1d4ed8;font-size:clamp(10px,1.1vw,12px);font-weight:700;line-height:1.2;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:inherit;text-align:left;transition:transform .12s ease,filter .12s ease;opacity:0;transform:translateY(3px) scale(.98);animation:mockup-chip-in .2s ease both;animation-delay:calc(var(--chip-i, 0) * 70ms)}.mockup-ai-suggestion-chip:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.08) saturate(1.08);border-color:color-mix(in srgb,#3d94df 78%,#ffffff);box-shadow:0 6px 12px #1d4ed838}.mockup-ai-suggestion-chip:active{transform:translateY(0) scale(1);filter:brightness(1.02);box-shadow:0 2px 6px #1d4ed829}@keyframes mockup-chip-in{0%{opacity:0;transform:translateY(3px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.mockup-window[data-theme=dark] .mockup-ai-suggestion-chip{border-color:color-mix(in srgb,#3d94df 72%,#1f2937);background:color-mix(in srgb,#3d94df 30%,#0b1220);color:#bfdbfe}.mockup-window[data-theme=dark] .mockup-ai-suggestions{border-top-color:color-mix(in srgb,var(--border) 76%,#0b1220)}.mockup-window[data-chat-open="0"] .mockup-ai-chat{transition:transform var(--mock-chat-duration-x) var(--mock-chat-ease) var(--mock-chat-delay-x),opacity var(--mock-chat-duration-x) ease var(--mock-chat-delay-x)}.mockup-window[data-chat-open="1"] .mockup-ai-chat{opacity:1}.mockup-ai-chat-header{display:flex;align-items:center;min-height:clamp(24px,2.9vw,30px);padding:0 clamp(10px,1.6vw,12px);background:#3d94df;color:#fff;font-size:clamp(10px,1.3vw,13px);font-weight:800;letter-spacing:.01em;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.mockup-ai-chat-header:active{cursor:grabbing}.mockup-window[data-theme=dark] .mockup-ai-chat-header{border-bottom:1px solid color-mix(in srgb,#3d94df 55%,#0b1220)}.mockup-ai-chat-messages{display:grid;gap:clamp(3px,.5vw,5px);min-height:clamp(74px,9vw,112px);max-height:clamp(150px,20vw,225px);overflow:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--border) 86%,#ffffff) transparent;padding:clamp(6px,.9vw,8px);background:color-mix(in srgb,var(--panel) 90%,#f8fafc)}.mockup-ai-chat-messages::-webkit-scrollbar{width:6px;height:6px}.mockup-ai-chat-messages::-webkit-scrollbar-track{background:transparent}.mockup-ai-chat-messages::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--border) 86%,#ffffff);border-radius:999px}.mockup-ai-chat-messages::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--border) 96%,#f8fafc)}.mockup-window[data-theme=dark] .mockup-ai-chat-messages{background:color-mix(in srgb,var(--panel) 95%,#0b1220);scrollbar-color:color-mix(in srgb,var(--border) 84%,#0b1220) transparent}.mockup-window[data-theme=dark] .mockup-ai-chat-messages::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--border) 84%,#0b1220)}.mockup-window[data-theme=dark] .mockup-ai-chat-messages::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--border) 92%,#111827)}.mockup-ai-row{display:flex;width:100%;align-items:flex-start}.mockup-ai-bubble-wrap{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px}.mockup-ai-row.user{justify-content:flex-end;margin-left:auto}.mockup-ai-row.user .mockup-ai-bubble-wrap{align-items:flex-end}.mockup-ai-row.ai{justify-content:flex-start;margin-right:auto}.mockup-ai-row.ai .mockup-ai-bubble-wrap{align-items:flex-start;width:fit-content}.mockup-ai-bubble{display:block;min-width:150px;max-width:88%;border:1px solid var(--border);border-radius:8px;padding:clamp(2px,.3vw,3px) clamp(8px,1vw,10px);font-size:clamp(11px,1.35vw,14px);line-height:1.12;margin:0;color:var(--text);background:color-mix(in srgb,var(--panel) 86%,#ffffff)}.mockup-ai-row.user .mockup-ai-bubble{background:color-mix(in srgb,#3d94df 14%,#ffffff);border-color:color-mix(in srgb,#3d94df 35%,var(--border));border-top-right-radius:4px}.mockup-ai-row.ai .mockup-ai-bubble{border-top-left-radius:4px}.mockup-ai-role-tag{display:inline-block;font-size:clamp(8px,.95vw,10px);font-weight:800;line-height:1;color:#3d94df;letter-spacing:.01em;text-transform:lowercase;padding:0 1px}.mockup-ai-row.ai .mockup-ai-role-tag{color:var(--text);align-self:flex-end;text-align:right;width:100%}.mockup-ai-attach-chip{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);background:color-mix(in srgb,var(--panel) 90%,#ffffff);color:color-mix(in srgb,var(--muted) 80%,#334155);font-size:clamp(8px,.9vw,10px);font-weight:700;line-height:1.2}.mockup-window[data-theme=dark] .mockup-ai-row.ai .mockup-ai-bubble{background:color-mix(in srgb,var(--panel) 88%,#0b1220);border-color:color-mix(in srgb,var(--border) 86%,#0b1220);color:#d8e1ef}.mockup-window[data-theme=dark] .mockup-ai-row.user .mockup-ai-bubble{background:color-mix(in srgb,#3d94df 34%,#0f172a);border-color:color-mix(in srgb,#3d94df 62%,#1f2937);color:#eaf2ff}.mockup-window[data-theme=dark] .mockup-ai-role-tag{color:#6eb2ef}.mockup-window[data-theme=dark] .mockup-ai-row.ai .mockup-ai-role-tag{color:color-mix(in srgb,var(--text) 88%,#ffffff)}.mockup-window[data-theme=dark] .mockup-ai-attach-chip{background:color-mix(in srgb,var(--panel) 92%,#0b1220);border-color:color-mix(in srgb,var(--border) 86%,#0b1220);color:#9fb0c8}.mockup-ai-chat-compose{display:grid;grid-template-columns:1fr auto;grid-auto-rows:min-content;align-items:center;gap:clamp(5px,.9vw,8px);padding:clamp(6px,1vw,9px);border-top:1px solid var(--border);background:var(--panel)}.mockup-ai-compose-drop{grid-column:1 / -1;display:inline-flex;align-items:center;width:fit-content;padding:2px 7px;border-radius:999px;border:1px dashed color-mix(in srgb,#3d94df 55%,var(--border));background:color-mix(in srgb,#3d94df 12%,#ffffff);color:color-mix(in srgb,#1d4ed8 88%,var(--text));font-size:clamp(9px,.95vw,11px);font-weight:700;line-height:1.2}.mockup-window[data-theme=dark] .mockup-ai-chat-compose{border-top-color:color-mix(in srgb,var(--border) 78%,#0b1220)}.mockup-window[data-theme=dark] .mockup-ai-compose-drop{border-color:color-mix(in srgb,#3d94df 70%,#263042);background:color-mix(in srgb,#3d94df 22%,#0b1220);color:#bfdbfe}.mockup-ai-compose-line{display:inline-flex;align-items:center;height:clamp(18px,2.2vw,24px);border-radius:999px;padding:0 clamp(8px,1vw,10px);border:1px solid color-mix(in srgb,var(--border) 85%,transparent);background:color-mix(in srgb,var(--panel) 84%,#ffffff);font-size:clamp(13px,1.55vw,17px);font-weight:800;line-height:1;color:color-mix(in srgb,var(--text) 88%,#94a3b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mockup-ai-compose-line.is-empty{color:transparent}.mockup-ai-compose-line.has-text{color:var(--text)}.mockup-ai-compose-send{width:clamp(16px,2vw,20px);height:clamp(16px,2vw,20px);border-radius:6px;background:#3d94df;box-shadow:inset 0 1px #ffffff40;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.mockup-ai-compose-send.is-pressed{transform:translateY(1px) scale(.95);box-shadow:inset 0 1px #fff3,0 2px 6px #0f172a40;filter:brightness(.96)}.mockup-window[data-theme=dark] .mockup-ai-compose-send{box-shadow:inset 0 1px #ffffff2e,0 0 0 1px #080e1c73}.mockup-window[data-theme=dark] .mockup-ai-compose-line{background:color-mix(in srgb,var(--panel) 88%,#0b1220);border-color:color-mix(in srgb,var(--border) 82%,#0b1220);color:#d8e1ef}.mockup-window[data-theme=dark] .mockup-ai-compose-line.is-empty{color:transparent}