.cad{--m:clamp(16px, 2.2vw, 32px);--gap:clamp(12px, 1.6vw, 24px);--step-small:.875rem;--step-body:clamp(1.0625rem, 1rem + .25vw, 1.125rem);--step-lead:clamp(1.25rem, 1.05rem + .6vw, 1.625rem);--step-head:clamp(2rem, 1.3rem + 3.2vw, 4rem);--step-display:clamp(3rem, .6rem + 8.8vw, 8.5rem);--ease:cubic-bezier(.2, .7, .2, 1);--section:clamp(112px, 13vw, 200px);font-size:var(--step-body);letter-spacing:-.01em;color:var(--color-primary);background:var(--color-paper);line-height:1.5;overflow-x:clip}.cad :where(h1,h2,h3){letter-spacing:-.045em;text-wrap:balance;margin:0;font-weight:800;line-height:.92}.cad :where(p){margin:0}.cad :where(a){color:inherit}.cad :focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.wrap{padding-inline:var(--m)}.grid{column-gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.line{display:block}.cad .skip{left:var(--m);z-index:60;background:var(--color-primary);color:var(--color-field-ink);font-size:var(--step-small);padding:12px 16px;font-weight:600;position:absolute;top:-100px}.cad .skip:focus{top:12px}.btn{background:var(--color-accent);min-height:52px;font-weight:600;font-size:var(--step-body);white-space:nowrap;transition:transform .16s var(--ease), background-color .16s var(--ease);border-radius:0;justify-content:center;align-items:center;padding:0 26px;text-decoration:none;display:inline-flex;color:var(--color-accent-ink)!important}.btn:hover{background:var(--color-primary);transform:translateY(-2px)}.btn:active{transform:translateY(1px)}.btn--small{min-height:40px;font-size:var(--step-small);padding:0 16px}.on-dark .btn:hover{background:var(--color-paper);color:var(--color-primary)!important}.on-accent .btn{background:var(--color-field)}.link{text-underline-offset:.22em;transition:text-underline-offset .16s var(--ease);font-weight:600;text-decoration:underline;text-decoration-thickness:2px}.link:hover{text-underline-offset:.36em}.bar{z-index:40;padding:18px var(--m);font-size:var(--step-small);justify-content:space-between;align-items:center;gap:16px;font-weight:600;display:flex;position:absolute;inset:0 0 auto}.bar__mark{font-size:var(--step-body);letter-spacing:-.03em;white-space:nowrap;font-weight:800;text-decoration:none}.bar__links{align-items:center;gap:clamp(14px,2vw,32px);margin:0;padding:0;list-style:none;display:flex}.bar__links a:not(.btn){text-decoration:none}.bar__links a:not(.btn):hover{text-underline-offset:.3em;text-decoration:underline}.hero{height:220svh;position:relative}.hero__stage{column-gap:var(--gap);height:100svh;min-height:640px;padding-inline:var(--m);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;display:grid;position:sticky;top:0;overflow:hidden}.hero__title{z-index:2;column-gap:var(--gap);font-size:var(--step-head);grid-area:1/1/auto/-1;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;display:grid;position:relative}.hero__before{grid-column:1/5}.hero__after{grid-column:9/-1;justify-self:end}.hero__reel{grid-area:1/5/auto/9;gap:12px;display:grid}.reel-window{height:calc(var(--fh,330px) + 144px);overflow:hidden}.reel{transform:translate3d(0, calc(var(--reel,0) * -1 * (var(--fh,330px) + 24px)), 0);will-change:transform;flex-direction:column;gap:24px;padding-top:72px;display:flex}.reel__frame{aspect-ratio:4/3;background:var(--color-surface);border-radius:4px;flex:none;margin:0;overflow:hidden}.reel__frame img{object-fit:cover;object-position:50% 34%;width:100%;height:100%;display:block}.hero__caption{font-size:var(--step-small);color:var(--color-secondary);font-weight:600}.hero__foot{left:var(--m);justify-items:start;gap:20px;width:min(30rem,32vw);display:grid;position:absolute;bottom:32px}.hero__foot p{font-size:var(--step-lead);line-height:1.35}.problem{padding-top:var(--section);row-gap:40px}.problem__heading{font-size:var(--step-head);grid-column:1/8;align-self:start}.problem__text{font-size:var(--step-lead);grid-column:1/6;align-self:start;gap:18px;line-height:1.4;display:grid}.problem__big{margin:0 calc(var(--m) * -1) 0 0;grid-area:1/8/span 3/-1}.problem__big .caption{padding-right:var(--m)}.problem__small{grid-column:1/5;margin:24px 0 0}.photo{background:var(--color-surface);overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%;display:block}.problem__big .photo{aspect-ratio:4/5}.problem__big .photo img{object-position:92% 50%;animation:drift 18s var(--ease) infinite alternate}.problem__small .photo{aspect-ratio:9/10}.caption{font-size:var(--step-small);color:var(--color-secondary);margin-top:10px;font-weight:600}@keyframes drift{0%{transform:scale(1.02)}to{transform:scale(1.1)translate(-2%,-1.5%)}}.showcase{padding-top:var(--section);align-items:start;row-gap:56px}.showcase__stack{font-size:var(--step-display);grid-column:1/8;line-height:.88}.showcase__stack .soft{color:var(--color-secondary)}.showcase__phone{grid-area:1/8/span 2/-1;justify-self:center;width:min(100%,340px);margin:0;transform:rotate(-4deg)}.phone{background:var(--color-field);border-radius:34px;padding:10px}.phone__screen{aspect-ratio:390/844;background:var(--color-surface);border-radius:26px;overflow:hidden}.phone__screen img{width:100%;height:auto;animation:scrollshot 16s var(--ease) infinite alternate;display:block}@keyframes scrollshot{0%,12%{transform:translate(0,0)}to{transform:translateY(-62%)}}.showcase__facts{grid-column:1/7;gap:32px;display:grid}.showcase__facts>p{font-size:var(--step-lead);font-weight:600;line-height:1.35}.points{gap:28px var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.points strong{letter-spacing:-.02em;margin-bottom:4px;font-weight:800;display:block}.stages{margin-top:var(--section);grid-template-columns:1fr 1fr;display:grid}.stages__clause{background:var(--color-surface);min-height:62svh;padding:clamp(40px, 6vw, 88px) var(--m) 48px;align-content:start;gap:24px;display:grid}.stages__clause h2{font-size:var(--step-head);max-width:11ch}.stages__clause p{font-size:var(--step-lead);max-width:26ch;line-height:1.35}.stages__ui{background:var(--color-field);color:var(--color-field-ink);padding:48px var(--m);place-items:center;display:grid}.stages__swap{place-items:center;width:100%;display:grid}.stages__control{background:var(--color-surface);padding:20px var(--m) 28px;grid-column:1/-1;gap:10px;display:grid}.stages__names{grid-template-columns:repeat(4,1fr);margin:0;padding:0;font-weight:600;list-style:none;display:grid}.stages__names li{color:var(--color-secondary);transition:color .2s var(--ease)}.stages__names li:nth-child(2),.stages__names li:nth-child(3){text-align:center}.stages__names li:nth-child(4){text-align:right}.stages__names li[aria-current=step]{color:var(--color-primary)}.stages__names button{all:unset;cursor:pointer}.stages__names button:hover{text-underline-offset:.3em;text-decoration:underline}.stages__names button:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.track{height:40px;position:relative}.track:before,.track__fill{content:"";background:var(--color-secondary);height:8px;position:absolute;top:16px;left:0}.track:before{right:0}.track__fill{width:var(--fill,0%);background:var(--color-primary);transition:width .2s var(--ease)}.range{appearance:none;cursor:pointer;background:0 0;width:100%;height:40px;margin:0;position:relative}.range::-webkit-slider-runnable-track{background:0 0;height:8px}.range::-moz-range-track{background:0 0;height:8px}.range::-webkit-slider-thumb{appearance:none;background:var(--color-accent);width:32px;height:32px;transition:transform .16s var(--ease);border-radius:0;margin-top:-12px}.range::-moz-range-thumb{background:var(--color-accent);border:0;border-radius:0;width:32px;height:32px}.range:hover::-webkit-slider-thumb{transform:scale(1.15)}.range:active::-webkit-slider-thumb{transform:scale(1.15)}.fade-swap{animation:swap .22s var(--ease)}@keyframes swap{0%{opacity:0;transform:translateY(10px)}}.ui{background:var(--color-paper);width:min(440px,100%);color:var(--color-primary);font-size:var(--step-small);border-radius:6px;line-height:1.4;overflow:hidden}.ui__head{background:var(--color-surface);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-weight:600;display:flex}.ui__body{gap:12px;padding:18px;display:grid}.ui__option{border:2px solid var(--color-surface);border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.ui__option[data-on]{border-color:var(--color-primary)}.ui__option strong{font-weight:800}.ui__toggle{background:var(--color-surface);border-radius:4px;gap:4px;padding:4px;font-weight:600;display:flex}.ui__toggle span{text-align:center;border-radius:3px;flex:1;padding:8px}.ui__toggle span[data-on]{background:var(--color-paper)}.ui__check{border-bottom:1px solid var(--color-surface);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.ui__check:last-child{border-bottom:0}.ui__done{color:var(--color-secondary);font-weight:600}.ui__done[data-ok]{color:var(--color-primary)}.ui__shot{grid-template-columns:150px 1fr;align-items:start;gap:16px;display:grid}.ui__shot img{border-radius:4px;width:100%;height:auto;display:block}.ui__note{gap:8px;display:grid}.ui__note ul{margin:0;padding-left:18px}.ui__url{background:var(--color-surface);border-radius:4px;padding:8px 12px;font-weight:600}.ui__live{align-items:center;gap:8px;font-weight:800;display:inline-flex}.ui__live:before{content:"";background:var(--color-accent);border-radius:50%;width:10px;height:10px}.ui__crop{aspect-ratio:16/10;border-radius:4px;overflow:hidden}.ui__crop img{width:100%;height:auto;display:block}.pricing{background:var(--color-surface);padding-block:var(--section) clamp(72px, 8vw, 120px);align-items:end;row-gap:56px}.pricing__sentence{font-size:var(--step-display);grid-column:1/-1;line-height:.95}.price{background:var(--color-accent);color:var(--color-accent-ink);padding:0 .15em;display:inline-block}.pricing__support{font-size:var(--step-lead);grid-column:1/7;line-height:1.4}.pricing__act{grid-column:9/-1;justify-self:end}.pricing__store{grid-column:1/7;align-self:start;justify-items:start;gap:12px;display:grid}.addons{grid-column:8/-1;align-self:start;gap:12px;display:grid}.addons h3{font-size:var(--step-lead);letter-spacing:-.03em;line-height:1.1}.addons dl{grid-template-columns:1fr auto;gap:8px 24px;margin:0;display:grid}.addons dt,.addons dd{margin:0}.addons dd{font-variant-numeric:tabular-nums;font-weight:600}.why{padding-top:var(--section);row-gap:40px}.why h2{font-size:var(--step-head);grid-column:3/-1}.why__facts{font-size:var(--step-small);grid-area:2/1/auto/3;align-content:start;gap:18px;margin:0;display:grid}.why__facts dt{color:var(--color-secondary);font-weight:600}.why__facts dd{overflow-wrap:anywhere;margin:0;font-weight:600}.why__text{grid-area:2/3/auto/11;gap:24px;display:grid}.why__lead{font-size:var(--step-lead);letter-spacing:-.02em;font-weight:600;line-height:1.35}.why__text>p:last-child{max-width:62ch}.why__lead:after{content:"";clear:both;display:block}.keycap{float:left;box-sizing:border-box;border-bottom:.35em solid var(--color-secondary);background:var(--color-field);width:4em;height:4em;color:var(--color-field-ink);border-radius:.45em;margin:.25em .6em 0 0;padding:.55em .6em;font-weight:800;line-height:1}.faq{margin-top:var(--section);background:var(--color-surface);padding-block:clamp(72px,8vw,120px) clamp(32px,4vw,64px)}.faq__row{grid-column:1/-1;grid-template-columns:subgrid;align-items:baseline;padding-bottom:clamp(48px,5.5vw,80px);display:grid}.faq__row h2,.faq__row h3{font-size:var(--step-head);letter-spacing:-.04em;grid-column:1/7;font-weight:800;line-height:1}.faq__row h3{font-size:var(--step-lead);letter-spacing:-.02em;font-weight:600;line-height:1.2}.faq__row h2{color:var(--color-secondary)}.faq__row p{grid-column:7/-1;max-width:46ch}.close{background:var(--color-field);color:var(--color-field-ink);align-items:end;row-gap:64px;padding-block:clamp(96px,11vw,160px) clamp(48px,5vw,72px)}.close h2{font-size:var(--step-display);grid-column:1/-1;line-height:.95}.key{box-sizing:border-box;border-bottom:.12em solid var(--color-field-muted);background:var(--color-paper);height:.92em;color:var(--color-primary);font-family:inherit;font-size:1em;font-weight:inherit;vertical-align:.04em;border-radius:.14em;align-items:center;margin-right:.12em;padding:0 .22em;display:inline-flex}.close__support{font-size:var(--step-lead);grid-column:1/6;line-height:1.35}.close__act{grid-column:7/-1}.foot{background:var(--color-accent);color:var(--color-accent-ink);row-gap:clamp(96px,12vw,180px);padding-block:40px 28px}.foot__top{font-size:var(--step-small);grid-column:1/-1;justify-content:space-between;gap:24px;font-weight:600;display:flex}.foot__notes{gap:4px;display:grid}.foot__mail{font-size:var(--step-display);letter-spacing:-.05em;transition:opacity .16s var(--ease);grid-column:1/-1;font-weight:800;line-height:1;text-decoration:none}.foot__mail:hover{opacity:.85}.foot__meta{font-size:var(--step-small);grid-column:1/-1;grid-template-columns:1fr 2fr 1fr;gap:16px;font-weight:600;display:grid}.foot__meta ul{flex-wrap:wrap;gap:18px;margin:0;padding:0;list-style:none;display:flex}.foot__credits{text-align:center}.foot__meta p:last-child{text-align:right}.js [data-reveal]{opacity:0;transition:opacity .64s var(--ease), transform .64s var(--ease);transition-delay:calc(var(--i,0) * 80ms);transform:translateY(24px)}.js [data-reveal].in{opacity:1;transform:none}@media (max-width:1024px){.hero{height:auto}.hero__stage{flex-direction:column;justify-content:center;align-items:stretch;gap:16px;height:auto;min-height:100svh;padding-top:84px;padding-bottom:32px;display:flex;position:relative}.hero__title{display:block}.hero__before{font-size:8.4vw;display:block}.hero__after{text-align:right;font-size:var(--step-display);display:block}.hero__foot{width:auto;max-width:36rem;position:static}.reel-window{height:auto}.reel{padding-top:0;display:grid;transform:none}.reel__frame{opacity:0;transition:opacity .7s var(--ease);grid-area:1/1}.reel__frame[data-active]{opacity:1}}@media (max-width:900px){.faq__row{grid-template-columns:1fr;gap:12px;padding-bottom:56px}.faq__row h2,.faq__row h3,.faq__row p{grid-column:1}}@media (max-width:760px){.cad{--step-display:12vw}.bar__more{display:none}.problem__heading,.problem__text,.showcase__stack,.showcase__facts,.pricing__support,.pricing__act,.pricing__store,.addons,.why h2,.why__text,.why__facts,.close__support,.close__act{grid-column:1/-1}.problem__big{grid-area:auto/4/auto/-1}.problem__small{grid-column:1/8;margin-top:0}.showcase__phone{grid-area:auto/1/auto/-1;width:min(100%,280px)}.points,.stages{grid-template-columns:1fr}.stages__ui{padding:32px var(--m);order:1}.stages__control{padding:20px var(--m) 0;order:2}.stages__clause{min-height:0;padding:20px var(--m) 48px;order:3}.stages__names{grid-template-columns:1fr 1fr;gap:8px}.stages__names li:nth-child(n){text-align:left}.range::-webkit-slider-thumb{width:40px;height:40px;margin-top:-16px}.ui__shot{grid-template-columns:110px 1fr}.pricing__act,.pricing__act .btn,.close__act .btn{width:100%}.keycap{width:4.4em;height:4.4em}.why__facts{grid-row:auto;grid-template-columns:1fr 1fr}.why__facts>div:last-child{grid-column:1/-1}.foot__top{flex-direction:column}.foot__mail .line{display:block}.foot__meta{grid-template-columns:1fr}.foot__credits,.foot__meta p:last-child{text-align:left}}@media (prefers-reduced-motion:reduce){.hero{height:auto}.hero__stage{position:relative}.reel{transform:none!important}.reel__frame{transition:none}.problem__big .photo img,.phone__screen img,.fade-swap{animation:none}.js [data-reveal]{opacity:1;transition:none;transform:none}.btn,.link,.track__fill,.stages__names li{transition:none}.range::-webkit-slider-thumb{transition:none}.btn:hover,.btn:active{transform:none}.range:hover::-webkit-slider-thumb{transform:none}.range:active::-webkit-slider-thumb{transform:none}}