.hero{padding-top:56px;text-align:center;background:var(--page)}.beta-note{margin-top:12px;font-size:14px;line-height:1.5;color:var(--ink-2)}.hero h1{max-width:13ch;margin:0 auto}.stage{position:relative;margin-top:55px;padding-bottom:8px}.stage:after{content:"";position:absolute;left:0;right:0;top:50%;bottom:0;background:var(--field);z-index:0}.stage .wrap{position:relative;z-index:1}.window{border-radius:var(--r);background:var(--panel);overflow:hidden;text-align:left;border:1px solid var(--hair-strong);box-shadow:var(--shadow-window);animation:rise .28s cubic-bezier(.2,.7,.2,1) both}@keyframes rise{0%{transform:translateY(10px)}to{transform:none}}.titlebar{height:42px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;background:var(--raised);border-bottom:1px solid oklch(.1 .01 258);box-shadow:inset 0 1px 0 var(--hi)}.dots{display:flex;gap:8px}.dots i{width:12px;height:12px;border-radius:50%;background:oklch(.4 .012 258);box-shadow:inset 0 0 0 1px oklch(1 0 0/.1)}.title{font-size:14px;font-weight:600;color:var(--ink-2);letter-spacing:-.005em;white-space:nowrap}.win-body{background:#111}.stage:after{display:none}.scene--hero .window{background:none;border:0;box-shadow:none;overflow:visible}.scene--hero .titlebar{display:none}.scene--hero .sg-app,.scene--hero .sg-stage,.scene--hero .win-body{background:none}.scene--hero .sg-app__top{position:relative;z-index:3}.scene--hero .sg-bar{box-shadow:0 1px 2px oklch(0 0 0/.45),0 8px 20px -6px oklch(0 0 0/.6)}.scene--hero .sg-app__stage{border:0;overflow:visible}.scene--hero .sg-app__bottom{display:none}.scene--hero svg.sg-plan{--fade:min(200px,22%);background:none;mask-image:linear-gradient(to right,transparent,#000 var(--fade),#000 calc(100% - var(--fade)),transparent),linear-gradient(to bottom,transparent,#000 var(--fade),#000 calc(100% - var(--fade)),transparent);mask-composite:intersect}.scene--hero .il-layer{mask-image:linear-gradient(0deg,#000 66%,transparent 90%)}@media (min-width:1161px){.scene--hero .photo-card{bottom:11px;width:min(440px,calc(29.7% + 27px + var(--ovp)))}}@media (min-width:1161px) and (max-width:1360px){.sg-export{width:360px}.sg-export__name{font-size:12px}}@media (min-width:1161px) and (max-width:1260px){.hero-wide .sg-planning__label{display:none}}.flow-step{display:none;flex-direction:column;align-items:center;gap:6px;padding:14px 0;color:var(--ink-2)}.flow-step--1{padding:0 0 72px}.flow-step__pill{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:999px;background:var(--page);border:1px solid var(--hair-strong);color:var(--ink);font-size:14px;font-weight:600;letter-spacing:-.005em}.flow-step__pill b{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--red);color:#fff;font-size:12px;font-weight:700}.flow-step svg{width:12px;height:22px}.hero-ovs{display:contents}.photo-card{left:calc(-1 * var(--ovp));bottom:-72px;top:auto;width:440px;background:var(--raised);border:1px solid var(--hair-strong);border-radius:8px;padding:6px 6px 0;box-shadow:inset 0 1px 0 var(--hi),0 1px 2px oklch(0 0 0/.5),0 6px 11px -3px oklch(0 0 0/.6)}.photo-card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:4px;border:1px solid oklch(.1 .01 258)}.photo-card figcaption{padding:9px 4px 10px;font-size:14px;font-weight:600;line-height:1.2;color:var(--ink);letter-spacing:0}.slot{position:relative;border-radius:6px;background:var(--raised);box-shadow:inset 0 0 0 1px var(--hair);display:grid;place-items:center;text-align:center;padding:20px}.slot span{font-size:15px;color:var(--ink-2)}.r32{aspect-ratio:3/2}.cmp-head{display:grid;grid-template-columns:1fr 1fr;font-size:22px;letter-spacing:-.02em;line-height:1.2;text-wrap:wrap;border-bottom:1px solid var(--hair)}.cmp-head span{padding:22px 32px;text-align:center}.cmp-head span:first-child{color:var(--ink-2);background:var(--field);border-right:1px solid var(--hair)}.cmp-art{display:grid;grid-template-columns:1fr 1fr}.cmp-art>div{padding:20px 32px 16px;display:grid;place-items:center}.cmp-art>div:first-child{background:var(--field);border-right:1px solid var(--hair)}.cmp-art img{width:100%;max-width:300px;height:auto;aspect-ratio:302/308}.cmp-row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--hair)}.cmp-cell{padding:28px 32px 30px}.cmp-cell.foam{background:var(--field);border-right:1px solid var(--hair)}.cmp-cell strong{display:block;font-size:19px;line-height:1.3;font-weight:600;letter-spacing:-.015em;text-wrap:balance}.cmp-cell p{margin-top:10px;font-size:16px;line-height:1.55;color:var(--ink-2)}.cmp-cell.sg p{color:var(--ink)}.cmp-cell cite{display:block;margin-top:12px;font-style:normal;font-size:14px;line-height:1.5;color:var(--ink-2)}.cmp-cell cite a{text-decoration:underline;text-decoration-color:var(--hair-strong);text-underline-offset:3px}.cmp-cell cite a:hover{text-decoration-color:var(--red-ink)}.gear-band{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;padding:16px;background:var(--field);border-bottom:1px solid var(--hair)}.gear-band>div{display:flex}.gear-band .sg-gear{width:100%;padding:8px;box-shadow:none}.gear-band .sg-gear__art{height:60px;margin-bottom:6px}.gear-band .sg-gear__art svg{height:48px}.gear-band .sg-gear__label{font-size:14px;line-height:1.25}.gear-band .sg-gear__cat{display:none}.gear{display:grid;grid-template-columns:repeat(3,1fr);padding:8px 0 12px}.gear>div{padding:8px 28px}.gear>div+div{border-left:1px solid var(--hair)}.gear h3{font-size:19px;font-weight:600;letter-spacing:-.02em;padding:8px 0}.gear li{padding:4px 0;font-size:16px;line-height:1.35}.case-scene{margin-bottom:0}.case-plan .sg-stage{display:block}.case-body{display:grid;grid-template-columns:1fr minmax(0,400px);border-top:1px solid var(--hair)}.case-list li{padding:18px 28px;display:grid;grid-template-columns:1fr auto;gap:6px 20px;align-items:baseline}.case-list li+li{border-top:1px solid var(--hair)}.case-list h3{font-size:20px;font-weight:600;letter-spacing:-.02em;grid-column:1}.case-list a{grid-column:2;grid-row:1;font-size:16px}.case-list dl{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:2px 20px;font-size:16px}.case-list dt{color:var(--ink-2)}.case-list dd .mono,.case-list dt{font-size:15px}.case-list dd{line-height:1.5}.case-slot{padding:20px;border-left:1px solid var(--hair);display:grid;align-items:center;background:var(--field)}.steps3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.stepcard{display:flex;flex-direction:column}.step-vis{position:relative;height:240px;background:var(--field);border-bottom:1px solid var(--hair);display:grid;place-items:center;overflow:hidden}.step-vis .sg-stage{height:100%;aspect-ratio:auto!important}.step-vis .fill{position:absolute;inset:0 0 60px 0}.step-vis .sel-line{position:absolute;left:10px;right:10px;bottom:10px}.step-vis .sel-line .sg-status{width:100%;padding:8px 10px;gap:8px}.step-vis .sg-status__cell,.step-vis .sg-status__hints,.step-vis .sg-status__sep,.step-vis .sg-status__spacer{display:none}.step-vis .sg-status__sel{gap:2px 12px}.step-body{padding:22px 24px 26px}.num{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--red-tint);color:var(--red-ink);font-weight:600;font-size:15px;box-shadow:inset 0 0 0 1px oklch(.6 .2 27/.25);margin-bottom:14px}.step-body h3{font-size:24px;line-height:1.15;font-weight:600;letter-spacing:-.02em}.step-body p{margin-top:10px;font-size:17px;color:var(--ink-2);line-height:1.5}.duo{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}.duo .head p{font-size:17px}.grouped>li{position:relative;padding:20px 24px;display:grid;grid-template-columns:1fr 20px;gap:4px 16px;align-items:center}.grouped>li+li{border-top:1px solid var(--hair)}.grouped>li:hover{background:var(--raised)}.grouped a.cover{font-size:19px;font-weight:600;letter-spacing:-.02em;text-decoration:none;line-height:1.25}.grouped a.cover:after{content:"";position:absolute;inset:0}.grouped p{grid-column:1;margin-top:2px;font-size:16px}.chev,.grouped p{color:var(--ink-2)}.chev{grid-column:2;grid-row:1/span 2;width:10px;height:16px;justify-self:end}.faq>div{padding:22px 26px}.faq>div+div{border-top:1px solid var(--hair)}.faq h3{font-size:19px;line-height:1.3;font-weight:600;letter-spacing:-.02em}.faq p{margin-top:8px;color:var(--ink-2);font-size:16px}@media (max-width:1160px){.scene--hero .window{max-width:640px;margin-left:auto;margin-right:auto}#hero-case,.hero-compact .sg-bar__right,.hero-compact .sg-brand,.scene--hero .titlebar{display:none}.hero-compact .sg-bar{justify-content:center}.hero-ovs{display:block;position:relative;z-index:5;width:min(520px,100%);margin:-48px auto 0;padding-bottom:56px}.scene--hero .ov,.scene--hero.scene--wide .ov{position:relative;left:auto;right:auto;top:auto;bottom:auto;margin:0}.scene--hero .photo-card{width:100%;padding-bottom:6px}.scene--hero .photo-card figcaption{position:absolute;top:14px;left:14px;padding:5px 9px;border-radius:4px;background:oklch(.17 .006 258/.85);font-size:13px}.scene--hero .ov.hero-export{position:absolute;right:-48px;bottom:0;z-index:6}.sg-export{width:312px}.sg-export__icon{display:none}.sg-export__name{font-size:12px}.stage{padding-bottom:0}}@media (max-width:1000px){.duo,.steps3{grid-template-columns:1fr}.duo{gap:72px}}@media (max-width:980px){.gear-band{grid-template-columns:repeat(4,minmax(0,1fr))}.gear{grid-template-columns:1fr;padding:4px 0 8px}.gear>div+div{border-left:0;border-top:1px solid var(--hair)}.case-body{grid-template-columns:1fr}.case-slot{border-left:0;border-top:1px solid var(--hair)}}@media (max-width:760px){.titlebar{padding:0 12px;grid-template-columns:52px 1fr 52px}.title{text-align:center;overflow:hidden;text-overflow:ellipsis;font-size:13px}.cmp-head{grid-template-columns:1fr}.cmp-head span:first-child{border-right:0;border-bottom:1px solid var(--hair)}.cmp-head span{padding:16px 20px}.cmp-art>div{padding:16px 16px 18px;place-items:start center;text-align:center}.cmp-art>div:before{content:attr(data-col);display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:10px}.cmp-art img{max-width:100%}.cmp-row{grid-template-columns:1fr}.cmp-cell{padding:22px 20px}.cmp-cell.foam{border-right:0;border-bottom:1px solid var(--hair)}.cmp-cell:before{content:attr(data-col);display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:8px}.cmp-head{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);border:0}.grouped>li{padding:18px 20px}.faq>div{padding:20px}.case-list li{padding:18px 20px}.gear-band{grid-template-columns:repeat(2,minmax(0,1fr))}.gear>div{padding:8px 20px}}@media (max-width:600px){.hero{padding-top:40px}.stage{margin-top:32px;padding:28px 0 36px;background:oklch(.285 .01 258)}.hero-compact .sg-app__top{display:none}.hero-compact .sg-app__stage{margin:0}.scene--hero svg.sg-plan{--fade:18%}.flow-step,.hero-ovs{display:flex}.hero-ovs{flex-direction:column;margin-top:0;padding-bottom:0}.flow-step--2{order:1}.scene--hero .ov.hero-export{position:relative;order:2;right:auto;bottom:auto;width:100%}.flow-step--3{order:3}.scene--hero .photo-card{order:4}.sg-export{width:100%}.step-body{padding:20px}}@media (prefers-reduced-motion:reduce){.window{animation:none}}.hero-compact{display:none}@media (max-width:1160px){.hero-wide{display:none}.hero-compact{display:grid}}@media (max-width:900px){.case-plan .sg-stage{aspect-ratio:1.5!important}}