@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@300;400;500;600&display=swap";
:root{--brand-primary:#1c3d72;--brand-primary-hover:#152f5a;--brand-primary-light:#c5d4e8;--brand-accent:#1c3d72;--canvas-white:#fff;--canvas-off-white:#f8f7f5;--canvas-light-gray:#f2f1ef;--canvas-border:#e5e3df;--text-primary:#1a1a1a;--text-secondary:#5a5a5a;--text-muted:#9a9a9a;--text-inverse:#fff;--status-success:#2d6a4f;--status-success-bg:#eaf4ef;--status-error:#b5341c;--status-error-bg:#fdf0ed;--status-warning:#92620a;--status-warning-bg:#fef6e7;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:21px;--text-xl:28px;--text-2xl:38px;--text-3xl:52px;--text-hero:68px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 16px 40px #0000001a, 0 4px 12px #0000000f;--shadow-xl:0 32px 64px #0000001f, 0 8px 24px #00000014;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--max-page:1160px}
:root{--font-display:"DM Serif Display", Georgia, serif;--font-body:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SF Mono", "Fira Code", Menlo, monospace}
.site-header{z-index:100;padding:var(--space-xl);background:var(--canvas-white);will-change:transform;justify-content:center;align-items:center;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s;display:flex;position:sticky;top:0;transform:translateY(0)}.site-header.header-hidden{transform:translateY(-110%)}.site-header.header-scrolled{box-shadow:0 2px 16px #00000014}.site-header-logo-text{font-family:var(--font-display);font-size:var(--text-lg);color:var(--brand-primary);font-weight:400}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-body);font-size:var(--text-base);letter-spacing:.01em;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast);border:none;padding:14px 28px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--brand-primary);color:var(--text-inverse)}.btn-primary:hover{background:var(--brand-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{box-shadow:none;transform:none}.btn-on-brand{background:var(--canvas-white);color:var(--brand-primary);box-shadow:var(--shadow-md)}.btn-on-brand:hover{opacity:.92;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-on-brand:active{transform:none}.btn-secondary{color:var(--text-secondary);border:1px solid var(--canvas-border);background:0 0}.btn-secondary:hover{border-color:var(--text-muted);background:var(--canvas-light-gray);color:var(--text-primary)}.eyebrow{align-items:center;gap:var(--space-sm);font-family:var(--font-body);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--brand-accent);margin-bottom:var(--space-md);font-weight:600;display:flex}.eyebrow:before{content:"";background:var(--brand-accent);flex-shrink:0;width:24px;height:1px;display:block}.faq-list{text-align:left;flex-direction:column;gap:2px;width:100%;display:flex}.faq-item{border:1px solid var(--canvas-border);border-radius:var(--radius-lg);overflow:hidden}.faq-question{width:100%;padding:var(--space-md) var(--space-lg);background:var(--canvas-white);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:var(--space-md);transition:background var(--transition-fast);border:none;font-weight:500;display:flex}.faq-question:hover,.faq-item.open .faq-question{background:var(--canvas-off-white)}.faq-chevron{background:var(--canvas-light-gray);width:18px;height:18px;transition:background var(--transition-fast);border-radius:50%;flex-shrink:0;position:relative}.faq-chevron:before,.faq-chevron:after{content:"";background:var(--text-secondary);transition:transform var(--transition-fast), background var(--transition-fast);border-radius:1px;position:absolute;top:50%;left:50%}.faq-chevron:before{width:1.5px;height:8px;transform:translate(-50%,-50%)}.faq-chevron:after{width:8px;height:1.5px;transform:translate(-50%,-50%)}.faq-item.open .faq-chevron{background:var(--brand-primary-light)}.faq-item.open .faq-chevron:before,.faq-item.open .faq-chevron:after{background:var(--brand-primary);transform:translate(-50%,-50%)rotate(45deg)}.faq-answer{height:0;overflow:hidden}.faq-answer-inner{padding:var(--space-md) var(--space-lg) var(--space-lg);background:var(--canvas-off-white);font-size:var(--text-base);color:var(--text-secondary);font-weight:300;line-height:1.7}
.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.divider{background:var(--canvas-border);width:100%;height:1px;margin:var(--space-xl) 0}.divider-accent{background:var(--brand-accent);opacity:.6;width:48px;height:1.5px;margin:var(--space-md) 0}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text-primary);background:var(--canvas-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.section-pad{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}@media (max-width:640px){.section-pad{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}}.inner{max-width:var(--max-page);padding:0 var(--space-xl);margin:0 auto}@media (max-width:640px){.inner{padding:0 var(--space-md)}}.process-grid{grid-template-columns:1fr 80px 1fr;align-items:start;gap:0;display:grid}@media (max-width:640px){.process-grid{gap:var(--space-2xl);grid-template-columns:1fr}}.timeline-track{width:2px;position:absolute;top:12px;bottom:12px;left:-41px}.timeline-fill{background:var(--brand-primary);transform-origin:top;width:2px;position:absolute;top:12px;bottom:12px;left:-41px;transform:scaleY(0)}.timeline-dot-wrapper{width:16px;height:16px;position:absolute;top:4px;left:-48px}@media (max-width:640px){.timeline-track,.timeline-fill{left:0}.timeline-dot-wrapper{top:2px;left:-8px}.site-header .btn{display:none}.process-grid>div:first-child{position:static!important}.comparison-section-header p,.comparison-section-header h2{text-align:center}.comparison-section-header{max-width:100%}}.pac-container{border:1.5px solid var(--canvas-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-family:var(--font-body);background:var(--canvas-white);margin-top:4px;overflow:hidden}.pac-item{color:var(--text-secondary);border-top:1px solid var(--canvas-border);cursor:pointer;padding:10px 14px;font-size:14px;line-height:1.5}.pac-item:first-child{border-top:none}.pac-item:hover,.pac-item-selected{background:var(--canvas-off-white)}.pac-item-query{color:var(--text-primary);font-size:14px;font-weight:600}.pac-icon{display:none}.comparison-grid{border:1px solid var(--canvas-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.comparison-col{padding:var(--space-xl);gap:var(--space-md);flex-direction:column;display:flex}.comparison-col.pro{background:var(--brand-primary)}.comparison-col.con{background:var(--canvas-off-white);border-left:1px solid var(--canvas-border)}.comparison-col-header{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-sm);font-weight:400}.comparison-col.pro .comparison-col-header{color:var(--text-inverse)}.comparison-col.con .comparison-col-header{color:var(--text-primary)}.comparison-item{align-items:flex-start;gap:var(--space-sm);font-size:var(--text-sm);line-height:1.65;display:flex}.comparison-col.pro .comparison-item{color:#ffffffe6}.comparison-col.con .comparison-item{color:var(--text-secondary)}.comparison-icon{flex-shrink:0;font-size:13px;font-weight:700;line-height:1.7}.comparison-col.pro .comparison-icon{color:#7fe4b0}.comparison-col.con .comparison-icon{color:var(--status-error)}@media (max-width:640px){.comparison-grid{grid-template-columns:1fr}.comparison-col.con{border-left:none;border-top:1px solid var(--canvas-border)}}.showroom-grid{gap:var(--space-2xl);grid-template-columns:300px 1fr;align-items:center;display:grid}@media (max-width:768px){.showroom-grid{gap:var(--space-xl);grid-template-columns:1fr}.showroom-phone-frame{max-width:280px}}.showroom-phone-frame{aspect-ratio:9/16;background:#111;border-radius:36px;width:100%;position:relative;overflow:hidden;box-shadow:0 32px 80px #00000038,0 0 0 1.5px #00000024}.showroom-phone-frame video{object-fit:cover;width:100%;height:100%;display:block}.render-collage-band{background:#1c3461;height:64px}.render-collage-shell{margin-top:-64px}.render-collage-grid{justify-content:center;align-items:flex-end;gap:0;display:flex}.render-collage-photo{aspect-ratio:3/4;border:3px solid #ffffffeb;border-radius:6px;flex:none;width:min(23.5vw,6.6rem);margin:0 0 0 -.7rem;overflow:hidden}.render-collage-photo:first-child{margin-left:0}.render-collage-photo img{object-fit:cover;width:100%;height:100%;display:block}.render-collage-photo-1{filter:drop-shadow(4px -14px 18px #001e3273)drop-shadow(2px -3px 5px #001e3233);transform:rotate(-6deg)translateY(-.4rem)}.render-collage-photo-2{filter:drop-shadow(2px -12px 16px #001e3266)drop-shadow(1px -3px 4px #001e322e);transform:rotate(-3deg)translateY(.3rem)}.render-collage-photo-3{z-index:2;filter:drop-shadow(0 -20px 32px #001e328c)drop-shadow(0 -6px 10px #001e3240);transform:translateY(0)}.render-collage-photo-4{filter:drop-shadow(-2px -12px 16px #001e3266)drop-shadow(-1px -3px 4px #001e322e);transform:rotate(3deg)translateY(.15rem)}.render-collage-photo-5{filter:drop-shadow(-4px -14px 18px #001e3273)drop-shadow(-2px -3px 5px #001e3233);transform:rotate(7deg)translateY(-.65rem)}@media (min-width:768px){.render-collage-band{background:#1c3461;height:112px}.render-collage-shell{margin-top:-112px}.render-collage-photo{width:min(19vw,11rem);margin-left:-1.1rem}.render-collage-photo-3{width:min(20.5vw,12rem)}.render-collage-photo-1{filter:drop-shadow(6px -22px 28px #001e3273)drop-shadow(2px -5px 7px #001e3233);transform:rotate(-6deg)translateY(-.55rem)}.render-collage-photo-2{filter:drop-shadow(3px -18px 24px #001e3266)drop-shadow(1px -4px 6px #001e322e);transform:rotate(-3deg)translateY(.4rem)}.render-collage-photo-3{filter:drop-shadow(0 -28px 44px #001e3299)drop-shadow(0 -8px 14px #001e3247)}.render-collage-photo-4{filter:drop-shadow(-3px -18px 24px #001e3266)drop-shadow(-1px -4px 6px #001e322e);transform:rotate(4deg)translateY(.2rem)}.render-collage-photo-5{filter:drop-shadow(-6px -22px 28px #001e3273)drop-shadow(-2px -5px 7px #001e3233);transform:rotate(8deg)translateY(-.85rem)}}@media (min-width:1024px){.render-collage-band{background:#1c3461;height:144px}.render-collage-shell{margin-top:-144px}.render-collage-photo{width:min(17vw,13.5rem);margin-left:-1.35rem}.render-collage-photo-3{width:min(18vw,14.5rem)}.render-collage-photo-1{filter:drop-shadow(8px -28px 36px #001e3273)drop-shadow(3px -6px 9px #001e3238)}.render-collage-photo-2{filter:drop-shadow(4px -22px 30px #001e3266)drop-shadow(2px -5px 8px #001e322e)}.render-collage-photo-3{filter:drop-shadow(0 -34px 52px #001e329e)drop-shadow(0 -10px 18px #001e324d)}.render-collage-photo-4{filter:drop-shadow(-4px -22px 30px #001e3266)drop-shadow(-2px -5px 8px #001e322e)}.render-collage-photo-5{filter:drop-shadow(-8px -28px 36px #001e3273)drop-shadow(-3px -6px 9px #001e3238)}}.showcase-section{background:var(--canvas-off-white);padding:var(--space-3xl) 0}.showcase-mosaic{padding:var(--space-lg) var(--space-xl);padding-bottom:calc(var(--space-lg) + 32px);flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:12px 28px;display:flex}.showcase-card{cursor:pointer;flex-shrink:0;width:240px}.showcase-card:nth-child(2n){margin-top:32px}.showcase-card-frame{aspect-ratio:9/16;background:#111;border-radius:28px;width:100%;transition:transform .22s,box-shadow .22s;position:relative;overflow:hidden;box-shadow:0 16px 48px #0000002e,0 0 0 1px #0000000f}.showcase-card:hover .showcase-card-frame{transform:translateY(-6px);box-shadow:0 28px 64px #00000042,0 0 0 1px #00000014}.showcase-play-btn{background:#0003;flex-direction:column;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;inset:0}.showcase-card:hover .showcase-play-btn{background:#0000000d}.showcase-play-icon{background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .2s;display:flex}.showcase-card:hover .showcase-play-icon{transform:scale(1.1)}.showcase-card-label{margin-top:14px;padding:0 4px}@media (max-width:640px){.showcase-mosaic{padding:var(--space-lg) var(--space-md);padding-bottom:var(--space-lg);grid-template-columns:1fr 1fr;justify-items:center;gap:8px 16px;display:grid}.showcase-card{width:100%;max-width:160px}.showcase-card:nth-child(2n){margin-top:0;position:relative;top:146px}}.showcase-lightbox-backdrop{z-index:100;padding:var(--space-md);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.showcase-lightbox-frame{aspect-ratio:9/16;background:#000;border-radius:28px;width:min(340px,90vw);position:relative;overflow:hidden;box-shadow:0 32px 80px #000000b3}.showcase-lightbox-frame iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.showcase-lightbox-close{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffffffd9;cursor:pointer;background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;line-height:1;transition:background .15s;display:flex;position:absolute;top:14px;right:14px}.showcase-lightbox-close:hover{color:#fff;background:#000000a6}@media (max-width:640px){.showcase-card{width:100%;max-width:160px}}:root{--intake-accent:#0a6e8a;--intake-accent-hover:#074d65;--intake-accent-light:#e6f4f7}.step-milestone{width:100%;max-width:320px;margin:0 auto var(--space-2xl);justify-content:space-between;align-items:center;padding:8px 0;display:flex;position:relative}.step-milestone-track{background:var(--canvas-border);height:2px;position:absolute;top:50%;left:6px;right:6px;transform:translateY(-50%)}.step-milestone-fill{background:var(--intake-accent);width:0;height:100%}.step-milestone-dot{z-index:1;background:var(--canvas-white);border:2px solid var(--canvas-border);border-radius:50%;flex-shrink:0;width:12px;height:12px;transition:all .35s;position:relative}.step-milestone-dot.past{background:var(--intake-accent);border-color:var(--intake-accent)}.step-milestone-dot.active{background:var(--intake-accent);border-color:var(--intake-accent);width:16px;height:16px;box-shadow:0 0 0 4px #0a6e8a1f}.option-card-grid{gap:var(--space-md);grid-template-columns:1fr 1fr;align-items:stretch;width:100%;display:grid}.option-card{padding:var(--space-lg);background:var(--canvas-white);border:1.5px solid var(--canvas-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:var(--font-body);outline:none;flex-direction:column;display:flex;position:relative}.option-card:hover{border-color:var(--intake-accent-light);background:var(--canvas-off-white)}.option-card.selected{border-color:var(--intake-accent);background:var(--canvas-white);box-shadow:var(--shadow-sm)}.option-card.selected:after{content:"";background:var(--intake-accent);background-image:url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4L3.5 6.5L9 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;border-radius:50%;width:18px;height:18px;position:absolute;top:12px;right:12px}.option-card-name{font-size:var(--text-base);color:var(--text-primary);margin-bottom:2px;font-weight:500}.option-card-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-xs);font-weight:300;line-height:1.5}.option-card-meta{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-sm);letter-spacing:.02em;font-weight:500}.option-card-price{font-size:var(--text-sm);color:var(--intake-accent);padding-top:var(--space-sm);margin-top:auto;font-weight:600}.option-card-dims{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.step-nav{width:100%;margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--canvas-border);justify-content:space-between;align-items:center;display:flex}.step-nav.end{justify-content:flex-end}.iw-btn{justify-content:center;align-items:center;gap:var(--space-sm);background:var(--intake-accent);color:#fff;font-family:var(--font-body);font-size:var(--text-base);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);white-space:nowrap;border:none;padding:13px 24px;font-weight:600;display:inline-flex}.iw-btn:hover{background:var(--intake-accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.iw-btn:active{box-shadow:none;transform:none}.iw-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.iw-btn-ghost{align-items:center;gap:var(--space-xs);color:var(--text-muted);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:color var(--transition-fast), text-decoration-color var(--transition-fast);background:0 0;border:none;padding:6px 0;font-weight:400;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;display:inline-flex}.iw-btn-ghost:hover{color:var(--text-secondary);-webkit-text-decoration-color:var(--canvas-border);text-decoration-color:var(--canvas-border)}.iw-eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.14em;color:var(--intake-accent);margin-bottom:var(--space-sm);font-weight:600}.iw-headline{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-sm);font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:400;line-height:1.2}.iw-subheadline{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-xl);line-height:1.65}.iw-form-group{gap:var(--space-xs);flex-direction:column;display:flex}.iw-form-label{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.iw-form-input{width:100%;font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:var(--canvas-white);border:1.5px solid var(--canvas-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);appearance:none;outline:none;padding:11px 14px}.iw-form-input::placeholder{color:var(--text-muted)}.iw-form-input:focus{border-color:var(--intake-accent);box-shadow:0 0 0 3px #0a6e8a14}.qr-desktop-only{display:flex}@media (max-width:768px){.qr-desktop-only{display:none}.option-card-grid{grid-template-columns:1fr}}