:root{--white:#fff;--off-white:#fafaf9;--gray-50:#f5f5f4;--gray-100:#e7e5e4;--gray-200:#d6d3d1;--gray-300:#a8a29e;--gray-400:#78716c;--gray-500:#57534e;--gray-600:#44403c;--gray-700:#292524;--gray-800:#1c1917;--black:#0c0a09;--accent:#7e619b;--accent-hover:#6b5185;--accent-soft:#a68bbf;--accent-foreground:#fff;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:100px;--radius-phone:36px;--font-display:"Instrument Serif",Georgia,serif;--font-body:"Plus Jakarta Sans",system-ui,sans-serif;--ease-out:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--black);background:var(--white);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}[data-animate]{opacity:0;transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);transform:translateY(28px)}[data-animate=float]{transition:opacity .5s var(--ease-out),transform .5s var(--ease-spring);transform:translateY(16px)scale(.95)}[data-animate=slide-card]{opacity:0;transition:opacity .3s var(--ease-out),transform .4s var(--ease-spring);transform:translate(0)rotate(0)scale(.5)}[data-animate].visible{opacity:1;transform:translateY(0)scale(1)}.nav{z-index:100;transition:all .35s var(--ease-out);padding:16px 24px;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(20px)saturate(1.4);background:#ffffffd9;border-bottom:1px solid #0000000d;padding:10px 24px}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.logo{align-items:center;gap:10px;display:flex}.logo-icon{object-fit:cover;border-radius:22.37%;width:40px;height:40px}.logo-text{letter-spacing:-.02em;font-size:18px;font-weight:700}.nav-links{gap:32px;display:flex}.nav-links a{color:var(--gray-500);font-size:14px;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--black)}.nav-right{gap:10px;display:flex}.store-badge{background:var(--accent);color:var(--accent-foreground);border-radius:var(--radius-sm);transition:all .2s var(--ease-out);align-items:center;gap:8px;padding:6px 14px 6px 12px;display:flex}.store-badge:hover{opacity:.85}.store-text{flex-direction:column;line-height:1.1;display:flex}.store-small{opacity:.8;font-size:8px}.store-big{font-size:13px;font-weight:600}.mobile-toggle{flex-direction:column;gap:5px;width:24px;padding:4px 0;display:none}.mobile-toggle span{background:var(--black);height:2px;transition:all .3s var(--ease-out);border-radius:2px;display:block}.mobile-toggle.open span:first-child{transform:translateY(3.5px)rotate(45deg)}.mobile-toggle.open span:last-child{transform:translateY(-3.5px)rotate(-45deg)}.mobile-menu{background:var(--white);z-index:99;transition:transform .4s var(--ease-out);flex-direction:column;gap:12px;padding:80px 24px 32px;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}.mobile-menu.open{transform:translateY(0)}.mobile-menu a{border-bottom:1px solid var(--gray-100);padding:10px 0;font-size:16px;font-weight:500}.mobile-cta{background:var(--accent);text-align:center;margin-top:8px;color:var(--accent-foreground)!important;border-radius:var(--radius-md)!important;border:none!important;padding:14px!important}.hero{align-items:center;min-height:100vh;padding:140px 24px 80px;display:flex}.hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1200px;margin:0 auto;display:grid}.hero-left{max-width:520px}h1{flex-direction:column;margin-bottom:24px;display:flex}.hero-meet{font-family:var(--font-display);color:var(--black);margin-bottom:4px;font-size:clamp(28px,4vw,38px);font-weight:400;line-height:1.1}.hero-headline{font-family:var(--font-body);letter-spacing:-.03em;color:var(--black);font-size:clamp(36px,5vw,52px);font-weight:800;line-height:1.08}.hero-sub{color:var(--gray-400);max-width:440px;margin-bottom:36px;font-size:16px;line-height:1.7}.hero-buttons{flex-wrap:wrap;gap:12px;display:flex}.btn-apple{border-radius:var(--radius-md);transition:all .25s var(--ease-out);background:var(--accent);color:var(--accent-foreground);align-items:center;gap:10px;padding:10px 20px 10px 16px;font-size:14px;display:flex}.btn-apple:hover{background:var(--accent-hover)}.btn-text{text-align:left;flex-direction:column;line-height:1.15;display:flex}.btn-small{opacity:.7;text-transform:uppercase;letter-spacing:.04em;font-size:9px;font-weight:500}.btn-big{font-size:16px;font-weight:700}.btn-apple.large{padding:14px 28px 14px 20px}.btn-apple.large .btn-big{font-size:18px}.hero-right{justify-content:center;align-items:center;height:620px;display:flex;position:relative}.phone{z-index:4;position:relative}.phone-mock{filter:drop-shadow(0 24px 80px #0000002e)drop-shadow(0 4px 16px #00000014);position:relative}.phone-mock-img{z-index:2;pointer-events:none;width:100%;height:auto;display:block;position:relative}.phone-screen{z-index:1;border-radius:40px;position:absolute;inset:1.5% 3%;overflow:hidden}.phone-main{z-index:4;top:auto;left:auto}.phone-main .phone-mock{width:280px}.result-preview{background:var(--white);z-index:2;border:1px solid var(--gray-100);pointer-events:none;border-radius:16px;width:150px;position:absolute;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f}.rp-img{object-fit:cover;width:100%;height:140px;display:block}.rp-label{color:var(--black);letter-spacing:-.01em;padding:10px 14px;font-size:13px;font-weight:700;display:block}.rp-1{z-index:3;top:120px;right:60px}.rp-2{z-index:1;top:160px;left:60px}.rp-3{z-index:3;bottom:100px;right:50px}.rp-1.visible{opacity:1;pointer-events:auto;transform:translate(60px,-80px)rotate(6deg)scale(1)}.rp-2.visible{opacity:1;pointer-events:auto;transform:translate(-60px,-60px)rotate(-5deg)scale(1)}.rp-3.visible{opacity:1;pointer-events:auto;transform:translate(50px,30px)rotate(4deg)scale(1)}.result-preview.visible:hover{box-shadow:0 16px 48px #00000029,0 4px 12px #00000014}.screen-camera{background:#1a1a1a;flex-direction:column;display:flex}.screen-header{color:var(--white);justify-content:space-between;align-items:center;padding:28px 16px 12px;display:flex}.screen-header.dark{color:var(--black)}.screen-title{font-size:15px;font-weight:600}.screen-time{font-size:13px;font-weight:600}.back-btn,.dots-btn{justify-content:center;align-items:center;width:28px;display:flex}.room-preview{flex:1;justify-content:center;align-items:center;padding:12px;display:flex;position:relative;overflow:hidden}.room-scene{border-radius:12px;width:100%;height:280px;position:relative;overflow:hidden}.camera-viewfinder{flex:1;justify-content:center;align-items:center;padding:10px;display:flex}.camera-photo-wrap{width:100%;position:relative}.camera-bg{aspect-ratio:3/4;object-fit:cover;border-radius:8px;width:100%;display:block}.before-badge{z-index:2;color:var(--white);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.06em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;padding:3px 10px;font-size:10px;font-weight:600;position:absolute;top:8px;left:8px}.room-wall{background:linear-gradient(#e8e0d5 0%,#ddd5c8 60%,#d4cabb 100%);position:absolute;inset:0}.room-floor{background:linear-gradient(#c8b99a,#b5a585);height:35%;position:absolute;bottom:0;left:0;right:0}.room-window{background:#a8c8d8;border:3px solid #c0b6a4;border-radius:4px;gap:3px;width:70px;height:60px;padding:3px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.window-pane{background:linear-gradient(#b8d8e8,#9cc0d0);border-radius:2px;flex:1}.room-sofa{width:130px;height:48px;position:absolute;bottom:38%;left:50%;transform:translate(-50%)}.sofa-back{background:#8a7b68;border-radius:6px 6px 0 0;height:18px;position:absolute;top:0;left:5px;right:5px}.sofa-seat{background:#9a8b78;border-radius:6px;height:28px;position:absolute;bottom:0;left:0;right:0}.sofa-arm-l,.sofa-arm-r{background:#8a7b68;border-radius:5px;width:14px;height:36px;position:absolute;bottom:0}.sofa-arm-l{left:-2px}.sofa-arm-r{right:-2px}.cushion{border-radius:4px;width:18px;height:16px;position:absolute;bottom:10px}.c1{background:#c4a882;left:25px}.c2{background:#b89870;right:25px}.room-table{width:50px;height:22px;position:absolute;bottom:30%;left:50%;transform:translate(-50%)}.table-top{background:#7a6b58;border-radius:3px;height:8px;position:absolute;top:0;left:0;right:0}.table-item{background:#6b8c5a;border-radius:50% 50% 0 0;width:12px;height:10px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.room-lamp{position:absolute;top:35px;right:25px}.lamp-shade{background:#e8d8c4;border-radius:2px 2px 10px 10px;width:20px;height:14px}.lamp-stand{background:#9a8b78;width:3px;height:50px;margin:0 auto}.lamp-base{background:#9a8b78;border-radius:2px;width:14px;height:4px;margin:0 auto}.room-plant{position:absolute;bottom:35%;right:15px}.plant-pot{background:#c4956a;border-radius:2px 2px 4px 4px;width:16px;height:16px;margin:0 auto}.plant-leaf{background:#5a8a4a;border-radius:50% 0;width:10px;height:14px;position:absolute}.l1{top:-10px;left:3px;transform:rotate(-20deg)}.l2{top:-14px;left:6px;transform:rotate(10deg)}.l3{top:-8px;left:10px;transform:rotate(30deg)}.room-rug{opacity:.6;background:#c4a882;border-radius:4px;width:100px;height:20px;position:absolute;bottom:20%;left:50%;transform:translate(-50%)}.scan-corner{border:2.5px solid var(--accent);z-index:2;width:24px;height:24px;position:absolute}.sc-tl{border-bottom:none;border-right:none;border-radius:4px 0 0;top:8px;left:8px}.sc-tr{border-bottom:none;border-left:none;border-radius:0 4px 0 0;top:8px;right:8px}.sc-bl{border-top:none;border-right:none;border-radius:0 0 0 4px;bottom:8px;left:8px}.sc-br{border-top:none;border-left:none;border-radius:0 0 4px;bottom:8px;right:8px}.camera-controls{z-index:2;padding:12px 16px 20px}.cam-btn-row{justify-content:center;gap:6px;margin-bottom:16px;display:flex}.cam-pill{border-radius:var(--radius-pill);color:#ffffff80;background:#ffffff14;border:none;padding:6px 14px;font-size:11px;font-weight:600}.cam-pill.active{color:var(--white);background:#ffffff2e}.shutter-row{justify-content:center;align-items:center;gap:28px;display:flex}.shutter{border:3px solid var(--white);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.shutter-inner{background:var(--white);border-radius:50%;width:40px;height:40px}.flash-btn,.flip-btn{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.float-label{background:var(--white);border-radius:var(--radius-pill);z-index:10;white-space:nowrap;border:1px solid var(--gray-100);align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;display:flex;position:absolute;box-shadow:0 4px 20px #00000014,0 1px 3px #0000000a}.fl-dot{border-radius:50%;width:8px;height:8px}.fl-style{top:200px;left:0}.fl-match{color:#16a34a;top:340px;right:0}.fl-time{bottom:100px;left:10px}.fl-time svg{color:#f59e0b}.section-container{max-width:1100px;margin:0 auto;padding:0 24px}.section-header{text-align:center;margin-bottom:56px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:12px;font-size:12px;font-weight:600;display:block}.section-header h2{font-family:var(--font-body);letter-spacing:-.03em;color:var(--black);font-size:clamp(32px,4.5vw,44px);font-weight:800;line-height:1.1}.section-header h2 em{font-family:var(--font-display);color:var(--accent);font-style:italic;font-weight:400}.steps{background:var(--off-white);padding:100px 0}.steps-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.step-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-100);transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out);padding:32px}.step-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000000f}.step-num{font-family:var(--font-display);color:var(--accent-soft);margin-bottom:20px;font-size:36px}.step-visual{background:var(--gray-50);border-radius:var(--radius-md);justify-content:center;align-items:center;height:180px;margin-bottom:24px;display:flex;position:relative;overflow:hidden}.step-card h3{letter-spacing:-.01em;margin-bottom:8px;font-size:18px;font-weight:700}.step-card p{color:var(--gray-400);font-size:14px;line-height:1.6}.sv-phone-outline{border:2px solid var(--gray-200);border-radius:16px;justify-content:center;align-items:center;width:100px;height:130px;display:flex}.sv-viewfinder{justify-content:center;align-items:center;width:70px;height:70px;display:flex;position:relative}.sv-corner{border:2px solid var(--gray-300);width:14px;height:14px;position:absolute}.svtl{border-bottom:none;border-right:none;border-radius:3px 0 0;top:0;left:0}.svtr{border-bottom:none;border-left:none;border-radius:0 3px 0 0;top:0;right:0}.svbl{border-top:none;border-right:none;border-radius:0 0 0 3px;bottom:0;left:0}.svbr{border-top:none;border-left:none;border-radius:0 0 3px;bottom:0;right:0}.sv-cam-icon{color:var(--gray-300)}.style-chips{flex-wrap:wrap;justify-content:center;gap:6px;padding:12px;display:flex}.chip{border-radius:var(--radius-pill);background:var(--white);border:1.5px solid var(--gray-200);color:var(--gray-500);padding:6px 14px;font-size:12px;font-weight:600}.chip.active{background:var(--accent);color:var(--accent-foreground);border-color:var(--accent)}.style-palette{justify-content:center;gap:6px;margin-top:8px;display:flex}.pal-dot{border:2px solid var(--white);border-radius:50%;width:22px;height:22px;box-shadow:0 1px 4px #0000001a}.transform-split{align-items:center;gap:8px;display:flex}.ts-before,.ts-after{text-align:center}.ts-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--gray-400);margin-bottom:6px;font-size:9px;font-weight:600;display:block}.ts-room-b{background:linear-gradient(155deg,#d5cec2,#c0b6a4);border-radius:8px;width:70px;height:55px}.ts-room-a{background:linear-gradient(155deg,#e8e0d5,#d4c4a8);border-radius:8px;width:70px;height:55px}.ts-divider{background:var(--white);width:28px;height:28px;color:var(--gray-400);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #00000014}.transform-sparkle{color:#f59e0b;animation:2s ease-in-out infinite sparkle-pulse;position:absolute;top:14px;right:18px}@keyframes sparkle-pulse{0%,to{opacity:.4;transform:scale(.8)rotate(0)}50%{opacity:1;transform:scale(1)rotate(15deg)}}.styles-section{padding:100px 0 60px}.styles-carousel{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.styles-track{gap:18px;width:max-content;animation:60s linear infinite carousel-scroll;display:flex}.styles-carousel:hover .styles-track{animation-play-state:paused}@keyframes carousel-scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 9px))}}.style-card{border-radius:var(--radius-lg);border:1px solid var(--gray-100);width:200px;transition:transform .3s var(--ease-out);flex-shrink:0;overflow:hidden}.style-card:hover{transform:translateY(-4px)}img.style-preview{object-fit:cover;width:100%;height:220px;display:block}.style-name{padding:14px 16px 2px;font-size:15px;font-weight:700;display:block}.style-desc{color:var(--gray-400);padding:0 16px 14px;font-size:12px;display:block}.reviews{background:var(--off-white);padding:100px 0}.reviews-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.review-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-100);padding:28px}.review-stars{color:#facc15;gap:2px;margin-bottom:16px;display:flex}.review-text{color:var(--gray-600);margin-bottom:20px;font-size:15px;line-height:1.7}.review-author{align-items:center;gap:10px;display:flex}.review-avatar{border-radius:50%;width:36px;height:36px}.ra1{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.ra2{background:linear-gradient(135deg,#34d399,#10b981)}.ra3{background:linear-gradient(135deg,#fb923c,#f97316)}.review-name{font-size:13px;font-weight:600;display:block}.review-role{color:var(--gray-400);font-size:12px;display:block}.cta{padding:60px 0 100px}.cta-card{background:var(--accent);color:var(--accent-foreground);border-radius:var(--radius-xl);text-align:center;padding:64px;position:relative;overflow:hidden}.cta-card:before{content:"";background:radial-gradient(circle,#ffffff26,#0000);border-radius:50%;width:300px;height:300px;position:absolute;top:-80px;left:-80px}.cta-card:after{content:"";background:radial-gradient(circle,#ffffff1a,#0000);border-radius:50%;width:250px;height:250px;position:absolute;bottom:-60px;right:-60px}.cta-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#ffffff80;margin-bottom:16px;font-size:12px;font-weight:600;display:block}.cta-card h2{font-family:var(--font-body);letter-spacing:-.03em;z-index:1;margin-bottom:16px;font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1.1;position:relative}.cta-card h2 em{font-family:var(--font-display);font-style:italic;font-weight:400}.cta-card p{color:#fff9;z-index:1;margin-bottom:32px;font-size:16px;position:relative}.cta-buttons{z-index:1;flex-wrap:wrap;justify-content:center;gap:14px;display:flex;position:relative}.cta .btn-apple{background:var(--white);color:var(--black)}.cta .btn-apple:hover{background:var(--gray-50)}.footer{border-top:1px solid var(--gray-100);padding:48px 0 32px}.footer-top{justify-content:space-between;margin-bottom:40px;display:flex}.footer-brand .logo{margin-bottom:12px}.footer-desc{color:var(--gray-400);max-width:260px;font-size:14px}.footer-links{gap:64px;display:flex}.footer-col{flex-direction:column;gap:8px;display:flex}.footer-col h4{text-transform:uppercase;letter-spacing:.08em;color:var(--gray-400);margin-bottom:4px;font-size:12px;font-weight:600}.footer-col a{color:var(--gray-500);font-size:14px;transition:color .2s}.footer-col a:hover{color:var(--black)}.footer-bottom{border-top:1px solid var(--gray-100);color:var(--gray-400);padding-top:24px;font-size:13px}@media (max-width:900px){.nav-links,.nav-right{display:none}.mobile-toggle{display:flex}.hero{min-height:auto;padding:120px 24px 60px}.hero-content{grid-template-columns:1fr;gap:48px}.hero-left{max-width:100%}.hero-right{width:100%;max-width:400px;height:520px;margin:0 auto}.phone-main .phone-mock{width:240px}.result-preview{width:120px}.rp-img{height:110px}.rp-label{padding:8px 10px;font-size:11px}.rp-1{top:80px;right:40px}.rp-2{top:110px;left:40px}.rp-3{bottom:70px;right:35px}.rp-1.visible{transform:translate(45px,-60px)rotate(6deg)scale(1)}.rp-2.visible{transform:translate(-45px,-50px)rotate(-5deg)scale(1)}.rp-3.visible{transform:translate(40px,20px)rotate(4deg)scale(1)}.steps-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}.reviews-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.footer-top{flex-direction:column;gap:32px}.cta-card{padding:40px 24px}}@media (max-width:600px){.hero-right{height:460px}.phone-main .phone-mock{width:210px}.room-scene{height:220px}.result-preview{border-radius:12px;width:100px}.rp-img{height:90px}.rp-label{padding:6px 8px;font-size:10px}.rp-1{top:60px;right:30px}.rp-2{top:90px;left:30px}.rp-3{bottom:60px;right:30px}.rp-1.visible{transform:translate(35px,-50px)rotate(6deg)scale(1)}.rp-2.visible{transform:translate(-35px,-40px)rotate(-5deg)scale(1)}.rp-3.visible{transform:translate(30px,15px)rotate(4deg)scale(1)}.float-label{padding:5px 10px;font-size:10px}.fl-style{top:160px;left:0}.fl-match{top:280px;right:0}.fl-time{bottom:60px;left:0}.hero-buttons{flex-direction:column}.btn-apple{justify-content:center}}