.landing{display:flex;flex-direction:column;align-items:center;padding:clamp(16px,3vh,48px) var(--site-inline) 0;text-align:center}.landing h1{width:100%;margin:0;font-size:clamp(42px,6vw,116px);font-weight:600;line-height:1.02;letter-spacing:-.04em;text-wrap:balance}.landing-lead{max-width:46em;margin:clamp(16px,1.6vw,32px) 0 0;font-size:clamp(18px,1.6vw,30px);line-height:1.4;color:var(--color-text-secondary);text-wrap:balance}.landing-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(12px,1vw,20px);margin-top:clamp(24px,2.4vw,44px)}.landing-actions .button{flex:1 1 auto}.blueprint{position:relative;width:100%;height:clamp(440px,100svh - 330px,720px);margin-top:clamp(28px,6vh,56px);padding:clamp(8px,2vw,24px);overflow:hidden;border-radius:var(--radius-4xl)}.blueprint:before{content:"";position:absolute;inset:12px;border:1px solid rgb(255 255 255 / .3);border-radius:calc(var(--radius-4xl) - 12px);pointer-events:none}@media(max-aspect-ratio:1/1){.blueprint{height:auto;aspect-ratio:1}}.plan{display:block;width:100%;height:100%;fill:none;stroke:var(--line);stroke-width:2.5;font-family:var(--font-mono);overflow:visible}.plan text{fill:var(--accent);stroke:none;font-size:26px;text-anchor:middle}.plan .dimensions text{stroke:var(--field);stroke-width:10px;stroke-linejoin:round;paint-order:stroke}.plan .walls path{fill:var(--line)}.plan .furniture{stroke:var(--soft);stroke-width:2}.plan .dimensions,.plan .north{stroke:var(--accent);stroke-width:2}.plan .axes{stroke:#9be0ff59;stroke-width:2;stroke-dasharray:28 10 4 10}.plan .axes circle{fill:var(--field);stroke:var(--accent);stroke-dasharray:none}.plan .needle{fill:var(--accent)}.plan .rooms text{fill:var(--line);font-size:30px;font-weight:600;letter-spacing:.12em}@media(prefers-reduced-motion:no-preference){.plan [pathLength]{stroke-dasharray:1;animation:draw 1.4s cubic-bezier(.4,0,.2,1) both}.plan .walls path{animation:draw 1.4s cubic-bezier(.4,0,.2,1) both,fill .6s 1.3s ease-out both}.plan .walls .interior{animation-delay:.4s,1.5s}.plan .openings path{animation-duration:1s;animation-delay:1.4s}.plan .dimensions [pathLength]{animation-delay:1.7s}.plan .ticks,.plan .axes,.plan text,.plan .furniture,.plan .north{animation:fade .8s 2.2s ease-out both}}@keyframes draw{0%{stroke-dashoffset:1}}@keyframes fill{0%{fill-opacity:0}}@keyframes fade{0%{opacity:0}}.features{display:flex;flex-direction:column;width:100%;margin-top:clamp(96px,11vw,208px);text-align:left}.features-intro{display:flex;flex-direction:column;align-items:center;margin-bottom:clamp(48px,6vw,112px);text-align:center}.features-intro h2,.closing h2{margin:0;font-size:clamp(36px,5vw,96px);font-weight:600;line-height:1.04;letter-spacing:-.035em;text-wrap:balance}.features-intro p{max-width:40em;margin:clamp(16px,1.4vw,28px) 0 0;font-size:clamp(18px,1.5vw,28px);line-height:1.4;color:var(--color-text-secondary);text-wrap:balance}.hero{width:100%;margin-top:clamp(32px,4vw,72px)}.page-picture{margin-inline:0;margin-bottom:0}.page-picture img{display:block;width:100%;height:auto}.page-section{width:100%;margin-top:clamp(96px,11vw,208px);scroll-margin-top:32px}.page-section>.features-intro:last-child{margin-bottom:0}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(32px,4vw,80px);margin:0;padding:0;list-style:none;text-align:left}.steps h3,.faq h3{margin:0 0 clamp(8px,.8vw,16px);font-size:clamp(24px,2.2vw,42px);font-weight:600;line-height:1.15;letter-spacing:-.025em;text-wrap:balance}.steps p,.faq p,.address-note{margin:0;font-size:clamp(18px,1.3vw,24px);line-height:1.45;color:var(--color-text-secondary)}.steps a,.faq a{color:var(--color-text);text-underline-offset:3px}.prompts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:clamp(12px,1.2vw,24px);margin:0;padding:0;list-style:none;text-align:left}.prompts li{padding:clamp(24px,2.2vw,44px);border-radius:var(--radius-3xl);background:var(--color-surface-secondary);font-size:clamp(20px,1.6vw,30px);line-height:1.3;letter-spacing:-.015em}.address{display:block;margin-top:clamp(32px,4vw,72px);overflow-wrap:anywhere;padding:clamp(20px,2vw,36px);border-radius:var(--radius-3xl);background:var(--color-surface-secondary);font-size:clamp(18px,2vw,36px);-webkit-user-select:all;user-select:all}.address-note{margin-top:16px}.compare-table{width:100%;text-align:left}.compare-table table{width:100%;border-collapse:collapse;font-size:clamp(16px,1.15vw,22px);line-height:1.4}.compare-table th,.compare-table td{padding:clamp(14px,1.3vw,26px) clamp(10px,1.3vw,28px);border-top:1px solid var(--color-border);text-align:left;vertical-align:top}.compare-table thead th{border-top:0;font-size:clamp(17px,1.5vw,28px);font-weight:600;letter-spacing:-.015em}.compare-table tbody th{width:18%;font-weight:600;color:var(--color-text-secondary)}.compare-table td{width:41%;color:var(--color-text-secondary)}.compare-table td:first-of-type{color:var(--color-text)}.compare-table-two tbody th{width:34%;color:var(--color-text)}.compare-table-two td{width:auto;color:var(--color-text-secondary)}.compare-table code{font-size:.92em;overflow-wrap:anywhere}@media(max-width:719px){.compare-table:not(.compare-table-two) thead th:first-child{display:none}.compare-table:not(.compare-table-two) tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.compare-table:not(.compare-table-two) tbody th{grid-column:1 / -1;width:auto;padding-bottom:0}.compare-table:not(.compare-table-two) td{width:auto;border-top:0}}.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(32px,5vw,96px);text-align:left}.choices h3{margin:0 0 clamp(12px,1.2vw,24px);font-size:clamp(24px,2.2vw,42px);font-weight:600;line-height:1.15;letter-spacing:-.025em;text-wrap:balance}.choices ul{display:grid;gap:clamp(8px,.8vw,16px);margin:0;padding-left:1.2em;font-size:clamp(18px,1.3vw,24px);line-height:1.45;color:var(--color-text-secondary)}.compare-note{width:100%;max-width:60em;margin:clamp(56px,6vw,112px) 0 0;font-size:15px;line-height:1.5;text-align:left;color:var(--color-text-secondary)}.compare-note a{color:inherit;overflow-wrap:anywhere;text-underline-offset:3px}.compare-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:clamp(12px,1.2vw,24px);text-align:left}.compare-card{display:block;padding:clamp(24px,2.2vw,44px);border-radius:var(--radius-3xl);color:inherit;text-decoration:none;background:var(--color-surface-secondary);transition:background-color .15s ease-out}.compare-card:hover{background:var(--color-background-primary-ghost-hover)}.compare-card h2{margin:0 0 8px;font-size:clamp(24px,2.2vw,42px);font-weight:600;line-height:1.15;letter-spacing:-.025em}.compare-card p{margin:0;font-size:clamp(17px,1.25vw,22px);line-height:1.4;color:var(--color-text-secondary)}.code-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(24px,3vw,56px);margin-top:clamp(32px,4vw,72px);text-align:left}.code-grid h3{margin:0 0 12px;font-size:clamp(20px,1.6vw,28px);font-weight:600;letter-spacing:-.015em}.code-block{margin:clamp(16px,2vw,32px) 0 0;padding:clamp(16px,1.6vw,28px);border-radius:var(--radius-2xl);background:var(--color-surface-secondary);font-size:clamp(14px,1vw,18px);line-height:1.5;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere}.code-grid .code-block{margin-top:0}.faq{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:clamp(32px,4vw,72px) clamp(32px,5vw,96px);text-align:left}.hero-frame,.showcase-media,.showcase-copies{display:grid}[data-carousel]{touch-action:pan-y}.hero-frame{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-3xl);background:var(--color-surface-secondary);box-shadow:var(--shadow)}.hero-slide{position:relative;margin:0}.hero-slide,.showcase-slide,.showcase-copy{grid-area:1 / 1;opacity:0;transition:opacity .6s ease}.hero-slide.active,.showcase-slide.active,.showcase-copy.active{opacity:1}.hero-slide:not(.active,.near) picture{display:none}.hero-slide img,.showcase-slide img{display:block;width:100%;height:auto}.hero-motion{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.hero-motion.shown{opacity:1}.hero-views{position:absolute;left:30%;top:3.4%;display:flex;width:10.5%;height:4.1%;translate:-50% -50%}.hero-slide[data-view="2d"] .hero-views{top:6.5%}.hero-views button{flex:1;padding:0;border:0;border-radius:var(--radius-full);background:none;cursor:pointer}.hero-views button:focus-visible{outline:2px solid var(--color-ring);outline-offset:1px}@media(hover:hover){.hero-views button:hover{box-shadow:inset 0 0 0 2px var(--color-ring)}}@media(pointer:coarse){.hero-views{width:max(10.4%,88px);height:max(4.1%,44px)}}.carousel-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:4px 8px;margin-top:16px}.carousel-controls .carousel-nav{grid-column:2}.carousel-pause{grid-column:3;justify-self:start}.carousel-nav,.dots{display:flex;align-items:center;gap:2px}.dots [role=tab],.carousel-step,.carousel-pause{display:grid;place-items:center;height:28px;padding:0 4px;border:0;border-radius:var(--radius-full);color:inherit;background:none;cursor:pointer}.dots [role=tab]:before{content:"";width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-border-strong);transition:width .3s ease,background .3s ease}.dots [role=tab]:hover:before{background:var(--color-text-tertiary)}.dots [role=tab][aria-selected=true]:before{width:24px;background:var(--color-text)}.dots [role=tab]:focus-visible,.carousel-step:focus-visible,.carousel-pause:focus-visible{outline:2px solid var(--color-ring);outline-offset:1px}.carousel-step,.carousel-pause{width:28px;padding:0;color:var(--color-text-secondary)}.carousel-step:hover,.carousel-pause:hover{background:var(--color-background-primary-soft)}.carousel-step svg,.carousel-pause svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.carousel-pause[aria-pressed=false] .play,.carousel-pause[aria-pressed=true] .pause{display:none}@media(max-width:719px){.carousel-step{display:none}}.showcase{display:grid;gap:28px;align-items:center}.showcase+.showcase{margin-top:clamp(80px,9vw,176px)}@media(min-width:1000px){.showcase{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:clamp(40px,4.4vw,88px)}.showcase:nth-of-type(2n){grid-template-columns:minmax(0,1fr) minmax(0,2.2fr)}.showcase:nth-of-type(2n) .showcase-media{order:1}}.showcase-slide{align-self:center}.showcase-slide>picture img,.showcase-slide>video{border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow)}.showcase-slide>video{display:block;width:100%;height:auto;background:var(--color-surface-secondary)}.showcase-title{margin:0 0 clamp(12px,1.2vw,24px);font-size:clamp(15px,1.2vw,22px);font-weight:600;letter-spacing:.02em;color:var(--color-text-secondary)}.showcase h3{margin:0 0 clamp(12px,1.2vw,24px);font-size:clamp(32px,3.2vw,64px);font-weight:600;line-height:1.06;letter-spacing:-.03em;text-wrap:balance}.showcase p{max-width:26em;margin:0;font-size:clamp(18px,1.35vw,26px);line-height:1.45;color:var(--color-text-secondary)}.showcase-text .carousel-nav{margin:20px 0 0 -4px}.devices{--frame: #111113;--frame-edge: #3a3a3f;display:grid;container-type:inline-size}.devices>*{grid-area:1 / 1}.laptop{width:90cqw}.laptop-lid{position:relative;margin:0 2.5cqw;padding:1.5cqw 1.1cqw 1.1cqw;border-radius:3cqw 3cqw .6cqw .6cqw;background:var(--frame);box-shadow:inset 0 0 0 .15cqw var(--frame-edge)}.laptop-lid:before{content:"";position:absolute;top:1.4cqw;left:50%;width:8cqw;height:1.1cqw;border-radius:0 0 .6cqw .6cqw;background:var(--frame);transform:translate(-50%)}.laptop-lid img{border-radius:1.6cqw 1.6cqw 0 0}.laptop-base{position:relative;height:1.8cqw;border-radius:0 0 2.4cqw 2.4cqw/0 0 1.6cqw 1.6cqw;background:linear-gradient(light-dark(#e6e6ea,#5b5b62),light-dark(#a7a7ae,#2f2f34));box-shadow:0 2cqw 3cqw -1cqw #00000059}.laptop-base:before{content:"";position:absolute;top:0;left:50%;width:13cqw;height:.6cqw;border-radius:0 0 .8cqw .8cqw;background:#0000002e;transform:translate(-50%)}.phone{position:relative;justify-self:end;width:20cqw;margin-top:16cqw;padding:.7cqw;border-radius:3.4cqw;background:var(--frame);box-shadow:inset 0 0 0 .15cqw var(--frame-edge),0 2cqw 3.2cqw -.8cqw #0006}.phone:after{content:"";position:absolute;top:1.5cqw;left:50%;width:5.4cqw;height:1.5cqw;border-radius:1cqw;background:#000;transform:translate(-50%)}.phone img{border-radius:2.7cqw}.formats{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none}.formats li{padding:4px 12px;border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:14px;font-weight:600;letter-spacing:.04em}.closing-links{margin:clamp(24px,2.4vw,44px) 0 0;font-size:clamp(16px,1.2vw,22px);color:var(--color-text-secondary)}.closing-links a{color:inherit;text-underline-offset:3px}.closing{display:flex;flex-direction:column;align-items:center;padding:clamp(112px,13vw,256px) 0 clamp(88px,10vw,192px)}.landing p a:not(.button),.landing th a{color:var(--color-text);text-decoration-color:var(--color-border-strong);text-underline-offset:3px}
