@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{--ink:#111814;--paper:#f8faf8;--card:#fff;--green:#08a867;--green-dark:#08764c;--mint:#dff8e9;--lime:#d8ff8c;--coral:#ff6b4a;--line:#dfe6e1;--muted:#68736d;--shadow:0 24px 80px rgba(18,55,37,.10)}
*{font-family:'Be Vietnam Pro','Noto Sans',Arial,sans-serif}html{background:var(--paper)}body{background:var(--paper);font-size:15px;line-height:1.62;letter-spacing:-.015em;-webkit-font-smoothing:antialiased}h1,h2,h3,b,strong,.brand{letter-spacing:-.045em}button,input,select{font:inherit}header{height:74px;padding:0 max(calc((100vw - 1310px)/2),28px);border-color:#eaf0ec;background:rgba(255,255,255,.82);backdrop-filter:blur(18px) saturate(140%);transition:box-shadow .3s,background .3s}header.scrolled{background:rgba(255,255,255,.96);box-shadow:0 8px 30px #1833230c}.brand{font-size:23px;letter-spacing:-1.5px}.brand span{color:var(--green)}nav{gap:25px}nav a{font-size:13px;font-weight:500;color:#56615b;transition:color .2s}nav a:hover,nav a.active{color:var(--ink)!important}.nav-cta,.login-btn{border-radius:999px!important;background:var(--green)!important;border-color:var(--green)!important;color:white!important;padding:10px 18px!important;box-shadow:0 6px 18px #08a86720;transition:transform .2s,box-shadow .2s}.nav-cta:hover,.login-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #08a86735}.lang-btn{border-color:var(--line)!important;border-radius:999px;background:#f5f8f6!important;color:var(--ink)}
.hero.landing{display:block;max-width:none;min-height:auto;padding:96px 24px 110px;position:relative;overflow:hidden;text-align:center;background:radial-gradient(ellipse 48% 27% at 50% 29%,rgba(20,194,117,.22),transparent 70%),linear-gradient(180deg,#fff 0,#f8fbf9 74%,#f1f7f3 100%)}.hero.landing:before{content:'';position:absolute;width:860px;height:440px;border:1px solid #58c98d;border-radius:50%;left:50%;top:205px;transform:translateX(-50%);opacity:.55;filter:blur(.2px);pointer-events:none}.hero.landing>div:first-child{position:relative;z-index:2;max-width:1030px;margin:0 auto}.hero .eyebrow{color:var(--green-dark);font-size:11px;letter-spacing:2.4px}.hero h1{font-size:clamp(54px,7.2vw,104px);line-height:.98;letter-spacing:-.075em;max-width:1050px;margin:20px auto 28px;font-weight:500}.hero h1 em{font-family:inherit;font-style:normal;font-weight:500;color:var(--green)}.hero .lead{max-width:690px;margin:0 auto 30px;color:#5d6962;font-size:18px;line-height:1.65}.hero-actions{justify-content:center}.primary{border-radius:999px;padding:14px 22px;background:var(--green);box-shadow:0 10px 30px #08a86722;transition:transform .22s,box-shadow .22s,background .22s}.primary:hover{transform:translateY(-2px);background:var(--green-dark);box-shadow:0 15px 34px #08764c32}.primary span{color:white}.text-link{font-size:13px;text-underline-offset:5px}.fine{margin-top:15px;color:#89918c}.showcase{max-width:1180px;height:610px;margin:70px auto 0;position:relative;z-index:2;text-align:left;perspective:1200px}.showcase:before{content:'';position:absolute;inset:-80px 10% 5%;background:radial-gradient(circle,#27bf7c32,transparent 68%);filter:blur(30px)}.show-img{border-radius:20px;box-shadow:0 35px 100px #183c2830;transition:transform .6s cubic-bezier(.2,.8,.2,1);overflow:hidden}.show-img span{border-radius:999px;letter-spacing:.8px;box-shadow:0 5px 20px #0001}.show-img.before{inset:80px auto 30px 0;width:39%;transform:rotate(-3deg);filter:saturate(.72)}.show-img.after{inset:0 0 10px 27%;border:8px solid white;transform:rotate(1deg)}.showcase:hover .before{transform:rotate(-5deg) translateX(-8px)}.showcase:hover .after{transform:rotate(.2deg) translateY(-5px)}.score{left:auto;right:4%;bottom:-14px;border-radius:14px;box-shadow:0 16px 38px #183c2825;background:var(--lime);padding:16px 21px}.score b{font-size:14px}.score small{font-size:11px}.trust-strip{border:0;background:#101814;min-height:70px;color:#dce6e0;box-shadow:inset 0 1px #ffffff10}.trust-strip span:nth-child(even){color:#63e19d}.feature-section{padding-top:130px}.section-copy{grid-template-columns:1.25fr .75fr;gap:90px}.section-copy h2,.usecases h2,.cta-band h2,.page-hero h1{font-size:clamp(42px,5.2vw,70px);letter-spacing:-.065em;font-weight:500}.section-copy>p:last-child{font-size:16px;line-height:1.75}.feature-grid{gap:14px}.feature-card{border:0!important;border-radius:20px;background:#fff;min-height:300px;padding:34px;box-shadow:0 1px 0 #dfe6e1;transition:transform .32s,box-shadow .32s}.feature-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.feature-card.accent{background:linear-gradient(145deg,#d8ff8c,#bff5d5)}.feature-card.dark{background:#111814}.feature-card h3{font-weight:600;letter-spacing:-.045em}.usecases{border:0;background:#f0f6f2;max-width:none;padding:120px max(calc((100vw - 1200px)/2),30px)}.case-list{border-color:#cad7cf}.case-list a{padding:26px 6px;border-color:#cad7cf;transition:padding .25s,background .25s}.case-list a:hover{padding-left:14px;background:#ffffff80}.cta-band{position:relative;overflow:hidden;background:#0b9e62;padding:125px 20px}.cta-band:after{content:'';position:absolute;width:720px;height:320px;border:1px solid #aaffcc;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.45}.cta-band>*{position:relative;z-index:1}.cta-band .eyebrow{color:#bff5d5}.cta-band h2{font-weight:500}.primary.light{color:#08764c}footer{background:#111814;color:#abb7b0;border:0;padding-top:55px;padding-bottom:55px}footer .brand{color:white}
.studio,.page-shell{animation:pageIn .55s ease both}.studio{background:#edf4ef}.workspace{border:0;border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.panel{border-color:var(--line)}.upload{border-radius:14px;border-color:#a7b8ae;background:#f8fbf9;transition:border .2s,background .2s}.upload:hover{border-color:var(--green);background:#f0faf5}.choices label:first-of-type{border-radius:9px 0 0 9px}.choices label:last-of-type{border-radius:0 9px 9px 0}.choices input:checked+label{background:var(--green);border-color:var(--green)}select,.editbox input{border-radius:9px;border-color:var(--line)}.full{border-radius:12px}.result{background:#fff}.render{border:0;border-radius:14px;background:#f2f5f3}.budget-card{border-radius:12px;background:#111814}.budget-card strong{color:var(--lime)}.editbox button{border-radius:9px;background:var(--green)}.product{border:0;border-radius:12px;background:#f5f8f6}.product img{border-radius:8px}.pill{background:var(--lime)}.pay{border-radius:10px}.page-hero{border-color:var(--line);padding-top:20px}.design-card,.plan,.guide-card,.legal{border:0;border-radius:18px;box-shadow:0 1px 0 var(--line)}.design-card{transition:transform .25s,box-shadow .25s}.design-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.design-card img{transition:transform .5s}.design-card:hover img{transform:scale(1.025)}.plan.featured{background:#111814}.faq details{border-color:var(--line)}.auth-box{border-radius:20px;box-shadow:var(--shadow)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}@keyframes pageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media(max-width:800px){header{padding:0 18px}.hero.landing{padding:65px 18px 80px}.hero.landing:before{width:620px;top:175px}.hero h1{font-size:clamp(46px,13vw,68px)}.hero .lead{font-size:16px}.showcase{height:440px;margin-top:55px}.show-img.before{width:48%;bottom:65px}.show-img.after{left:22%}.score{right:0}.section-copy{grid-template-columns:1fr;gap:20px}.feature-section{padding-top:85px}.usecases{padding-top:85px;padding-bottom:85px}.sample-disclaimer{align-items:flex-start;flex-direction:column}}

:root{--ink:#2c211b;--paper:#fff9f1;--card:#fffdf9;--green:#e86f45;--green-dark:#b94e2f;--mint:#f4dfc8;--lime:#ffd77a;--coral:#e86f45;--line:#eadfd2;--muted:#786b61;--sage:#809a78;--butter:#ffd77a;--cocoa:#3a2920;--shadow:0 24px 80px rgba(79,46,24,.12)}
html,body{background:var(--paper)}header{background:rgba(255,250,243,.86);border-color:#efe5da}header.scrolled{background:rgba(255,252,247,.97);box-shadow:0 8px 30px #6b3d2010}.brand span{color:var(--coral)}.nav-cta,.login-btn{background:var(--coral)!important;border-color:var(--coral)!important;box-shadow:0 6px 18px #e86f4528}.nav-cta:hover,.login-btn:hover{background:#c85836!important;box-shadow:0 10px 25px #e86f4535}.lang-btn{background:#fff8ef!important;border-color:var(--line)!important}.credit{background:var(--butter)}
.hero.landing{background:radial-gradient(ellipse 48% 28% at 50% 29%,rgba(242,173,99,.28),transparent 70%),linear-gradient(180deg,#fffdf9 0,#fff8ef 72%,#faefe3 100%)}.hero.landing:before{border-color:#eaa77c}.hero .eyebrow{color:#a24b31}.hero h1 em{color:var(--coral)}.hero .lead{color:#6f6259}.primary{background:var(--coral);box-shadow:0 10px 30px #e86f4525}.primary:hover{background:#bd5233;box-shadow:0 15px 34px #b94e2f33}.showcase:before{background:radial-gradient(circle,#f0b87c38,transparent 68%)}.score{background:var(--butter);color:var(--cocoa)}.trust-strip{background:var(--cocoa);color:#f7e9dc}.trust-strip span:nth-child(even){color:#ffc96a}.feature-card.accent{background:linear-gradient(145deg,#ffe09a,#f4cdb6)}.feature-card.dark{background:var(--cocoa)}.usecases{background:#f8eee3}.case-list{border-color:#e4d4c3}.case-list a{border-color:#e4d4c3}.cta-band{background:linear-gradient(145deg,#d95f3b,#ef8b5d)}.cta-band:after{border-color:#ffd7b8}.cta-band .eyebrow{color:#ffe3cd}.primary.light{color:#a34229}footer{background:var(--cocoa)}
.studio{background:#f5eadf}.workspace{box-shadow:0 24px 80px #693a2214}.upload{background:#fffaf4;border-color:#ccb7a5}.upload:hover{border-color:var(--coral);background:#fff5e9}.choices input:checked+label{background:var(--coral);border-color:var(--coral)}.budget-card{background:var(--cocoa)}.budget-card strong{color:var(--butter)}.editbox button{background:var(--coral)}.product{background:#faf3eb}.render-note.good{background:#fff0d5!important;color:#7a4c20!important}.pill{background:var(--butter)}.plan.featured{background:var(--cocoa)}.auth-box{background:#fffaf4}
.sticker-cloud{position:absolute;inset:70px 5% auto;z-index:3;pointer-events:none}.sticker{position:absolute;display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:2px solid var(--cocoa);border-radius:999px;background:#fffdf9;color:var(--cocoa);font-size:11px;font-weight:800;letter-spacing:.03em;box-shadow:3px 4px 0 var(--cocoa);transform:rotate(-5deg)}.sticker.s1{left:2%;top:95px;background:var(--butter)}.sticker.s2{right:3%;top:165px;background:#d9e8cf;transform:rotate(7deg)}.sticker.s3{right:13%;top:25px;background:#ffd4c2;transform:rotate(-3deg)}.sticker-dot{width:32px;height:32px;padding:0;justify-content:center;border-radius:50%;font-size:17px}.roomie{position:absolute;right:4%;top:355px;width:76px;height:67px;border:3px solid var(--cocoa);border-radius:14px 14px 19px 19px;background:#ffc976;box-shadow:5px 6px 0 var(--cocoa);transform:rotate(5deg)}.roomie:before{content:'';position:absolute;width:51px;height:51px;left:9px;top:-24px;background:#ef7950;border:3px solid var(--cocoa);border-radius:8px;transform:rotate(45deg);z-index:-1}.roomie:after{content:'• ᴗ •';position:absolute;inset:20px 0 0;text-align:center;font-size:18px;font-weight:800}.roomie-tag{position:absolute;right:-4px;bottom:-24px;font-size:9px;font-weight:800;background:#fff;border:2px solid var(--cocoa);border-radius:8px;padding:3px 7px;white-space:nowrap}.mood-rail{display:flex;gap:10px;justify-content:center;align-items:center;padding:18px;background:#fff8ee;border-bottom:1px solid var(--line);overflow:auto}.mood-chip{white-space:nowrap;padding:8px 13px;border:1px solid #dcc9b6;border-radius:999px;background:#fffdf9;color:#59483d;font-size:11px;font-weight:700}.mood-chip:nth-child(2){background:#ffe2a8}.mood-chip:nth-child(3){background:#dcebd4}.mood-chip:nth-child(4){background:#ffd8c8}.mood-chip:nth-child(5){background:#e7ddf5}.feature-card{position:relative;overflow:hidden}.feature-card:nth-child(1):after,.feature-card:nth-child(4):after{position:absolute;right:20px;top:18px;padding:7px 10px;border:2px solid currentColor;border-radius:9px;font-size:10px;font-weight:800;transform:rotate(5deg)}.feature-card:nth-child(1):after{content:'✿ COZY PICK';background:#fff4d4}.feature-card:nth-child(4):after{content:'GG · SAVED';color:#fff;background:#855f4b}.cozy-scribble{position:absolute;left:50%;bottom:4px;width:120px;height:18px;border-bottom:3px solid #e97951;border-radius:50%;transform:translateX(-50%) rotate(-2deg);opacity:.75}
@media(max-width:800px){.sticker-cloud{inset:72px 12px auto}.sticker.s1{display:none}.sticker.s2{right:0;top:315px}.sticker.s3{right:auto;left:4px;top:48px}.roomie{display:none}.mood-rail{justify-content:flex-start;padding-left:18px}.hero.landing{padding-top:76px}.hero h1{font-size:39px;line-height:1.08}.hero.landing:before{border-color:#eaa77c}.showcase{margin-top:46px}}

@media (max-width:800px){
  .sticker-cloud{display:none!important}
  .hero.landing>div:first-child{max-width:360px}
  .hero.landing .cozy-scribble{bottom:-2px;width:96px}
}

.product-picker{margin:0 0 26px;padding:16px;background:#fff8ed;border:1px solid #e2cfb8;border-radius:15px}.product-picker>label{display:block;font-weight:750;margin-bottom:8px}.product-picker>small{display:block;color:#75685d;font-size:11px;margin-top:8px;line-height:1.5}.product-search{display:grid;grid-template-columns:1fr auto;gap:8px}.product-search input{min-width:0;border:1px solid #d6c2ab;background:#fff;padding:11px 12px;border-radius:10px;font:inherit}.product-search button,.search-product button{border:0;border-radius:10px;background:#28251f;color:#fff;font-weight:700;padding:0 15px;cursor:pointer}.search-status{font-size:12px;color:#845a3e;margin:10px 0}.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:350px;overflow:auto}.search-product{display:grid;gap:7px;padding:8px;background:#fff;border:1px solid #eadccb;border-radius:12px}.search-product img{width:100%;height:105px;object-fit:contain;background:#f5f1eb;border-radius:8px}.search-product b{font-size:11px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-product span{display:flex;align-items:center;justify-content:space-between;gap:5px}.search-product button{font-size:10px;padding:7px 8px}.search-product a{font-size:10px;color:#7a4e33}.selected-products{display:grid;gap:7px;margin-top:12px}.selected-products:empty{display:none}.selected-products article{display:grid;grid-template-columns:48px 1fr 28px;align-items:center;gap:9px;background:#f2e2cc;border-radius:11px;padding:6px}.selected-products img{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:8px}.selected-products b{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:11px}.selected-products small{display:block;color:#8b5d3e;margin-top:3px}.selected-products button{border:0;background:transparent;font-size:22px;color:#6f5748;cursor:pointer}@media(max-width:520px){.search-results{grid-template-columns:1fr}}
.product-source-tabs{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:13px}.product-source-tabs button{display:grid;min-width:0;gap:2px;border:1px solid var(--line);border-radius:10px;padding:9px;background:var(--control);color:var(--ink);font:inherit;font-weight:800;overflow-wrap:anywhere;cursor:pointer}.product-source-tabs button span{font-size:9px;font-weight:600;color:var(--muted)}.product-source-tabs button.selected{border-color:var(--coral);background:color-mix(in srgb,var(--coral) 12%,var(--surface));box-shadow:inset 0 0 0 1px var(--coral)}.supplier-filter{display:grid;min-width:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;margin-bottom:12px}.supplier-filter label{margin:0!important;font-size:11px}.supplier-filter select,.supplier-result select{min-width:0;border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--control);color:var(--ink);font:inherit}.verified-product{display:inline-block;color:#426523;font-size:10px;font-weight:850}.search-price{font-size:13px;color:var(--coral)}.supplier-result{grid-template-rows:auto auto auto auto auto}.budget-card em{display:block;margin-top:3px;font-size:9px;font-style:normal;opacity:.7}@media(max-width:520px){.product-picker{padding:13px}.product-source-tabs button{padding:8px 6px;font-size:11px}.supplier-filter{grid-template-columns:1fr}.supplier-filter select{width:100%}}
.shopping-price-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px}.shopping-price-filter label{display:grid;gap:4px;color:var(--muted);font-size:10px;font-weight:750}.shopping-price-filter input{min-width:0;padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--control);color:var(--ink);font:inherit}.shopping-price-filter.hidden{display:none}.reference-price-label{display:block;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selection-cost{display:flex;justify-content:space-between;gap:8px;margin-top:10px;padding:9px 11px;border:1px solid #a9c68d;border-radius:10px;background:#f1f8e8;color:#38521e;font-size:11px}.selection-cost.over{display:grid;border-color:#df7064;background:#fff0ed;color:#9a2f25}.combo-planner{margin-top:13px;padding:11px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 82%,var(--butter))}.combo-planner summary{cursor:pointer;font-size:12px;font-weight:850;color:var(--ink)}.combo-planner>p,.combo-planner>small{margin:7px 0;color:var(--muted);font-size:10px}.combo-planner>label{display:block;margin:8px 0 5px;font-size:11px;font-weight:750}.combo-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.combo-controls input{min-width:0;border:1px solid var(--line);border-radius:9px;padding:9px;background:var(--control);color:var(--ink);font:inherit}.combo-controls button,.use-combo{border:0;border-radius:9px;padding:9px 12px;background:var(--ink);color:var(--surface);font:inherit;font-weight:800;cursor:pointer}.combo-result{margin-top:10px}.combo-summary{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:11px}.combo-items{display:grid;gap:6px}.combo-items article{display:grid;grid-template-columns:42px 1fr;gap:8px;align-items:center;padding:5px;border-radius:9px;background:var(--surface)}.combo-items img{width:42px;height:42px;object-fit:contain;border-radius:7px;background:#fff}.combo-items b,.combo-items small{display:block;font-size:10px}.combo-items small{color:var(--muted)}.use-combo{width:100%;margin-top:9px;background:var(--coral);color:#fff}.combo-error{color:#a52f28}.pill.cost-over{background:#f7b2a9;color:#7d1e18}.pill.cost-ok{background:var(--butter);color:var(--ink)}.budget-card.over-budget{outline:2px solid #f07a69}.budget-warning{color:#ffd2ca!important;font-weight:800;opacity:1!important}@media(max-width:520px){.selection-cost,.combo-summary{display:grid}.combo-controls{grid-template-columns:1fr}.combo-controls button{min-height:40px}}
.supplier-filter.hidden{display:none!important}
.studio-auth-gate{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:22px;padding:14px;border:1px solid var(--coral);border-radius:13px;background:color-mix(in srgb,var(--coral) 9%,var(--surface));box-shadow:var(--shadow)}.studio-auth-gate[hidden]{display:none}.studio-auth-gate>span{display:grid;place-items:center;width:38px;height:38px;color:#fff;background:var(--coral);border-radius:9px}.studio-auth-gate>span svg{width:23px;height:23px}.studio-auth-gate b,.studio-auth-gate small{display:block}.studio-auth-gate small{margin-top:3px;color:var(--muted);font-size:10px}.studio-auth-gate button{border:0;border-radius:9px;padding:11px 13px;background:var(--coral);color:#fff;font:inherit;font-size:11px;font-weight:850;cursor:pointer}.studio-auth-gate button:disabled{opacity:.55}.panel.auth-locked>:not(.studio-auth-gate){opacity:.42;pointer-events:none;filter:saturate(.55)}@media(max-width:620px){.studio-auth-gate{grid-template-columns:auto 1fr}.studio-auth-gate button{grid-column:1/-1;width:100%}}
.panorama-mode-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;margin:0 0 18px;padding:15px 17px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(110deg,var(--butter),var(--surface));color:var(--ink)}.panorama-mode-banner>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--coral);color:white;font-size:22px}.panorama-mode-banner b,.panorama-mode-banner small{display:block}.panorama-mode-banner small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.45}.panorama-mode-banner a{color:var(--ink);font-size:10px;font-weight:850;text-underline-offset:3px}.panorama-studio .upload{min-height:270px}
.house-context-banner{width:min(100%,1200px);min-height:54px;margin:0 auto 18px;padding:9px 13px;gap:11px;border-radius:13px}.house-context-banner>span{width:34px;height:34px;font-size:16px}.house-context-banner b{font-size:12px}.house-context-banner small{margin-top:1px;font-size:9px}.house-context-banner a{padding-left:12px;font-size:9px;white-space:nowrap}
.shopee-link-import{margin-top:12px;padding:12px;border:1px dashed color-mix(in srgb,var(--coral) 50%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--surface) 84%,var(--coral) 16%)}.shopee-link-import summary{cursor:pointer;font-size:11px;font-weight:850;color:var(--ink)}.shopee-link-import>label{display:block;margin:12px 0 6px;font-size:10px;font-weight:800}.shopee-link-import>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.shopee-link-import input{min-width:0;padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink)}.shopee-link-import button{padding:0 13px;border:0;border-radius:9px;background:var(--ink);color:var(--surface);font-weight:800}.shopee-link-import>small{display:block;margin-top:7px;color:var(--muted);font-size:9px;line-height:1.4}@media(max-width:640px){.panorama-mode-banner{grid-template-columns:auto 1fr}.panorama-mode-banner a{grid-column:1/-1;text-align:center}.shopee-link-import>div{grid-template-columns:1fr}.shopee-link-import button{min-height:42px}}

.hero.landing .showcase{max-width:1120px}
.demo-journey{height:600px!important;display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr);gap:10px;align-items:start;padding:26px 8px}
.demo-stage{min-width:0;margin:0;position:relative;z-index:1;border:7px solid var(--surface);border-radius:22px;background:var(--surface);box-shadow:0 32px 80px color-mix(in srgb,var(--cocoa) 22%,transparent);overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.demo-stage:hover{transform:translateY(-8px)!important}.demo-before{margin-top:46px;transform:rotate(-2.2deg)}.demo-products{transform:rotate(.4deg)}.demo-prompt{margin-top:46px;transform:rotate(2.2deg)}
.demo-kicker{position:absolute;z-index:3;top:14px;left:14px;padding:6px 9px;border:1px solid color-mix(in srgb,#fff 60%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface) 84%,transparent);color:var(--ink);box-shadow:0 8px 22px #321c171f;backdrop-filter:blur(9px);font-size:8px;font-weight:850;letter-spacing:.08em}
.demo-image{height:430px;overflow:hidden;border-radius:15px;background:var(--surface-3)}.demo-image>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 58%}
.demo-discovery{position:relative;display:grid;place-items:center;padding:62px 18px 48px;background:radial-gradient(circle at 82% 14%,color-mix(in srgb,var(--butter) 70%,transparent),transparent 32%),linear-gradient(145deg,#fff8fb,color-mix(in srgb,var(--surface-2) 82%,#f8dce8))}.demo-discovery>img{width:100%;height:auto;max-height:245px;object-fit:contain;border:1px solid color-mix(in srgb,var(--coral) 18%,var(--line));border-radius:13px;box-shadow:0 20px 45px color-mix(in srgb,var(--cocoa) 16%,transparent)}.discovery-search{position:absolute;z-index:2;top:52px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:var(--surface);box-shadow:0 10px 30px #351d1920;color:var(--muted);font-size:9px}.discovery-search:before{content:'⌕';color:var(--coral);font-size:17px;line-height:1}.discovery-search span{flex:1}.discovery-search b{padding:5px 7px;border-radius:999px;background:var(--butter);color:#3b2a24;font-size:8px;white-space:nowrap}.discovery-match{position:absolute;z-index:2;right:17px;bottom:23px;padding:8px 10px;border-radius:999px;background:#167b67;color:#fff;box-shadow:0 12px 28px #174d4130;font-size:9px;font-weight:800}
.demo-stage figcaption{display:grid;gap:3px;min-height:86px;padding:14px 13px 12px;background:var(--surface);color:var(--ink)}.demo-stage figcaption b{font-size:12px;color:var(--coral);letter-spacing:-.02em}.demo-stage figcaption span{font-size:10px;line-height:1.45;color:var(--muted)}
.journey-flow{align-self:center;display:block;width:66px;height:60px;margin-inline:-7px;position:relative;z-index:2;pointer-events:none;filter:drop-shadow(0 9px 13px color-mix(in srgb,var(--coral) 22%,transparent))}
.journey-flow svg{display:block;width:100%;height:100%;overflow:visible}
.journey-flow-track,.journey-flow-signal{fill:none;stroke-linecap:round;stroke-linejoin:round}
.journey-flow-track{stroke:color-mix(in srgb,var(--coral) 20%,var(--surface));stroke-width:7}
.journey-flow-signal{stroke:var(--coral);stroke-width:2;stroke-dasharray:1 8;animation:journeyFlowSignal 1.25s linear infinite}
.journey-flow-orb{fill:var(--butter);stroke:var(--surface);stroke-width:2;transform-origin:4px 31px;animation:journeyFlowOrb 2.25s cubic-bezier(.45,0,.55,1) infinite}
.journey-flow-destination{fill:var(--surface);stroke:var(--coral);stroke-width:2;animation:journeyFlowPulse 2.25s ease-out infinite}
.flow-two .journey-flow-signal,.flow-two .journey-flow-orb,.flow-two .journey-flow-destination{animation-delay:-1.125s}
.shopping-proof{max-width:1200px;margin:0 auto;padding:120px 30px;display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center}.shopping-proof-copy h2{max-width:11em;font-size:clamp(40px,3.9vw,54px);line-height:1.04;letter-spacing:-.055em;font-weight:500;margin:14px 0 24px;text-wrap:balance}.shopping-proof-copy>p:not(.eyebrow){max-width:510px;color:var(--muted);font-size:16px}
.home-section-title>span{display:inline}
.home-section-title>span+span:before{content:" "}
.usecases{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:64px}.usecases>div:first-child{min-width:0}.usecases .home-section-title{max-width:12em;margin-top:14px;font-size:clamp(40px,3.9vw,54px);line-height:1.04;letter-spacing:-.055em;text-wrap:balance}
.proof-points{display:grid;gap:9px;margin:25px 0;color:var(--ink);font-size:13px;font-weight:650}.proof-points span:first-child{color:var(--coral)}
.selected-example{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow);transform:rotate(1deg)}.selected-example-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:2px 2px 17px}.selected-example-head small,.selected-example-head b{display:block}.selected-example-head small{color:var(--muted);font-size:9px;letter-spacing:.17em}.selected-example-head div>b{font-size:15px}.selected-example-head>span{background:var(--butter);color:#3b2a24;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:800;white-space:nowrap}
.real-reference-example>img{display:block;width:100%;border-radius:14px;border:1px solid var(--line);background:#fff}.reference-flow{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:15px 0 2px}.reference-flow span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;font-size:9px;font-weight:800;background:var(--surface-2)}.reference-flow i{font-style:normal;color:var(--coral);font-weight:800}.example-note{font-size:9px;color:var(--muted);margin:14px 3px 0}
.demo-booking{max-width:1200px;margin:72px auto;padding:72px;display:grid;grid-template-columns:.86fr 1.14fr;gap:80px;align-items:start;border-radius:28px;background:var(--cocoa);color:#f8eee8;position:relative;overflow:hidden}.demo-booking:after{content:'';position:absolute;width:520px;height:300px;border:1px solid color-mix(in srgb,var(--coral) 58%,transparent);border-radius:50%;left:-170px;bottom:-180px;pointer-events:none}
.demo-booking-copy{position:relative;z-index:1}.demo-booking-copy .eyebrow{color:var(--butter)}.demo-booking-copy h2{font-size:clamp(38px,4.6vw,62px);line-height:1.03;letter-spacing:-.06em;font-weight:500;margin:15px 0 24px}.demo-booking-copy>p{color:#d9cbd1;max-width:500px}.demo-booking-copy ul{list-style:none;padding:0;margin:30px 0;display:grid;gap:13px}.demo-booking-copy li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start}.demo-booking-copy li b{color:var(--butter);font-size:11px}.demo-booking-copy li span{font-size:13px;color:#eadfe4}.demo-booking-copy>a{color:#fff;text-underline-offset:5px;font-weight:700}
.demo-form{position:relative;z-index:1;padding:30px;border-radius:20px;background:var(--surface);color:var(--ink);display:grid;gap:17px;box-shadow:0 24px 80px #0002}.demo-form-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px}.demo-form-head span{font-size:10px;letter-spacing:.15em;font-weight:800}.demo-form-head strong{font-size:10px;background:var(--butter);color:#3b2a24;border-radius:999px;padding:7px 10px}.demo-form label{display:grid;gap:7px;font-size:11px;font-weight:750}.demo-form input,.demo-form select,.demo-form textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:9px;background:var(--control);color:var(--ink);resize:vertical}.demo-form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.demo-form .primary{width:100%;margin-top:2px}.demo-form>p{font-size:9px;color:var(--muted);text-align:center;margin:0}
@media(max-width:900px){.demo-journey{height:540px!important;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr) 26px minmax(0,1fr);gap:4px}.demo-image{height:360px}.journey-flow{width:44px;height:48px;margin-inline:-9px}.shopping-proof{grid-template-columns:1fr;gap:42px;padding:85px 24px}.shopping-proof-copy h2,.usecases .home-section-title{max-width:12em;font-size:clamp(38px,6vw,50px)}.usecases{grid-template-columns:1fr;gap:42px}.selected-example{transform:none}.demo-booking{margin:60px 24px;padding:50px 38px;grid-template-columns:1fr;gap:42px}}
@media(max-width:620px){.hero.landing .showcase{margin-top:38px}.demo-journey{height:500px!important;display:flex;gap:13px;overflow-x:auto;overflow-y:hidden;align-items:flex-start;padding:16px 22px 24px;scroll-snap-type:x mandatory;scrollbar-width:none}.demo-journey::-webkit-scrollbar{display:none}.demo-stage{flex:0 0 74vw;scroll-snap-align:center;margin-top:0}.demo-image{height:350px}.demo-discovery{padding-top:58px}.demo-discovery>img{max-height:205px}.discovery-search{top:48px}.journey-flow{display:none}.shopping-proof{padding-left:18px;padding-right:18px}.demo-booking{margin:44px 14px;padding:34px 20px;border-radius:20px}.demo-booking h2{font-size:39px}.demo-form{padding:20px 16px}.demo-form-row{grid-template-columns:1fr}}
.demo-mobile-guide{display:none}
@media(max-width:620px){
 .hero.landing{row-gap:0}
 .hero.landing>div:first-child{width:100%;max-width:none!important;margin-inline:auto;text-align:center}
 .hero.landing .lead{margin-left:auto;margin-right:auto}
 .hero.landing .hero-actions{align-items:center;justify-content:center}
 .hero.landing .hero-actions .primary{width:min(100%,350px)}
 .hero.landing .fine{max-width:350px;margin:24px auto 0;text-align:center}
 .demo-mobile-guide{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;margin:34px auto -24px;padding:0 9vw;color:var(--muted)}
 .demo-mobile-guide>span{font-size:12px;font-weight:800}.demo-mobile-guide>span i{display:inline-block;margin-left:5px;color:var(--coral);font-style:normal;animation:demoSwipeHint 1.4s ease-in-out infinite}
 .demo-mobile-guide>div{display:flex;align-items:center;gap:7px}
 .demo-mobile-guide button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:color-mix(in srgb,var(--ink) 24%,transparent);cursor:pointer;transition:width .2s,background .2s}
 .demo-mobile-guide button.active{width:25px;background:var(--coral)}
 .hero.landing .showcase{margin-top:38px}
 .demo-journey{height:500px!important;gap:12px;padding:16px 9vw 24px;scroll-padding-inline:9vw;overscroll-behavior-x:contain}
 .demo-stage{flex:0 0:min(82vw,350px);scroll-snap-align:center}
 .journey-flow{display:none}
 .shopping-proof-copy{text-align:center}.shopping-proof-copy>p:not(.eyebrow){margin-left:auto;margin-right:auto}.proof-points{justify-items:center}
}
@keyframes demoSwipeHint{50%{transform:translateX(5px)}}
@keyframes journeyFlowSignal{to{stroke-dashoffset:-18}}
@keyframes journeyFlowOrb{0%{opacity:0;transform:translate(0,0) scale(.7)}8%{opacity:1;transform:translate(0,0) scale(1)}46%{opacity:1;transform:translate(26px,-17px) scale(1.12)}92%{opacity:1;transform:translate(58px,0) scale(1)}100%{opacity:0;transform:translate(58px,0) scale(.7)}}
@keyframes journeyFlowPulse{0%,72%{opacity:.35;transform:scale(.7);transform-origin:62px 31px}88%{opacity:1;transform:scale(1.8);transform-origin:62px 31px}100%{opacity:0;transform:scale(2.4);transform-origin:62px 31px}}
@media(prefers-reduced-motion:reduce){.demo-mobile-guide>span i,.journey-flow-signal,.journey-flow-orb,.journey-flow-destination{animation:none}.journey-flow-orb{transform:translate(26px,-17px)}}
.home-immersive .cta-band h2{margin-top:0}
/* Native date inputs have a large intrinsic width in Safari and Firefox. */
.demo-form,.demo-form-row,.demo-form label{min-width:0}.demo-form input,.demo-form select,.demo-form textarea{box-sizing:border-box;min-width:0;max-width:100%}
@media(max-width:620px){.demo-form label{overflow:hidden}.demo-form input[type="datetime-local"]{display:block;inline-size:100%!important;min-inline-size:0!important;max-inline-size:100%!important;-webkit-appearance:none;appearance:none;font-size:16px}}

.feature-showcase{max-width:1280px;margin:0 auto;padding:110px 30px}.feature-showcase-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.55fr);gap:70px;align-items:end;margin-bottom:42px}.feature-showcase-head h2{margin:10px 0 0;font-size:clamp(40px,4.4vw,64px);line-height:1;letter-spacing:-.06em;font-weight:550}.feature-showcase-head h2 em{color:var(--coral);font-family:'Playfair Display',serif;font-weight:600}.feature-showcase-head>p{margin:0 0 6px;color:var(--muted);font-size:15px;line-height:1.65}.feature-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.feature-demo{min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--ink) 10%,var(--line));border-radius:24px;background:var(--surface);color:var(--ink);text-decoration:none;box-shadow:0 22px 60px color-mix(in srgb,var(--cocoa) 10%,transparent);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}.feature-demo:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--coral) 40%,var(--line));box-shadow:0 34px 75px color-mix(in srgb,var(--cocoa) 17%,transparent)}.feature-demo-top{height:42px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 14px;border-bottom:1px solid var(--line);font-size:9px}.feature-demo-top>span{display:flex;gap:4px}.feature-demo-top>span i{width:6px;height:6px;border-radius:50%;background:#ef6b42}.feature-demo-top>span i:nth-child(2){background:#f4c451}.feature-demo-top>span i:nth-child(3){background:#76b994}.feature-demo-top>b{font-size:9px;letter-spacing:.08em}.feature-demo-top>em{justify-self:end;color:var(--muted);font-style:normal}.feature-demo-screen{position:relative;height:330px;overflow:hidden;background:color-mix(in srgb,var(--surface-2) 88%,#f4dce7)}.feature-demo-copy{min-height:170px;padding:22px}.feature-demo-copy>span{color:var(--coral);font-size:9px;font-weight:850;letter-spacing:.12em}.feature-demo-copy h3{margin:9px 0 8px;font-size:22px;letter-spacing:-.04em}.feature-demo-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.feature-status{position:absolute;z-index:8;left:14px;right:14px;bottom:13px;display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid #ffffffa8;border-radius:11px;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 8px 28px #321c1720;backdrop-filter:blur(10px);font-size:9px}.feature-status>span{width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px color-mix(in srgb,var(--coral) 14%,transparent)}.feature-demo[data-step="1"] .feature-status>span{animation:featurePulse .85s ease-in-out infinite}.feature-demo[data-step="2"] .feature-status>span{background:#239a77}.product-demo-room{position:absolute;inset:0}.product-demo-room>img{width:100%;height:100%;object-fit:cover}.product-demo-after{position:absolute;inset:0;clip-path:inset(0 100% 0 0);transition:clip-path 1s cubic-bezier(.2,.75,.2,1)}.product-demo[data-step="2"] .product-demo-after{clip-path:inset(0)}.demo-scan{position:absolute;z-index:2;inset:0 auto 0 -5%;width:2px;background:#fff;box-shadow:0 0 20px 5px #fff;opacity:0}.product-demo[data-step="1"] .demo-scan{opacity:1;animation:featureScan 1.8s ease-in-out infinite}.product-demo-pick{position:absolute;z-index:4;left:16px;right:16px;top:16px;display:grid;grid-template-columns:44px 1fr 23px;gap:9px;align-items:center;padding:8px;border-radius:12px;background:#fffffff0;box-shadow:0 12px 30px #301a1830;transition:transform .45s,opacity .45s}.product-demo[data-step="1"] .product-demo-pick{transform:translateY(-80px);opacity:0}.product-demo[data-step="2"] .product-demo-pick{transform:translateY(-80px);opacity:0}.product-demo-pick img{width:44px;height:44px;border-radius:8px;object-fit:cover}.product-demo-pick small,.product-demo-pick b{display:block}.product-demo-pick small{color:var(--coral);font-size:7px}.product-demo-pick b{font-size:10px}.product-demo-pick>i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#239a77;color:#fff;font-style:normal}.numerology-demo .feature-demo-screen{background:radial-gradient(circle at 50% 36%,#fff8ca,transparent 30%),linear-gradient(150deg,#fff7ec,#f4dae7)}.number-orbit{position:absolute;left:50%;top:42%;width:190px;height:190px;border:1px solid #ef9bb966;border-radius:50%;transform:translate(-50%,-50%) scale(.75);opacity:.35;transition:.8s}.number-orbit:before,.number-orbit:after{content:"";position:absolute;inset:20px;border:1px dashed #ef6b4280;border-radius:50%}.number-orbit:after{inset:48px}.number-orbit i{position:absolute;font-style:normal;font:700 13px/1 serif;color:#a94d72}.number-orbit i:nth-child(1){left:14px;top:48%}.number-orbit i:nth-child(2){left:48%;top:10px}.number-orbit i:nth-child(3){right:16px;top:48%}.number-orbit i:nth-child(4){left:48%;bottom:10px}.number-orbit strong{position:absolute;inset:0;display:grid;place-items:center;color:var(--coral);font:600 60px/1 'Playfair Display',serif}.number-form,.number-result{position:absolute;left:25px;right:25px;top:82px;padding:18px;border:1px solid #fff;border-radius:15px;background:#ffffffdd;box-shadow:0 18px 45px #6331431c;text-align:center;transition:.55s}.number-form small,.number-result small{display:block;color:#8c6d78;font-size:8px;letter-spacing:.14em}.number-form b{display:block;margin:10px 0;font-size:17px;letter-spacing:.08em}.number-form span{display:block;height:3px;overflow:hidden;border-radius:9px;background:#efdce4}.number-form span i{display:block;width:28%;height:100%;background:var(--coral);transition:width 1s}.numerology-demo[data-step="1"] .number-form span i{width:82%}.numerology-demo[data-step="2"] .number-form{transform:translateY(-30px);opacity:0}.number-result{top:64px;transform:translateY(35px) scale(.92);opacity:0}.number-result strong{display:block;color:var(--coral);font:600 68px/1 'Playfair Display',serif}.number-result b{font-size:10px}.numerology-demo[data-step="2"] .number-result{transform:none;opacity:1}.numerology-demo[data-step="2"] .number-orbit{transform:translate(-50%,-50%) scale(1);opacity:1;animation:orbitTurn 16s linear infinite}.score-demo-photo{position:absolute;inset:0}.score-demo-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) brightness(.75)}.score-demo-photo span{position:absolute;inset:0;background:linear-gradient(180deg,transparent,#2d202277)}.score-demo-ring{position:absolute;left:50%;top:42%;display:flex;align-items:end;justify-content:center;width:118px;height:118px;padding-bottom:31px;border:8px solid #ffffff4d;border-top-color:var(--butter);border-right-color:var(--coral);border-radius:50%;color:#fff;transform:translate(-50%,-50%) scale(.76);opacity:.5;transition:.7s}.score-demo-ring strong{font-size:38px;line-height:1}.score-demo-ring small{font-size:9px}.score-demo[data-step="1"] .score-demo-ring{animation:scoreSpin 1s ease-in-out infinite}.score-demo[data-step="2"] .score-demo-ring{transform:translate(-50%,-50%) scale(1);opacity:1}.score-demo-bars{position:absolute;left:30px;right:30px;top:214px;display:grid;gap:5px}.score-demo-bars i{height:4px;border-radius:9px;background:linear-gradient(90deg,var(--butter) calc(var(--score)*100%),#ffffff42 0);transform:scaleX(.15);transform-origin:left;transition:transform .8s}.score-demo[data-step="2"] .score-demo-bars i{transform:scaleX(1)}.score-demo-tip{position:absolute;left:22px;right:22px;top:245px;display:flex;align-items:center;gap:8px;padding:9px;border-radius:10px;background:#fff;color:#49353c;font-size:9px;transform:translateY(20px);opacity:0;transition:.55s}.score-demo-tip span{color:var(--coral)}.score-demo[data-step="2"] .score-demo-tip{transform:none;opacity:1}@keyframes featurePulse{50%{transform:scale(.6);opacity:.5}}@keyframes featureScan{50%{transform:translateX(380px)}}@keyframes orbitTurn{to{rotate:360deg}}@keyframes scoreSpin{50%{rotate:20deg}}@media(max-width:900px){.feature-showcase-head{grid-template-columns:1fr;gap:18px}.feature-demo-grid{grid-template-columns:1fr 1fr}.feature-demo:last-child{grid-column:1/-1;width:calc(50% - 9px);justify-self:center}}@media(max-width:620px){.feature-showcase{padding:76px 14px}.feature-showcase-head{padding:0 8px}.feature-showcase-head h2{font-size:39px}.feature-demo-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 6vw 28px;margin-inline:-14px;scrollbar-width:none}.feature-demo-grid::-webkit-scrollbar{display:none}.feature-demo{flex:0 0:min(82vw,350px);scroll-snap-align:center}.feature-demo:last-child{width:auto}.feature-demo-screen{height:310px}}@media(prefers-reduced-motion:reduce){.feature-demo,.feature-demo *{animation:none!important;transition:none!important}}

/* Cohesive homepage pass: one message per section and distinct demo stories. */
.feature-demo-grid:has(.desk-story){grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.feature-demo-grid:has(.desk-story)>.feature-demo:last-child{grid-column:auto;width:auto}
.desk-story{grid-column:auto;position:relative;width:100%;min-width:0;height:100%;min-height:477px;margin:0;overflow:hidden;border-radius:24px;box-shadow:0 12px 36px #23182118;background:#e9e5e1;color:#231821}
.desk-story>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 72%}
.desk-demo>.desk-story{height:365px;min-height:0;border-radius:23px 23px 0 0;box-shadow:none}
@media(max-width:620px){.desk-demo>.desk-story{height:330px}}
.desk-after{clip-path:inset(0 100% 0 0)}
.desk-before{transition:filter .45s ease,transform .5s cubic-bezier(.22,1,.36,1)}.desk-story.focus-mode .desk-before{filter:blur(5px) brightness(.94);transform:scale(1.02)}.desk-story.focus-mode:after{content:'';position:absolute;inset:0;z-index:1;background:rgba(255,238,246,.08);pointer-events:none}.desk-product,.desk-room-label,.desk-result{z-index:3}
.desk-room-label{position:absolute;left:24px;top:24px;border-radius:999px;padding:9px 14px;background:#fffffff0;font-size:12px}
.desk-product{position:absolute;left:50%;bottom:28px;display:flex;gap:16px;align-items:center;width:350px;max-width:82%;padding:14px;border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 16px 40px #00000029;opacity:0;transform:translate(-50%,20px) scale(.96);pointer-events:none}
.desk-product>img{width:104px;height:104px;border-radius:12px;object-fit:contain}.desk-product>div{flex:1;min-width:0}.desk-product b{display:block;margin-bottom:12px;font-size:15px}.desk-product button{width:100%;padding:10px 12px;border:0;border-radius:10px;background:#ff4f9a;color:#fff;font:600 12px inherit;cursor:pointer}.desk-product button:focus-visible{outline:3px solid #231821;outline-offset:3px}
.desk-product-name{transition:opacity .2s ease}.desk-product-count{display:block;margin:-8px 0 9px;color:#8f7580;font-size:9px;font-weight:700}.desk-product-image{transition:opacity .2s ease,transform .3s ease}.desk-product.switching .desk-product-image,.desk-product.switching .desk-product-name,.desk-product.switching .desk-product-count{opacity:0}.desk-product.switching .desk-product-image{transform:scale(.9)}
.desk-loading{height:3px;margin-top:6px;border-radius:999px;background:#ff4f9a;transform:scaleX(0);transform-origin:left}
.desk-result{position:absolute;left:24px;bottom:24px;padding:10px 16px;border-radius:999px;background:#ffffffeb;backdrop-filter:blur(10px);box-shadow:0 8px 24px #0000001f;font-size:13px;opacity:0}
.desk-product{width:88%;max-width:88%;gap:10px;padding:12px}.desk-product>img{width:72px;height:72px}.desk-product b{font-size:13px}.desk-product button{font-family:inherit;font-size:11px}.desk-result{left:14px;right:14px;bottom:20px;padding:10px 12px;text-align:center;font-size:11px}
@media(max-width:620px){.feature-demo-grid:has(.desk-story){display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-14px;padding:8px 6vw 28px}.feature-demo-grid:has(.desk-story)>.desk-story,.feature-demo-grid:has(.desk-story)>.feature-demo{flex:0 0 82vw;width:82vw;min-width:82vw;max-width:350px;scroll-snap-align:center}.desk-story{height:auto;min-height:438px}.desk-room-label{left:16px;top:16px}}
.feature-showcase{padding-top:96px;padding-bottom:96px;border-top:1px solid color-mix(in srgb,var(--coral) 12%,transparent)}
.feature-showcase-head{display:block}
.feature-showcase-head h2 span{display:block;white-space:nowrap}
.feature-showcase-head h2 em{display:block}
.feature-demo-screen{height:365px}
.feature-demo>.feature-demo-screen:first-child{border-radius:23px 23px 0 0}
.feature-demo-copy{min-height:112px;padding:18px 22px 16px}
.feature-demo-copy h3{margin:0 0 6px}
.feature-demo-copy p{white-space:nowrap}
.product-demo-room>img{object-position:center 58%}
.number-path{position:absolute;left:32px;right:32px;top:38px;height:145px;opacity:.22}
.number-path:before,.number-path:after{content:"";position:absolute;left:12%;right:12%;top:72px;height:1px;background:linear-gradient(90deg,transparent,var(--coral),transparent);transform:scaleX(0);transition:transform 1s}
.number-path:after{top:45px;left:27%;right:27%;rotate:14deg}
.number-path i{position:absolute;width:9px;height:9px;border:2px solid var(--coral);border-radius:50%;background:var(--surface);box-shadow:0 0 0 7px color-mix(in srgb,var(--coral) 9%,transparent)}
.number-path i:nth-child(1){left:12%;top:68px}.number-path i:nth-child(2){left:49%;top:40px}.number-path i:nth-child(3){right:12%;top:68px}
.number-path span{position:absolute;left:50%;top:92px;width:5px;height:5px;border-radius:50%;background:var(--butter);box-shadow:0 0 24px 12px color-mix(in srgb,var(--butter) 50%,transparent)}
.number-form{top:55px}.number-form b{display:flex;justify-content:center;gap:8px}.number-form b i{font-style:normal}.number-form span i{width:0}
.number-result{top:178px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:14px 18px;text-align:left;transform:none;opacity:1;background:#ffffffb8}
.number-result>small,.number-result>b,.number-result>.number-palette{grid-column:1/-1}.number-result>b{font-size:15px}.number-result>span{padding:8px 5px;border-radius:8px;background:color-mix(in srgb,var(--surface-2) 82%,#f2dbe4);font-size:8px;text-align:center}
.number-palette{display:flex;gap:7px;margin:3px 0 5px}.number-palette i{width:34px;height:10px;border-radius:99px;background:#745647}.number-palette i:nth-child(2){background:#d6aa72}.number-palette i:nth-child(3){background:#f2ddc2}
.score-demo-ring{padding:0;border:0;opacity:1;transform:translate(-50%,-50%);background:#4b4240aa;backdrop-filter:blur(5px)}.score-demo-ring svg{position:absolute;inset:0;width:100%;height:100%;rotate:-90deg}.score-demo-ring circle{fill:none;stroke-width:8}.score-track{stroke:#ffffff4d}.score-progress{stroke:var(--coral);stroke-linecap:round;stroke-dasharray:326.73;stroke-dashoffset:326.73}.score-demo-ring>span{position:absolute;z-index:1;inset:0;display:flex;align-items:center;justify-content:center;gap:2px;line-height:1;transform:translateY(1px)}.score-demo-ring strong{display:block;line-height:1}.score-demo-ring small{align-self:center;margin-top:22px;line-height:1}.score-demo-tip{opacity:0;transform:translateY(12px)}
.feature-demo.is-complete .feature-status>span{background:#239a77}
.home-immersive .how-work-compact{margin-top:96px;margin-bottom:96px}.home-immersive .how-work-compact .how-heading{text-align:center}.home-immersive .how-work-compact .how-heading h2{margin-inline:auto}.home-immersive .how-steps{grid-template-columns:repeat(3,minmax(0,1fr));max-width:980px;margin-inline:auto}.home-immersive .how-timeline-line{left:16%;right:16%}
.home-immersive .how-cta small{display:block;margin-top:5px;color:var(--muted)}.home-immersive .how-cta small a{color:var(--coral);font-weight:750}.demo-booking{margin-top:96px;margin-bottom:96px}
@keyframes scoreScan{50%{transform:translateY(245px)}}
@media(max-width:900px){.home-immersive .how-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.feature-showcase{padding-top:68px;padding-bottom:68px}.feature-showcase-head h2 span{white-space:normal}.feature-demo-grid>.feature-demo{flex:none;width:82vw;min-width:82vw;max-width:350px}.feature-demo-grid>.feature-demo:last-child{width:82vw}.feature-demo-screen{height:330px}.feature-demo-copy{min-height:108px;padding:17px 18px 14px}.feature-demo-copy h3{font-size:20px}.feature-demo-copy p{font-size:11px}.home-immersive .how-steps{grid-template-columns:1fr}.home-immersive .how-work-compact,.demo-booking{margin-top:68px;margin-bottom:68px}}
@media(prefers-reduced-motion:reduce){.number-path:before,.number-path:after{transform:scaleX(1)}.score-demo[data-step="1"] .score-demo-photo span:after{animation:none;top:50%}}

/* Shared visual proportions: tall scenes, quiet frames, compact captions. */
.feature-showcase .feature-demo-grid{gap:22px}
.feature-showcase .feature-demo{padding:7px;border:0;border-radius:12px;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:none;transition:background .35s ease}
.feature-showcase .feature-demo:hover{transform:none;box-shadow:none;background:var(--surface)}
.feature-showcase .feature-demo>.feature-demo-screen:first-child,.feature-showcase .desk-demo>.desk-story{height:440px;border-radius:7px;min-height:0}
.feature-showcase .feature-demo-copy{min-height:86px;padding:17px 5px 12px}
.feature-showcase .feature-demo-copy h3{font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-.035em;margin:0 0 6px}
.feature-showcase .feature-demo-copy p{font-size:12px;line-height:1.5;white-space:normal}
.feature-carousel-dots{display:none}
.feature-showcase .desk-room-label{left:16px;top:16px;padding:7px 11px;font-size:10px;background:#ffffffe6}
.feature-showcase .desk-product{bottom:36px;width:82%;max-width:300px;padding:12px;gap:12px;border-radius:13px;box-shadow:0 12px 32px #23182120}
.feature-showcase .desk-product>img{width:64px;height:72px;border-radius:7px}
.feature-showcase .desk-product b{font-size:12px;margin-bottom:9px}
.feature-showcase .desk-product button{font:600 11px/1.3 'DM Sans',sans-serif;padding:10px 8px;border-radius:7px}
.feature-showcase .desk-result{left:20px;right:20px;bottom:24px;box-shadow:0 4px 16px #23182112}
.feature-showcase .numerology-demo .feature-demo-screen{background:radial-gradient(ellipse at 15% 15%,#e8e5d5 0,transparent 65%),radial-gradient(ellipse at 85% 95%,#bba597 0,transparent 65%),linear-gradient(135deg,#ede8df,#d3c3bc)}
.feature-showcase .number-path{display:none}
.feature-showcase .number-form{top:110px;left:24px;right:24px;height:132px;box-sizing:border-box;margin:0;padding:22px 18px 18px;border-radius:13px 13px 0 0;border:0;box-shadow:none;background:#fff;transition:none}
.feature-showcase .number-form small{font-size:8px;letter-spacing:.12em}
.feature-showcase .number-form b{font-size:22px;margin:16px 0 18px;gap:9px;color:#231821}
.feature-showcase .number-form span{height:2px}
.feature-showcase .number-result{top:241px;left:24px;right:24px;padding:0 18px 20px;border:0;border-radius:0 0 13px 13px;background:#fff;box-shadow:0 22px 36px #49353c12;color:#231821;gap:7px;transition:none}
.feature-showcase .number-result>small,.feature-showcase .number-result>b,.feature-showcase .number-palette{display:none}
.feature-showcase .number-result>span{padding:8px 3px;font-size:9px;border-radius:5px;background:#f0ebe7}
.feature-showcase .feature-status{left:20px;right:20px;bottom:24px;padding:0;border:0;box-shadow:none;background:transparent;backdrop-filter:none;font-size:10px;gap:8px;color:#49353c}
.feature-showcase .feature-status b{font-weight:500}
.feature-showcase .score-demo-photo img{filter:saturate(.65) brightness(.92);object-position:center 68%}
.feature-showcase .score-demo-photo span{background:linear-gradient(180deg,#23182108,#23182145)}
.feature-showcase .score-demo-ring{top:45%;width:138px;height:138px;background:#fffffff0;color:#231821;box-shadow:0 18px 40px #23182120;backdrop-filter:blur(8px)}
.feature-showcase .score-track{stroke:#e9e2df}.feature-showcase .score-progress{stroke:#ff4f9a}
.feature-showcase .score-demo-ring strong{font-size:42px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.06em}
.feature-showcase .score-demo-ring small{color:#897d80;font-size:10px;margin-top:24px}
.feature-showcase .score-demo-tip{top:294px;left:24px;right:24px;justify-content:center;padding:12px 8px;border-radius:9px;background:#fffffff0;box-shadow:0 8px 20px #23182112;font-size:10px}
.feature-showcase .score-demo-tip b{font-weight:500}
.feature-showcase .score-demo .feature-status{color:#fff}
.feature-showcase .score-demo:has(.score-demo-advice) .score-demo-ring{top:42%;width:168px;height:168px;background:#fffafdf2;box-shadow:0 0 52px #ff9cc34d,0 20px 45px #23182124}
.feature-showcase .score-demo:has(.score-demo-advice) .score-demo-ring strong{font-size:51px}
.feature-showcase .score-demo:has(.score-demo-advice) .score-demo-ring small{margin-top:27px;font-size:9px}
.feature-showcase .score-demo .score-demo-advice{top:auto;bottom:20px;left:50%;right:auto;width:min(82%,270px);display:grid;gap:8px;padding:0;text-align:left;background:transparent;color:#fff;box-shadow:none;backdrop-filter:none;transform:translate(-50%,12px)}
.score-advice-row{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center;text-shadow:0 1px 8px #23182199}.score-advice-row>i{display:block;width:72px;height:4px;overflow:hidden;border-radius:99px;background:#ffffff66;font-style:normal}.score-advice-row>i span{display:block;width:var(--indicator);height:100%;border-radius:inherit;background:var(--indicator-color)}.score-good{--indicator:82%;--indicator-color:#7de0bd}.score-fix{--indicator:46%;--indicator-color:#ff77ad}.score-priority{--indicator:64%;--indicator-color:#ffd875}
.feature-showcase .score-advice-row b,.feature-showcase .score-priority b{display:block;font-size:10px;font-weight:700;line-height:1.3}
@media(max-width:900px){.score-advice-row{grid-template-columns:64px 1fr;gap:8px}.score-advice-row>i{width:64px}}
@media(max-width:620px){.feature-showcase .score-demo:has(.score-demo-advice) .score-demo-ring{top:41%;width:172px;height:172px}.feature-showcase .score-demo .score-demo-advice{bottom:24px}}
@media(min-width:621px) and (max-width:1000px){.feature-showcase .feature-demo-grid{gap:12px}.feature-showcase .feature-demo-copy h3{font-size:16px}.feature-showcase .desk-product{width:90%;gap:7px}.feature-showcase .desk-product>img{width:44px;height:62px}.feature-showcase .number-form,.feature-showcase .number-result{left:12px;right:12px}.feature-showcase .number-form b{font-size:18px;gap:5px}.feature-showcase .number-result>span{font-size:8px}}
@media(max-width:620px){.feature-showcase .feature-demo-grid{gap:4px;padding:8px 8px 10px;margin-inline:-14px;scroll-padding-inline:8px}.feature-showcase .feature-demo-grid:has(.desk-story)>.feature-demo{flex:0 0 87vw;width:87vw;min-width:87vw;max-width:370px;scroll-snap-align:start}.feature-showcase .feature-demo>.feature-demo-screen:first-child,.feature-showcase .desk-demo>.desk-story{height:390px}.feature-showcase .feature-demo-copy{min-height:84px;padding:15px 5px 10px}.feature-showcase .feature-demo-copy h3{font-size:17px}.feature-showcase .feature-demo-copy p{font-size:11px}.feature-showcase .number-form{top:90px}.feature-showcase .number-result{top:221px}.feature-showcase .score-demo-tip{top:264px}.feature-carousel-dots{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:13px}.feature-carousel-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--muted) 32%,transparent);cursor:pointer;transition:width .2s ease,background .2s ease}.feature-carousel-dots button.active{width:22px;border-radius:999px;background:var(--coral)}.carousel-next-cue{position:absolute;z-index:8;right:-10px;top:50%;display:grid;place-items:center;width:28px;height:42px;border-radius:18px;background:#fff9fcdd;color:#d8447f;box-shadow:0 5px 18px #5c30421c;font:500 25px/1 sans-serif;transform:translateY(-50%);pointer-events:none}.feature-demo-grid>.feature-demo:last-child .carousel-next-cue{display:none}}
@media(min-width:621px){.carousel-next-cue{display:none}}

/* Card 2: Compass Cat combines several personal signals into one clear recommendation. */
.feature-showcase .numerology-demo .compass-demo-stage{position:relative;box-sizing:border-box;padding:24px;background:#fff1f6;color:#4b2738;overflow:hidden}
.compass-learning,.compass-result{position:absolute;inset:24px}.compass-result h4{margin:0;color:#4b2738;font-size:21px;line-height:1.2;letter-spacing:-.035em}
.compass-signals{display:grid;align-content:center;height:100%;gap:12px}.compass-signal{display:flex;gap:12px;align-items:center;padding:15px;border-radius:16px;background:#fffafc;box-shadow:0 7px 22px #6c314c0a}.compass-signal>i{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;background:#ffe0eb;color:#df4f86;font:700 16px/1 sans-serif}.compass-signal b{display:block;font-size:12px}.compass-birthday svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.compass-thinking{position:absolute;left:50%;top:50%;z-index:2;display:grid;justify-items:center;width:84%;text-align:center}.compass-thinking>span{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#fff9fb;box-shadow:0 0 34px #ef72a84a}.compass-thinking img{width:58px;height:58px;object-fit:contain}.compass-thinking>b{margin-top:13px;font-size:11px}.compass-thinking>i{display:flex;gap:4px;margin-top:8px}.compass-thinking em{width:4px;height:4px;border-radius:50%;background:#df4f86;animation:compassDot 1s ease-in-out infinite}.compass-thinking em:nth-child(2){animation-delay:.16s}.compass-thinking em:nth-child(3){animation-delay:.32s}
.compass-result{box-sizing:border-box;padding:0;background:transparent}.compass-result:before{content:"";position:absolute;left:50%;top:55%;width:205px;height:150px;border:1px solid #df7ca84d;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 48px #ff8fbc38;pointer-events:none}.compass-result h4{position:absolute;z-index:2;left:50%;top:4px;width:100%;max-width:290px;text-align:center;transform:translateX(-50%)}.compass-result-mark{position:absolute;z-index:2;left:50%;top:55%;display:grid;place-items:center;width:112px;height:112px;transform:translate(-50%,-50%);filter:drop-shadow(0 12px 18px #a5426b26)}.compass-result-mark img{width:108px;height:108px;object-fit:contain}.compass-chips{position:absolute;inset:0}.compass-chips span{position:absolute;z-index:3;padding:8px 10px;border:1px solid #fff8;border-radius:999px;background:#f8dfe9;color:#674253;box-shadow:0 7px 18px #75324e12;font-size:8px;font-weight:700;white-space:nowrap}.compass-chips span:nth-child(1){left:0;top:32%}.compass-chips span:nth-child(2){right:0;top:37%}.compass-chips span:nth-child(3){left:3%;bottom:17%}.compass-chips span:nth-child(4){right:7%;bottom:12%}
@keyframes compassDot{50%{opacity:.28;transform:translateY(-2px)}}
@media(max-width:1000px){.feature-showcase .numerology-demo .compass-demo-stage{padding:18px}.compass-learning,.compass-result{inset:18px}.compass-signals{gap:9px}.compass-signal{padding:12px;gap:9px}.compass-signal>i{width:29px;height:29px}.compass-result-mark{width:104px;height:104px}.compass-result-mark img{width:100px;height:100px}}
@media(max-width:620px){.feature-showcase .numerology-demo .compass-demo-stage{padding:20px}.compass-learning,.compass-result{inset:20px}.compass-signal{padding:13px}.compass-result h4{font-size:21px}.compass-result-mark{width:118px;height:118px}.compass-result-mark img{width:114px;height:114px}}
@media(prefers-reduced-motion:reduce){.compass-thinking em{animation:none}}

/* Result posters: keep the information light while giving each demo a living focal point. */
.compass-result h4{top:2px;max-width:300px;font-size:22px}.compass-result>p{position:absolute;left:50%;top:58px;width:90%;margin:0;color:#806071;font-size:10px;line-height:1.4;text-align:center;transform:translateX(-50%)}
.compass-result:before{top:58%;width:220px;height:145px;animation:compassOrbitPulse 3.6s ease-in-out infinite}
.compass-result-mark{top:58%;width:138px;height:138px;animation:compassCatFloat 3.2s ease-in-out infinite}.compass-result-mark img{width:134px;height:134px}
.compass-chips span{display:flex;align-items:center;gap:5px;padding:8px 10px}.compass-chips span i{color:#e54886;font-size:12px;font-style:normal}.compass-chips span:nth-child(1){left:0;top:29%;transform:rotate(-5deg)}.compass-chips span:nth-child(2){right:0;top:32%;transform:rotate(5deg)}.compass-chips span:nth-child(3){left:1%;bottom:18%;transform:rotate(4deg)}.compass-chips span:nth-child(4){right:5%;bottom:17%;transform:rotate(-5deg)}
.compass-result>q{position:absolute;left:50%;bottom:2px;width:max-content;max-width:90%;padding:7px 12px;border:1px solid #edb5cb80;border-radius:999px;background:#fff7fa99;color:#75495d;font-size:8px;font-style:italic;text-align:center;transform:translateX(-50%)}
@keyframes compassCatFloat{0%,100%{transform:translate(-50%,-50%) rotate(-1deg)}50%{transform:translate(-50%,-56%) rotate(1deg)}}
@keyframes compassOrbitPulse{0%,100%{transform:translate(-50%,-50%) scale(.96);opacity:.65}50%{transform:translate(-50%,-50%) scale(1.04);opacity:1}}

.score-demo-heading{position:absolute;z-index:2;left:20px;right:20px;top:18px;color:#fff;text-shadow:0 2px 14px #23182188}.score-demo-heading h4{margin:0;font-size:22px;line-height:1.1}.score-demo-heading p{max-width:240px;margin:6px 0 0;font-size:10px;line-height:1.4}.score-demo-bubble{position:absolute;z-index:3;right:12px;top:97px;padding:8px 11px;border-radius:12px 12px 3px;background:#fff8fbeb;color:#563646;font-size:9px;font-weight:700;box-shadow:0 8px 22px #2318211f;transform:rotate(5deg);animation:scoreBubbleFloat 3s ease-in-out infinite}
.feature-showcase .score-demo:has(.score-demo-advice) .score-demo-ring{top:49%;width:166px;height:166px;animation:scoreRingBreathe 3.4s ease-in-out infinite}
.feature-showcase .score-demo .score-demo-advice{bottom:12px;width:min(88%,300px);grid-template-columns:1fr auto;gap:7px 12px;padding:12px 14px;border-radius:16px;background:#fffafdf0;color:#3e2934;box-shadow:0 14px 34px #23182126;backdrop-filter:blur(9px)}
.score-advice-row{grid-column:1;display:grid;grid-template-columns:22px 82px minmax(0,1fr);gap:7px;text-shadow:none}.score-advice-row>i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--indicator-color);color:#fff;font:800 13px/1 sans-serif}.score-mini-bar{width:82px;height:6px;overflow:hidden;border-radius:99px;background:#eadfe4}.score-mini-bar em{display:block;width:var(--indicator);height:100%;border-radius:inherit;background:var(--indicator-color);transform-origin:left}.feature-showcase .score-advice-row b{font-size:8px}.score-demo-advice>q{grid-column:2;grid-row:1/4;align-self:center;width:62px;color:#5b394a;font-size:9px;line-height:1.25;font-style:italic;text-align:center}
@keyframes scoreRingBreathe{0%,100%{filter:drop-shadow(0 0 0 #ff9cc300)}50%{filter:drop-shadow(0 0 12px #ff9cc366)}}
@keyframes scoreBubbleFloat{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(max-width:1000px){.compass-result-mark{width:126px;height:126px}.compass-result-mark img{width:122px;height:122px}.score-advice-row{grid-template-columns:21px 64px minmax(0,1fr)}.score-mini-bar{width:64px}}
@media(max-width:620px){.compass-result-mark{width:142px;height:142px}.compass-result-mark img{width:138px;height:138px}.feature-showcase .score-demo:has(.score-demo-advice) .score-demo-ring{top:48%;width:174px;height:174px}.score-demo-heading{left:18px;top:18px}.score-demo-bubble{top:102px}.feature-showcase .score-demo .score-demo-advice{bottom:14px}}
@media(prefers-reduced-motion:reduce){.compass-result:before,.compass-result-mark,.score-demo-bubble,.feature-showcase .score-demo:has(.score-demo-advice) .score-demo-ring{animation:none}}

/* Full-animation cards: labels live inside the scene, so every mark can read larger. */
.desk-story-title{position:absolute;z-index:7;left:50%;top:17px;margin:0;padding:8px 13px;border-radius:999px;background:#fffef0;color:#3d2632;box-shadow:0 8px 24px #2318211c;font-size:15px;line-height:1.2;transform:translateX(-50%);white-space:nowrap}.feature-showcase .desk-room-label{top:62px;font-size:11px}
.compass-result:before{display:none}.compass-result-mark{width:112px;height:112px}.compass-result-mark img{width:108px;height:108px}.compass-chips span{gap:8px;padding:11px 13px;font-size:11px}.compass-chips span i{font-size:17px}
.score-demo-heading h4{font-size:27px}.score-demo-bubble{padding:10px 13px;font-size:12px}.feature-showcase .score-demo:has(.score-demo-advice) .score-demo-ring{width:128px;height:128px}.feature-showcase .score-demo:has(.score-demo-advice) .score-demo-ring strong{font-size:45px}.feature-showcase .score-demo .score-demo-advice{width:min(91%,320px);grid-template-columns:1fr;padding:14px 16px}.score-advice-row{grid-template-columns:29px 86px minmax(0,1fr);gap:9px}.score-advice-row>i{width:29px;height:29px;font-size:17px}.score-mini-bar{width:86px;height:8px}.feature-showcase .score-advice-row b{font-size:11px}
@media(max-width:1000px){.compass-result-mark{width:106px;height:106px}.compass-result-mark img{width:102px;height:102px}.compass-chips span{padding:10px 11px;font-size:10px}.score-advice-row{grid-template-columns:26px 66px minmax(0,1fr)}.score-mini-bar{width:66px}.feature-showcase .score-advice-row b{font-size:10px}}
@media(max-width:620px){.desk-story-title{font-size:15px}.compass-result-mark{width:116px;height:116px}.compass-result-mark img{width:112px;height:112px}.compass-chips span{font-size:11px}.feature-showcase .score-demo:has(.score-demo-advice) .score-demo-ring{width:132px;height:132px}.score-advice-row{grid-template-columns:28px 76px minmax(0,1fr)}.score-mini-bar{width:76px}.feature-showcase .score-advice-row b{font-size:11px}}

.two-plans{grid-template-columns:repeat(2,minmax(0,360px));justify-content:center}.checkout-card{max-width:840px}.qr-wrap{width:300px;height:300px;padding:9px;overflow:hidden}.qr-wrap img{display:block;max-width:100%;max-height:100%;width:auto;height:auto}.payment-info{padding:34px}.payment-info h2{margin-bottom:20px}.pay-row{padding:10px 0}.pay-row strong{font-size:15px}.amount strong{font-size:30px}.manual-note{display:grid;gap:5px;margin-top:16px;padding:12px;background:#fff2d3;border-radius:10px;font-size:11px;color:#6f511d}.payment-actions{margin-top:18px}.payment-actions button:disabled{opacity:.6}@media(max-width:700px){.two-plans{grid-template-columns:1fr}.qr-wrap{width:280px;height:280px}.qr-side,.payment-info{padding:24px}}

:root{color-scheme:light;--surface:var(--card);--surface-2:#fff6ec;--surface-3:#f6eadf;--control:#fff;--header-bg:rgba(255,250,243,.9);--hero-bg:linear-gradient(180deg,#fffdf9 0,#fff8ef 72%,#faefe3 100%)}
:root[data-theme="dark"]{color-scheme:dark;--ink:#f6eee8;--paper:#151312;--card:#211e1c;--surface:#211e1c;--surface-2:#292421;--surface-3:#1b1817;--control:#2c2724;--green:#ff8c68;--green-dark:#ffad93;--mint:#49372e;--lime:#ffd873;--coral:#ff8c68;--line:#463e39;--muted:#b9aaa0;--sage:#9ab694;--butter:#ffd873;--cocoa:#0e0d0c;--header-bg:rgba(21,19,18,.9);--hero-bg:radial-gradient(ellipse 48% 28% at 50% 29%,rgba(255,140,104,.13),transparent 70%),linear-gradient(180deg,#1d1917,#151312);--shadow:0 24px 80px rgba(0,0,0,.34)}
:root[data-theme="pink"]{color-scheme:light;--ink:#3b2330;--paper:#fff2f7;--card:#fffafd;--surface:#fffafd;--surface-2:#ffe8f1;--surface-3:#fbdde9;--control:#fff;--green:#e65389;--green-dark:#bd356a;--mint:#f7cadc;--lime:#ffd86f;--coral:#e65389;--line:#edcada;--muted:#806271;--sage:#9a7188;--butter:#ffd86f;--cocoa:#492637;--header-bg:rgba(255,244,249,.91);--hero-bg:radial-gradient(ellipse 58% 44% at 50% 34%,rgba(239,117,166,.17),transparent 76%),var(--paper);--shadow:0 24px 80px rgba(112,39,75,.14)}
:root[data-theme="pink"] :is(.active,.form-step b,.guide-card b,.product a,.floating strong,.steps b){color:var(--coral)!important}
:root[data-theme="pink"] body.home-immersive{background:#fff0f6}
/* Paint the glow on the shared page, so section overflow cannot cut it off.
   Explicit radii keep its size independent of the full page's height. */
.home-immersive{--home-glow:rgba(239,107,66,.16);--home-base:var(--paper)}
:root[data-theme="pink"] .home-immersive{--home-glow:rgba(230,83,137,.18);--home-base:#fff0f6}
:root[data-theme="dark"] .home-immersive{--home-glow:rgba(255,140,104,.14)}
.home-immersive main{background:radial-gradient(ellipse min(800px,82vw) 750px at 50% 520px,var(--home-glow),transparent 100%),var(--home-base)}
html.gsap-hero .home-immersive .hero.landing:after{display:none}
:root[data-theme="pink"] .home-immersive :is(.primary,.nav-cta,.login-btn):is(:hover,:focus-visible){background:var(--green-dark)!important;border-color:var(--green-dark)!important;color:#fff!important;box-shadow:0 10px 30px rgba(189,53,106,.18)}
:root[data-theme="pink"] .home-immersive :is(.primary,.nav-cta,.login-btn):is(:hover,:focus-visible) span{color:inherit}
html.i18n-pending body{visibility:hidden}html,body{max-width:100%;overflow-x:clip;background:var(--paper);color:var(--ink);transition:background-color .2s,color .2s}header,header.scrolled{background:var(--header-bg);border-color:var(--line)}
.hero.landing{background:var(--hero-bg)}.studio,.studio-page .studio{background:var(--surface-3)}.workspace,.panel,.result,.design-card,.plan,.guide-card,.legal,.selected-example,.checkout-card,.auth-box,.user-pop{background:var(--surface);color:var(--ink);border-color:var(--line)}
.upload,.product-picker,.search-product,.selected-products article,.product,.example-product-list article,.photo-tip,.sample-disclaimer,.space-options label,.space-hint,.manual-note,.qr-side,.pay-row,.mood-rail,.mood-chip{background:var(--surface-2);color:var(--ink);border-color:var(--line)}
input,select,textarea,.product-search input,.editbox input,.view-tools button,.card-actions a,.card-actions button,.payment-actions a,.payment-actions button,.copy,.lang-btn,.theme-select{background:var(--control)!important;color:var(--ink)!important;border-color:var(--line)!important}
.space-options input:checked+label{background:color-mix(in srgb,var(--coral) 15%,var(--surface));border-color:var(--coral)}.space-options label i{background:color-mix(in srgb,var(--butter) 42%,var(--surface));color:var(--ink)}
.space-select{background:var(--control);color:var(--ink);border-color:var(--line)}
.usecases{background:var(--surface-3)}.case-list a,.text-link,nav a{color:var(--ink)}.feature-card:not(.accent):not(.dark){background:var(--surface)}.selected-example,.search-product,.product,.guide-card,.design-card{box-shadow:var(--shadow)}
.trust-strip,.feature-card.dark,.plan.featured,.budget-card,footer{background:var(--cocoa);color:#f8eee8}.cta-band{background:linear-gradient(145deg,var(--green-dark),var(--coral))}
.render,.studio-page .compare,.search-product img,.selected-products img,.guide-visual{background:var(--surface-3)}.checkout-card,.qr-wrap{background:var(--surface)}.qr-wrap img{background:#fff}
.theme-picker{display:flex;align-items:center}.theme-select{width:82px;padding:8px 20px 8px 11px;border:1px solid var(--line);border-radius:999px;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.theme-picker-custom{position:relative}.theme-trigger{display:flex;min-width:72px;height:42px;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--control);color:var(--ink);font:800 11px/1 inherit;cursor:pointer}.theme-trigger svg,.theme-menu svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.theme-trigger>i{width:7px;height:7px;margin-left:auto;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}.theme-menu{position:absolute;z-index:80;top:calc(100% + 8px);right:0;width:180px;padding:7px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 18px 45px color-mix(in srgb,var(--ink) 18%,transparent)}.theme-menu button{display:grid;width:100%;grid-template-columns:28px 1fr 16px;align-items:center;gap:8px;padding:10px;border:0;border-radius:11px;background:transparent;color:var(--ink);font:750 12px/1 inherit;text-align:left;cursor:pointer}.theme-menu button:hover,.theme-menu button.active{background:var(--surface-2)}.theme-menu button i{width:9px;height:5px;border-left:2px solid var(--green);border-bottom:2px solid var(--green);opacity:0;transform:rotate(-45deg)}.theme-menu button.active i{opacity:1}.theme-menu [data-theme-option="pink"] svg{color:#e65389}.theme-menu [data-theme-option="dark"] svg{color:#7563b6}.mood-chip{display:inline-flex;align-items:center;gap:7px}.mood-chip svg{width:16px;height:16px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.credit,.pill,.selected-example-head>span,.demo-form-head strong{color:#3b2a24!important}.mood-chip:nth-child(n+2){color:#3b2a24!important}
.troxinh-spinner{display:inline-grid!important;place-items:center;width:46px;height:46px;font-size:0!important;color:transparent!important;animation:troxinhDiamondSpin 1.25s linear infinite;filter:drop-shadow(0 8px 12px color-mix(in srgb,var(--coral) 32%,transparent))}.troxinh-spinner:before{content:'';display:block;width:25px;height:25px;border-radius:5px;background:linear-gradient(135deg,var(--coral),#ff9b55);transform:rotate(45deg);box-shadow:inset 0 0 0 4px color-mix(in srgb,#fff 18%,transparent)}.troxinh-spinner.small{width:30px;height:30px}.troxinh-spinner.small:before{width:17px;height:17px;border-radius:4px}@keyframes troxinhDiamondSpin{to{transform:rotate(360deg)}}
:root[data-theme="dark"] .show-img,:root[data-theme="dark"] .selected-example{filter:brightness(.9)}:root[data-theme="dark"] .feature-card.accent{color:#2c211b}:root[data-theme="dark"] .render-note.good{background:#49381f!important;color:#ffe3a9!important}:root[data-theme="dark"] .demo-banner{background:#49381f;color:#ffe3a9}
:root[data-theme="dark"] .hero .lead,:root[data-theme="dark"] .fine,:root[data-theme="dark"] .section-copy>p:last-child,:root[data-theme="dark"] .feature-card:not(.accent) p,:root[data-theme="dark"] .page-hero p,:root[data-theme="dark"] .photo-tip,:root[data-theme="dark"] .product-picker>small,:root[data-theme="dark"] .selected-products small,:root[data-theme="dark"] .meta-row{color:var(--muted)}
.feature-card:nth-child(1):after{content:'✿'!important}.feature-card:nth-child(4):after{content:'GG · ✓'!important}
@media(max-width:800px){.theme-select{width:74px;padding-left:8px;padding-right:16px;font-size:10px}}
@media(max-width:520px){.login-btn{padding:8px 10px}.theme-select{width:74px;padding-left:8px;padding-right:16px;color:var(--ink)!important}.lang-btn{font-size:11px}}
@media(prefers-reduced-motion:reduce){.troxinh-spinner{animation:none}}
.score-workspace{align-items:stretch}.score-form{height:100%}@media(max-width:900px){.score-stage.empty{display:none}.score-workspace:has(.score-stage.empty){display:block}.score-workspace:has(.score-stage.empty) .score-form{border-bottom:0}}
@media(max-width:800px){.theme-trigger{min-width:44px;width:44px;padding:0;justify-content:center}.theme-trigger span,.theme-trigger>i{display:none}.theme-menu{right:-35px}}
.login-btn .login-short{display:none}
@media(max-width:520px){.login-btn .login-long{display:none}.login-btn .login-short{display:inline}}

/* Dark-mode completion: page-specific styles must not leak pale pink surfaces. */
:root[data-theme="dark"] .privacy-consent{background:var(--surface);border-color:var(--line);box-shadow:0 18px 46px rgba(0,0,0,.38)}
:root[data-theme="dark"] .desktop-story .story-room{background:var(--surface);box-shadow:0 15px 34px rgba(0,0,0,.28)}
:root[data-theme="dark"] .desktop-story .story-room>span{background:rgba(33,30,28,.92);color:var(--ink)}
:root[data-theme="dark"] .desktop-story .story-after>span{color:var(--coral)}
:root[data-theme="dark"] .home-immersive .txa-showcase .feature-demo.txa-card,
:root[data-theme="dark"] .home-immersive .txa-showcase .txa-caption{background:var(--surface);border-color:var(--line)}
:root[data-theme="dark"] .home-immersive .txa-showcase .txa-stage{background:var(--surface-2);color:var(--ink)}
:root[data-theme="dark"] .txa-compass{background:radial-gradient(ellipse at 52% 52%,#302924 0,#1d1a18 75%)}
:root[data-theme="dark"] :is(.txa-scene-label,.txa-product-panel,.txa-result-chip,.txa-input,.txa-orbit-icons span,.txa-moodboard,.txa-space-chips>span,.txa-score-ring,.txa-advice-row){background:rgba(41,36,33,.96)!important;border-color:var(--line)!important;color:var(--ink)!important;box-shadow:0 12px 30px rgba(0,0,0,.24)!important}
:root[data-theme="dark"] .txa-product-thumb{background:var(--surface-3)}
:root[data-theme="dark"] .txa-score-wash{background:linear-gradient(145deg,rgba(41,36,33,.92),rgba(21,19,18,.88))}
:root[data-theme="dark"] .txa-zone>span{background:rgba(41,36,33,.95);color:var(--coral)}
:root[data-theme="dark"] .txa-score-ring{border-color:var(--surface-2)!important}
:root[data-theme="dark"] .txa-ring-track{stroke:var(--line)}
:root[data-theme="dark"] .txa-score-cat-note p{background:var(--surface)!important;color:var(--muted)!important}
:root[data-theme="dark"] .txa-score-cat-note p:before{border-right-color:var(--surface)}
:root[data-theme="dark"] :is(.txa-scene-label [data-scene-number],.txa-caption .txa-feature-number,.txa-product-details small,.txa-input small,.txa-moodboard p,.txa-first b){color:var(--coral)}
:root[data-theme="dark"] :is(.draw-showcase-kicker,.draw-showcase h3,.draw-pencil-flourish){color:var(--coral)}
:root[data-theme="dark"] .draw-beta-tag{border-color:color-mix(in srgb,var(--coral) 36%,transparent);background:color-mix(in srgb,var(--coral) 10%,transparent)}
:root[data-theme="dark"] #importShopeeUrl{background:var(--surface-2)!important;color:var(--coral)!important;border-color:var(--line)!important}
:root[data-theme="dark"] .primary.light{background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line)}
:root[data-theme="dark"] .draw-source-actions span{background:var(--surface-2);color:var(--coral)}
:root[data-theme="dark"] .draw-page{--draw-pink:var(--coral);--draw-red:#ff7657}
:root[data-theme="dark"] .draw-page :is(.draw-heading .eyebrow,.draw-heading h1 em,.draw-section-title>span,.draw-prompt>div>span,.draw-toolbar output,.stroke-note button){color:var(--coral)}
:root[data-theme="dark"] .draw-page :is(.draw-prompt .primary,.draw-result-actions .primary){border-color:var(--coral);background:var(--coral);color:#241713}
:root[data-theme="dark"] .draw-page :is(.draw-toolbar button.active,.context-row button.active,.draw-top-actions button:hover:not(:disabled),.draw-top-actions button.active){border-color:color-mix(in srgb,var(--coral) 55%,var(--line));background:color-mix(in srgb,var(--coral) 14%,var(--surface));color:var(--coral)}
:root[data-theme="dark"] .draw-page .draw-swatch.active{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--coral)}
:root[data-theme="dark"] .numerology-loader{background:radial-gradient(circle at 50% 42%,#302722 0,#151312 68%);color:var(--ink)}
:root[data-theme="dark"] .numerology-loader button{background:var(--control);color:var(--ink);border-color:var(--line)}
:root[data-theme="dark"] .numerology-page #documentButton{background:var(--surface-2)!important;color:var(--ink)!important;border-color:var(--line)!important}
:root[data-theme="dark"] .auth-google{background:var(--surface-2);color:var(--ink);border:1px solid var(--line)}

:root[data-theme="dark"] .rental-page{--surface:#211e1c;--surface-2:#292421;--surface-3:#151312;--coral:#ff8c68}
:root[data-theme="dark"] .rental-map-section{border-color:var(--line)}
:root[data-theme="dark"] .rental-map .leaflet-tile-pane{filter:brightness(.68) saturate(.72) contrast(1.08)}
:root[data-theme="dark"] .rental-map .leaflet-control-attribution{background:rgba(33,30,28,.88);color:var(--muted)}
:root[data-theme="dark"] .rental-map .leaflet-control-attribution a{color:var(--coral)}
:root[data-theme="dark"] .rental-page .tx-chat-launch{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important}

:root[data-theme="dark"]{--community-ink:#f6eee8;--community-pink:#ff8c68;--community-line:#463e39;--community-soft:#292421}
:root[data-theme="dark"] .community-page{background:var(--paper);color:var(--ink)}
:root[data-theme="dark"] :is(.community-panel,.community-post,.composer>button,.feed-empty,.feed-loading,.composer-dialog,.composer-tools label,.composer-tools button,.attachment-picker,.picker-card,.picker-empty button){background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:var(--shadow)}
:root[data-theme="dark"] :is(.profile-card p,.community-rules p,.community-right a span,.composer>button,.composer-quick button,.feed-toolbar button,.post-author small,.post-stats,.post-actions button,.picker-copy small,.picker-loading,.picker-empty){color:var(--muted)}
:root[data-theme="dark"] :is(.community-links a.active,.community-links a:hover,.composer-quick button:hover,.feed-toolbar button.active,.post-actions button:hover,.post-actions button.active,.comment,.attachment-chip,.picker-head>button){background:var(--surface-2);color:var(--coral)}
:root[data-theme="dark"] .attachment-module{background:var(--surface-2);border-color:var(--line)}
:root[data-theme="dark"] :is(.comment-form input,.composer-body textarea){background:var(--control)!important;color:var(--ink)!important;border-color:var(--line)!important}
:root[data-theme="dark"] .post-media{background:var(--surface-3)}

.design-menu{position:relative;display:flex;align-items:center;height:74px}.design-menu-trigger{display:flex;align-items:center;gap:6px}.design-menu-trigger>span{font-size:0;width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}.design-menu:hover .design-menu-trigger>span,.design-menu:focus-within .design-menu-trigger>span{transform:rotate(225deg) translate(-1px,-1px)}
.design-menu-panel{position:absolute;top:66px;left:50%;width:min(520px,92vw);padding:14px;transform:translate(-36%,-8px);border:0;border-radius:22px;background:color-mix(in srgb,color-mix(in srgb,var(--coral) 9%,var(--surface)) 84%,transparent);box-shadow:0 28px 80px color-mix(in srgb,var(--cocoa) 22%,transparent);backdrop-filter:blur(20px) saturate(130%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s;z-index:30}.design-menu:hover .design-menu-panel,.design-menu:focus-within .design-menu-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-36%,0)}
.design-menu-head{padding:4px 7px 12px}.design-menu-head b{font-size:17px;letter-spacing:-.03em}.design-menu-grid{display:grid;grid-template-columns:1fr;gap:7px}.design-menu-grid>a{display:grid;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:13px;min-height:68px;padding:10px 13px;border-radius:14px;color:var(--ink);text-decoration:none;transition:background .18s,transform .18s,box-shadow .18s}.design-menu-grid>a:hover,.design-menu-grid>a:focus{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);transform:translateX(3px)}.design-menu-grid>a.design-numerology-link{background:color-mix(in srgb,var(--butter) 38%,var(--surface))}.design-menu-grid i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--surface-2);color:var(--coral);font-style:normal}.design-menu-grid i svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.design-menu-grid b{font-size:14px;line-height:1.25}.design-menu-grid em{color:var(--coral)}
.design-menu-grid>a{opacity:0}.design-menu:hover .design-menu-grid>a,.design-menu:focus-within .design-menu-grid>a{animation:designMenuItemIn .24s cubic-bezier(.2,.8,.2,1) both}.design-menu:hover .design-menu-grid>a:nth-child(2),.design-menu:focus-within .design-menu-grid>a:nth-child(2){animation-delay:.035s}.design-menu:hover .design-menu-grid>a:nth-child(3),.design-menu:focus-within .design-menu-grid>a:nth-child(3){animation-delay:.07s}.design-menu:hover .design-menu-grid>a:nth-child(4),.design-menu:focus-within .design-menu-grid>a:nth-child(4){animation-delay:.105s}@keyframes designMenuItemIn{from{opacity:0;filter:blur(2px)}to{opacity:1;filter:none}}
.mobile-nav-toggle,.mobile-nav-panel,.header-language-toggle{display:none}
.user-pop{z-index:80}.user-pop label,.user-pop>button{display:block}.user-pop>button{box-sizing:border-box;clear:both}
.site-footer{display:block!important;max-width:none!important;margin:0!important;padding:68px max(calc((100vw - 1320px)/2),32px) 30px!important;background:#090909!important;color:#a9a9a9!important;border:0!important}.site-footer-main{display:grid!important;grid-template-columns:minmax(240px,1.55fr) repeat(4,minmax(120px,1fr));gap:clamp(30px,4vw,60px)!important;min-height:290px}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:#fff}.site-footer .brand{display:inline-block;color:#fff!important;font-size:29px;margin-bottom:22px}.site-footer .brand span{color:var(--brand-ai)!important}.footer-intro{display:block!important;min-width:0}.footer-intro p{max-width:300px;margin:0 0 22px;color:#969696;font-size:12px;line-height:1.75}.footer-email{display:inline-block;font-size:12px;color:#d8d8d8!important;text-decoration:none!important}.footer-email:hover{color:#fff!important}.footer-column{display:flex!important;min-width:0;flex-direction:column;align-items:flex-start;gap:12px!important}.footer-column>b{color:#fff;font-size:12px;margin-bottom:6px}.footer-column>a,.footer-column>span{font-size:11px}.footer-column>span{color:#666}.site-footer-bottom{display:flex!important;align-items:center;justify-content:space-between;gap:30px!important;padding-top:26px;border-top:1px solid #292929}.site-footer-bottom p{margin:0;font-size:10px;color:#777}
.design-menu-grid>a.design-numerology-link{background:color-mix(in srgb,var(--butter) 16%,var(--surface))}.design-menu-grid>a.design-space-primary{position:relative;margin-top:5px;background:linear-gradient(115deg,color-mix(in srgb,var(--coral) 13%,var(--surface)),color-mix(in srgb,var(--butter) 12%,var(--surface)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--coral) 48%,var(--line)),0 9px 28px color-mix(in srgb,var(--coral) 9%,transparent)}.design-menu-grid>a.design-space-primary:hover,.design-menu-grid>a.design-space-primary:focus{background:linear-gradient(115deg,color-mix(in srgb,var(--coral) 19%,var(--surface)),color-mix(in srgb,var(--butter) 18%,var(--surface)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--coral) 72%,var(--line)),0 13px 34px color-mix(in srgb,var(--coral) 14%,transparent)}.design-space-primary>i{background:color-mix(in srgb,var(--coral) 15%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--coral) 22%,transparent)}.design-primary-badge{position:absolute;right:14px;top:-10px;display:inline-flex;align-items:center;gap:5px;height:21px;padding:0 9px 0 6px;border:1px solid color-mix(in srgb,var(--coral) 48%,var(--line));border-radius:999px;background:var(--surface);color:var(--coral);box-shadow:0 5px 15px color-mix(in srgb,var(--cocoa) 13%,transparent);font-size:9px;font-weight:900;letter-spacing:.035em;text-transform:uppercase}.design-primary-badge svg{width:15px;height:15px;overflow:visible;fill:color-mix(in srgb,var(--butter) 75%,var(--coral));stroke:var(--coral);stroke-width:.75;stroke-linejoin:round;transform-origin:center;animation:designPrimarySparkle 2.8s ease-in-out infinite}@keyframes designPrimarySparkle{0%,68%,100%{opacity:.78;transform:scale(.9) rotate(-4deg)}78%{opacity:1;transform:scale(1.16) rotate(5deg)}88%{opacity:.9;transform:scale(1) rotate(0)}}
.design-primary-badge{top:-12px!important;width:27px!important;height:27px!important;justify-content:center!important;gap:0!important;padding:0!important}.design-primary-badge svg{width:17px;height:17px}
@media(max-width:1050px){.site-footer-main{grid-template-columns:1.4fr repeat(2,1fr);min-height:0}.footer-intro{grid-row:span 2}.design-menu-panel{left:0;transform:translate(-12%,-8px)}.design-menu:hover .design-menu-panel,.design-menu:focus-within .design-menu-panel{transform:translate(-12%,0)}}
@media(max-width:800px){header{max-width:100vw}header nav{min-width:0}.design-menu{display:none}header nav>.credit{display:none!important}.header-language-toggle:not([hidden]){display:block}.mobile-nav-toggle{display:flex;align-items:center;gap:6px;min-height:38px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:var(--control);color:var(--ink);font:inherit;font-size:11px;font-weight:800;cursor:pointer}.mobile-nav-toggle>span{font-size:16px;line-height:1}.mobile-nav-panel{display:block;position:fixed;top:68px;left:10px;right:10px;max-height:calc(100dvh - 84px);padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 24px 70px color-mix(in srgb,var(--cocoa) 28%,transparent);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);overflow:auto;overscroll-behavior:contain;transition:opacity .18s,transform .18s;z-index:90}.mobile-nav-panel.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.mobile-nav-head>b,.mobile-nav-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.mobile-nav-head button{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:var(--control);color:var(--ink);font-size:22px}.mobile-nav-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:16px}.mobile-nav-pages>a,.mobile-space-links>a{display:flex!important;align-items:center;justify-content:space-between;min-width:0;padding:11px;border-radius:10px;background:var(--surface-2);color:var(--ink)!important;text-decoration:none;font-size:12px;font-weight:750}.mobile-nav-pages>a.active{box-shadow:inset 0 0 0 2px var(--coral);color:var(--coral)!important}.mobile-space-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}.mobile-space-links a span{color:var(--coral)}.mobile-credit{display:block;margin-top:12px;padding:9px 11px;border-radius:10px;background:var(--butter);color:#3b2a24;font-weight:850}.mobile-credit:empty{display:none}.mobile-nav-open{overscroll-behavior:none}.site-footer{padding:48px 22px 24px!important}.site-footer-main{grid-template-columns:1fr 1fr;gap:38px 26px!important}.footer-intro{grid-column:1/-1;grid-row:auto}.site-footer-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){header{padding-left:14px!important;padding-right:14px!important}header>.brand{font-size:20px;white-space:nowrap}header nav{gap:5px!important}.mobile-nav-toggle{width:40px;padding:7px;justify-content:center}.mobile-nav-toggle>b{display:none}.mobile-nav-pages,.mobile-space-links{grid-template-columns:1fr 1fr}.site-footer-main{grid-template-columns:1fr 1fr;gap:32px 20px!important}.site-footer .brand{font-size:26px;margin-bottom:14px}.footer-intro p{max-width:340px;margin-bottom:15px}.site-footer-bottom{gap:8px!important}}
@media(prefers-reduced-motion:reduce){.design-menu-panel,.design-menu-grid>a,.design-menu-trigger>span{transition:none}.design-menu-grid>a{opacity:1;transform:none!important;animation:none!important}.design-primary-badge svg{animation:none}}
.design-menu-grid>a.design-home-link{grid-template-columns:44px minmax(0,1fr) auto 20px}.development-tag{padding:5px 8px;border:1px solid #7653bd;border-radius:999px;background:#7653bd;color:#fff;font-size:8px;font-weight:900;line-height:1;white-space:nowrap}@media(max-width:520px){.development-tag{max-width:76px;overflow:hidden;text-overflow:ellipsis}}
/* The account plan stays visible beside the avatar without competing with the name. */
.current-plan{display:inline-flex;align-items:center;justify-content:center;min-width:35px;height:18px;padding:0 7px;border:1px solid color-mix(in srgb,var(--coral) 34%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--surface-2) 82%,var(--butter));color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.08em;line-height:1}.current-plan-plus{background:color-mix(in srgb,var(--butter) 58%,var(--surface));color:#70471f}.current-plan-pro{background:var(--cocoa);border-color:var(--cocoa);color:#fff4d8}
.footer-intro>a[href^="mailto:"]{display:block;margin-top:8px;overflow-wrap:anywhere}.footer-zalo-icon{display:inline-grid;place-items:center;min-width:27px;height:16px;margin-left:4px;padding:0 4px;border-radius:5px;background:#0877e8;color:#fff!important;font-size:7px;font-weight:900;letter-spacing:-.02em;line-height:1;vertical-align:middle;transition:transform .18s,background .18s}.footer-email:hover .footer-zalo-icon{background:#1591ff;transform:translateY(-1px)}
.footer-social{display:flex;align-items:center;gap:9px}.footer-social a{display:grid;width:30px;height:30px;place-items:center;border:1px solid color-mix(in srgb,var(--brand-ai) 38%,transparent);border-radius:50%;color:var(--brand-ai)!important;transition:transform .18s,background .18s,color .18s}.footer-social a:hover,.footer-social a:focus-visible{background:var(--brand-ai);color:#090909!important;transform:translateY(-2px)}.footer-social svg{width:15px;height:15px;fill:currentColor}
@media(max-width:800px){.site-footer .footer-intro>a[href^="mailto:"]{display:block;margin-top:8px;overflow-wrap:anywhere}}

/* Keep the experience list open and flat against the pink menu background. */
.design-journey-links>a,.design-journey-links>a.design-numerology-link,.design-journey-links>a.design-space-primary{margin-top:0;background:transparent;box-shadow:none;color:var(--ink)}
.design-journey-links>a:hover,.design-journey-links>a:focus-visible,.design-journey-links>a.design-space-primary:hover,.design-journey-links>a.design-space-primary:focus-visible{background:color-mix(in srgb,var(--coral) 21%,var(--surface));box-shadow:none}
.design-journey-links>a>i{background:color-mix(in srgb,var(--coral) 14%,var(--surface));box-shadow:none;color:var(--coral)}

/* TroXinhAI motion system: native, progressive and touch-safe. */
@view-transition{navigation:auto}
header .brand{view-transition-name:troxinh-brand}
::view-transition-group(root){animation-duration:.42s;animation-timing-function:cubic-bezier(.22,.75,.18,1)}
::view-transition-old(root){animation:motionPageOut .18s ease both}
::view-transition-new(root){animation:motionPageIn .42s cubic-bezier(.22,.75,.18,1) both}
::view-transition-group(troxinh-brand){animation-duration:.52s}
@keyframes motionPageOut{to{opacity:0;transform:translateY(-5px) scale(.995)}}
@keyframes motionPageIn{from{opacity:0;transform:translateY(10px) scale(.995)}}

.motion-progress{position:fixed;z-index:120;top:0;left:0;width:100%;height:3px;pointer-events:none;transform:scaleX(var(--motion-progress,0));transform-origin:left;background:linear-gradient(90deg,var(--coral),var(--butter),var(--coral));box-shadow:0 2px 14px color-mix(in srgb,var(--coral) 48%,transparent);transition:transform .12s linear,opacity .22s}
.motion-progress.is-navigating{height:4px;animation:motionNavigation 1s cubic-bezier(.4,0,.2,1) infinite;transform:none}
@keyframes motionNavigation{0%{clip-path:inset(0 100% 0 0)}55%{clip-path:inset(0 24% 0 0)}100%{clip-path:inset(0 0 0 100%)}}
.motion-navigating main{opacity:.985;transition:opacity .12s}

.motion-ready .reveal{transition-delay:var(--reveal-delay,0ms)}
.motion-ready .reveal.visible{animation:motionRevealSettle .72s cubic-bezier(.2,.82,.2,1) both}
.motion-ready .reveal.reveal-done{opacity:1!important;transform:none!important;filter:none!important;animation:none!important;transition:none!important;will-change:auto!important}
@keyframes motionRevealSettle{0%{filter:blur(5px);opacity:0;transform:translateY(24px) scale(.992)}100%{filter:blur(0);opacity:1;transform:none}}

.motion-spotlight{position:relative;isolation:isolate}
.motion-spotlight-layer{position:absolute!important;z-index:5!important;inset:0!important;width:auto!important;height:auto!important;margin:0!important;border:0!important;border-radius:inherit!important;pointer-events:none!important;opacity:0;background:radial-gradient(330px circle at var(--pointer-x,50%) var(--pointer-y,50%),color-mix(in srgb,var(--butter) 27%,transparent),color-mix(in srgb,var(--coral) 8%,transparent) 34%,transparent 66%)!important;transition:opacity .28s ease!important}
.motion-spotlight:hover>.motion-spotlight-layer{opacity:1}
.motion-magnetic{will-change:transform;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .22s,background .22s!important}

.motion-click-burst{position:fixed;z-index:200;left:0;top:0;width:8px;height:8px;margin:-4px;pointer-events:none;border:2px solid color-mix(in srgb,var(--coral) 75%,white);border-radius:50%;animation:motionClickRing .62s cubic-bezier(.18,.72,.25,1) forwards}
.motion-click-burst i{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;border-radius:2px;background:var(--butter);box-shadow:0 0 0 1px color-mix(in srgb,var(--coral) 45%,transparent);transform:rotate(calc(var(--particle-index)*45deg)) translateY(-3px);animation:motionClickParticle .62s cubic-bezier(.18,.72,.25,1) forwards}
@keyframes motionClickRing{0%{opacity:1;transform:scale(.25)}70%{opacity:.7}100%{opacity:0;transform:scale(5)}}
@keyframes motionClickParticle{0%{opacity:1}100%{opacity:0;transform:rotate(calc(var(--particle-index)*45deg)) translateY(-28px) scale(.45)}}

.hero.landing{--ambient-shift-x:0px;--ambient-shift-y:0px;isolation:isolate}
.motion-ambient{position:absolute!important;z-index:0!important;inset:0!important;max-width:none!important;margin:0!important;overflow:hidden;pointer-events:none}
.motion-ambient>i{position:absolute;display:block;border-radius:50%;will-change:transform;opacity:.46}
.motion-ambient>i:nth-child(1){width:430px;height:430px;left:calc(50% - 215px);top:calc(35% - 215px);translate:var(--ambient-shift-x) var(--ambient-shift-y);background:radial-gradient(circle,color-mix(in srgb,var(--coral) 20%,transparent),transparent 67%);filter:blur(15px);will-change:transform,translate;animation:ambientBreathe 8s ease-in-out infinite}
.motion-ambient>i:nth-child(2){width:240px;height:240px;right:7%;top:13%;border:1px solid color-mix(in srgb,var(--coral) 35%,transparent);animation:ambientOrbit 13s ease-in-out infinite}
.motion-ambient>i:nth-child(3){width:160px;height:160px;left:8%;top:41%;border:1px solid color-mix(in srgb,var(--butter) 70%,transparent);animation:ambientOrbit 10s ease-in-out -4s infinite reverse}
.hero.landing:before{animation:ambientEllipse 9s ease-in-out infinite}
.sticker{animation:stickerFloat 5.6s ease-in-out infinite}
.sticker.s2{animation-delay:-1.7s}.sticker.s3{animation-delay:-3.1s}.roomie{animation:roomieHello 6.2s ease-in-out infinite;transform-origin:50% 100%}
@keyframes ambientBreathe{50%{transform:scale(1.14);opacity:.7}}
@keyframes ambientOrbit{50%{transform:translate3d(16px,-12px,0) scale(1.08)}}
@keyframes ambientEllipse{50%{opacity:.8;transform:translateX(-50%) scale(1.035)}}
@keyframes stickerFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes roomieHello{0%,72%,100%{rotate:0deg}78%{rotate:-4deg}84%{rotate:4deg}90%{rotate:-2deg}}

.demo-stage{will-change:transform}
.demo-mobile-guide button.active{animation:demoDotPulse 1.8s ease-in-out infinite}
@keyframes demoDotPulse{50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--coral) 16%,transparent)}}

@media(max-width:800px){.motion-progress{height:2px}.motion-ambient>i:nth-child(1){width:300px;height:300px}.motion-ambient>i:nth-child(2),.motion-ambient>i:nth-child(3){opacity:.26}.sticker{animation-duration:7s}.motion-ready .reveal.visible{animation-duration:.58s}}
@media(hover:none),(pointer:coarse){.motion-spotlight-layer{display:none}.motion-magnetic{will-change:auto}.hero.landing:before{animation-duration:12s}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}.motion-progress{transition:none}.motion-progress.is-navigating{animation:none;transform:scaleX(.7)}.motion-ready .reveal,.motion-ready .reveal.visible{opacity:1!important;transform:none!important;filter:none!important;animation:none!important;transition:none!important}.motion-ambient,.motion-click-burst,.motion-spotlight-layer{display:none!important}.sticker,.roomie,.hero.landing:before,.demo-mobile-guide button.active{animation:none!important}.motion-magnetic{transition:none!important}}

/* Lightweight 3D: native CSS perspective, no WebGL download. */
.motion-depth{transform-style:preserve-3d;will-change:transform;transition:transform .42s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}
.motion-depth .motion-depth-media{transform:translateZ(22px) scale(1.01);transition:transform .42s cubic-bezier(.2,.8,.2,1)}
.motion-depth:hover .motion-depth-media{transform:translateZ(30px) scale(1.015)}
@media(hover:none),(pointer:coarse){.motion-depth{transform:none!important;will-change:auto}.motion-depth .motion-depth-media{transform:none!important}}
@media(prefers-reduced-motion:reduce){.motion-depth,.motion-depth .motion-depth-media{transform:none!important;transition:none!important}}

/* Shared readability and icon polish. */
/* Lucide arrow-right, embedded locally to keep every CTA crisp and dependency-free. */
.tx-arrow,.entry-copy strong>span,.case-list a>span,.reference-flow i,a.primary>span{display:inline-block;position:relative;width:19px;height:19px;flex:0 0 19px;font-size:0!important;color:currentColor;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E") center/17px 17px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E") center/17px 17px no-repeat}
.tx-arrow:before,.entry-copy strong>span:before,.case-list a>span:before,.reference-flow i:before,a.primary>span:before,.tx-arrow:after,.entry-copy strong>span:after,.case-list a>span:after,.reference-flow i:after,a.primary>span:after{display:none}
.proof-points span{position:relative;padding-left:18px}.proof-points span:before{content:"";position:absolute;left:2px;top:50%;width:7px;height:4px;margin-top:-4px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg)}
.plan li,.payment-trust span{position:relative;padding-left:24px}.plan li:before,.payment-trust span:before{content:"";position:absolute;left:4px;top:50%;width:8px;height:5px;margin-top:-5px;border-left:1.7px solid #16846f;border-bottom:1.7px solid #16846f;transform:rotate(-45deg)}
.how-steps a:after{content:"";display:inline-block;width:14px;height:14px;margin:0 0 -3px 7px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat}.how-steps a:has(.tx-arrow):after{display:none}

/* Studio: larger controls and less explanatory noise. */
.studio-page .section-title>span{display:none}
.studio-page .section-title h1{max-width:940px;font-size:clamp(48px,5vw,72px);line-height:.96}
.studio-page .form-step{font-size:17px;line-height:1.25;margin:24px 0 14px}
.studio-page .form-step b{font-size:12px}
.space-options label{min-height:62px;padding:13px 15px;gap:0}
.space-options label i,.space-options label small{display:none}
.space-options label b{font-size:14px;line-height:1.25}
.space-hint,.photo-tip,.product-picker>small{font-size:12px;line-height:1.45}
.product-source-tabs button{font-size:15px}.product-source-tabs button span{font-size:11px}.product-source-tabs [data-source="troxinh"] span{font-size:0}.product-source-tabs [data-source="troxinh"] span:after{content:"Giá xác nhận";font-size:11px}
html[data-language="en"] .product-source-tabs [data-source="troxinh"] span:after{content:"Verified price"}
.product-picker>label,.supplier-filter label,.field>label{font-size:14px}
.studio-page .product-picker{padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px rgba(70,38,49,.05)}
.studio-page .product-source-tabs{gap:0;padding:3px;margin-bottom:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface-3)}
.studio-page .product-source-tabs button{min-height:52px;padding:8px 10px;border:0;border-radius:6px;background:transparent;box-shadow:none;font-size:13px}
.studio-page .product-source-tabs button.selected{border:0;background:var(--surface);box-shadow:0 1px 5px rgba(58,31,40,.12);color:var(--coral)}
.studio-page .product-picker>label{margin-bottom:7px;font-size:12px}
.studio-page .product-search-ai{gap:7px}
.studio-page .product-search-ai input{min-height:46px;border-color:var(--line);border-radius:8px;background:var(--surface-2)}
.studio-page .product-search-ai button{min-height:46px;border-radius:8px}
.studio-page .shopping-price-filter{gap:7px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.studio-page .shopping-price-filter input{height:40px;border-radius:7px;background:var(--surface-2)}
.studio-page #productSourceNote{margin-top:9px;color:var(--muted)}
.studio-page .selection-cost[hidden]{display:none!important}
.studio-page .selection-cost{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;margin-top:12px;padding:11px 12px;border:1px solid #b9d1a7;border-radius:8px;background:#f4f9ef;color:#344d24}
.studio-page .selection-cost span{font-weight:750}.studio-page .selection-cost b{font-size:15px}.studio-page .selection-cost small{grid-column:1/-1;color:#637458}
@media(max-width:520px){.studio-page .product-picker{padding:12px}.studio-page .product-source-tabs button{min-height:48px;font-size:12px}.studio-page .selection-cost{grid-template-columns:1fr auto}}
.studio-page .product-picker{padding:18px;background:#fff7fa;border-color:#f3d7e1}
.studio-page .product-search-copy{margin-bottom:11px}.studio-page .product-search-copy label{display:block;color:var(--ink);font-size:16px;font-weight:850}.studio-page .product-search-copy p{margin:3px 0 0;color:var(--muted);font-size:12px}
.studio-page .product-search-ai{display:grid;grid-template-columns:1fr;gap:9px}
.studio-page .product-search-bar{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;min-height:52px;padding:4px 4px 4px 12px;border:1px solid #edcbd8;border-radius:8px;background:#fff;transition:border-color .2s,box-shadow .2s}
.studio-page .product-search-bar:focus-within{border-color:var(--coral);box-shadow:0 0 0 3px color-mix(in srgb,var(--coral) 11%,transparent)}
.studio-page .product-search-bar>span{color:#9a7482;font-size:20px;line-height:1}.studio-page .product-search-bar input{width:100%;min-height:42px;padding:8px;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;outline:0}
.studio-page .product-search-bar #searchProducts{min-width:62px;min-height:42px;padding:0 16px;border-radius:6px;background:var(--coral);color:#fff;box-shadow:none}.studio-page .product-search-bar #searchProducts:hover:not(:disabled){filter:brightness(.95)}
.studio-page .ai-product-button{justify-self:start;min-height:36px!important;padding:7px 11px!important;border:1px solid #f1d8e1!important;border-radius:999px!important;background:#fff3f7!important;color:#5b3041!important;box-shadow:none!important;font-size:12px!important}.studio-page .ai-product-button:hover:not(:disabled){background:#ffeaf2!important;transform:none}.studio-page .ai-product-button>span:first-child{color:#e6ad32}
:root[data-theme="dark"] .studio-page .product-picker{background:var(--surface);border-color:var(--line)}
:root[data-theme="dark"] .studio-page .product-search-bar{background:var(--control);border-color:var(--line)}
:root[data-theme="dark"] .studio-page .product-search-bar>span{color:var(--muted)}
:root[data-theme="dark"] .studio-page .ai-product-button{border-color:var(--line)!important;background:var(--surface-2)!important;color:var(--ink)!important}
:root[data-theme="dark"] .studio-page .ai-product-button:hover:not(:disabled){background:color-mix(in srgb,var(--surface-2) 82%,var(--coral))!important}
.studio-page .shopping-price-filter{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);align-items:end;gap:7px;margin-top:14px;padding-top:12px;border-color:#f0dce3}.studio-page .budget-filter-title{display:flex;grid-column:1/-1;gap:6px;align-items:baseline}.studio-page .budget-filter-title b{font-size:12px}.studio-page .budget-filter-title span{color:var(--muted);font-size:10px}.studio-page .shopping-price-filter label{gap:4px}.studio-page .shopping-price-filter label>span{color:var(--muted);font-size:9px}.studio-page .shopping-price-filter>i{align-self:center;color:#ad8b97;font-style:normal;text-align:center}.studio-page .shopping-price-filter input{height:42px;padding:9px 11px;border-color:#edcbd8;border-radius:7px;background:#fff}
@media(max-width:520px){.studio-page .product-picker{padding:15px}.studio-page .product-search-bar{grid-template-columns:20px minmax(0,1fr) auto;padding-left:10px}.studio-page .product-search-bar input{grid-column:auto!important;min-width:0}.studio-page .product-search-bar #searchProducts{min-width:56px;min-height:42px;padding:0 12px;font-size:13px}.studio-page .shopping-price-filter{grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr)}}
.studio-page .space-picker-menu small{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:color-mix(in srgb,var(--coral) 9%,var(--surface));letter-spacing:0}.studio-page .space-picker-menu small svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.studio-page .space-picker-menu button.selected small{background:color-mix(in srgb,var(--coral) 16%,var(--surface))}
.studio-page .shopping-price-filter{display:block;margin-top:14px;padding-top:12px}.studio-page .budget-filter-title{display:block}.studio-page .budget-filter-title b{font-size:12px}.studio-page .price-range-values{display:flex;justify-content:space-between;margin-top:9px;color:var(--ink);font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.studio-page .dual-price-range{position:relative;height:48px;margin-top:1px;touch-action:none;user-select:none}.studio-page .price-range-runway{position:absolute;top:22px;left:12px;right:12px;height:5px;border-radius:5px;background:#eadde2}.studio-page .price-range-runway>i{position:absolute;top:0;bottom:0;left:var(--range-start);right:calc(100% - var(--range-end));border-radius:inherit;background:var(--coral)}
.studio-page .price-handle{position:absolute;z-index:2;top:4px;left:12px;width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;transform:translateX(-20px);touch-action:none;cursor:grab}.studio-page .price-handle:after{content:"";position:absolute;inset:8px;border:3px solid #fff;border-radius:50%;background:var(--coral);box-shadow:0 1px 6px rgba(76,32,48,.3)}.studio-page .price-handle:focus-visible{outline:0!important}.studio-page .price-handle:focus-visible:after{box-shadow:0 0 0 4px #f8ccd9,0 1px 6px rgba(76,32,48,.3)}.studio-page .price-handle:active{cursor:grabbing}
:root[data-theme="dark"] .studio-page .shopping-price-filter{border-color:var(--line)}
:root[data-theme="dark"] .studio-page .price-range-runway{background:var(--line)}
.product-search input,.product-search button,.studio-page input,.studio-page select,.studio-page textarea{font-size:14px}
.search-product strong{font-size:13px;line-height:1.35}.search-product button,.search-product a{font-size:11.5px}
.space-options-toggle{font-size:12px!important;padding:12px 14px!important}
.toggle-chevron{display:inline-block;width:8px;height:8px;margin:0 0 3px 8px!important;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .22s ease}
.toggle-chevron.expanded{transform:rotate(225deg);margin-bottom:-2px!important}
.upload-icon{position:relative;display:grid!important;place-items:center;width:58px!important;height:58px!important;margin-bottom:12px;border:1px solid color-mix(in srgb,var(--coral) 48%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--coral) 10%,var(--surface));color:var(--coral);box-shadow:0 12px 30px color-mix(in srgb,var(--coral) 12%,transparent);font-size:0!important;transition:transform .25s ease,box-shadow .25s ease}
.upload-icon:before,.upload-icon:after{content:none!important}.upload-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.studio-page .upload{transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.studio-page .upload:hover .upload-icon{transform:translateY(-3px)}.studio-page .upload.is-dragging{border-style:solid!important;border-color:var(--coral)!important;background:color-mix(in srgb,var(--coral) 12%,var(--surface))!important;box-shadow:0 0 0 6px color-mix(in srgb,var(--coral) 13%,transparent),0 24px 48px color-mix(in srgb,var(--coral) 16%,transparent)!important;transform:translateY(-2px)}.studio-page .upload.is-dragging .upload-icon{box-shadow:0 15px 34px color-mix(in srgb,var(--coral) 25%,transparent);transform:translateY(-5px) scale(1.06)}
.site-footer .footer-intro p{font-size:13px;line-height:1.55}.site-footer .footer-column a{font-size:12px}.site-footer .footer-bottom{font-size:11px}
@media(max-width:800px){.studio-page .section-title h1{font-size:clamp(40px,12vw,56px)}.studio-page .form-step{font-size:16px}.space-options label{min-height:58px;padding:12px}.space-options label b{font-size:13px}.studio-page .panel{font-size:14px}}

/* Whole-home planner: quieter hierarchy and deliberate controls. */
.house-page .house-sidebar{padding:26px 20px}
.house-page .collection-head{align-items:flex-start}
.house-page .collection-head small{margin-bottom:3px;font-size:10px}
.house-page .collection-head b{font-size:20px;line-height:1.12;letter-spacing:-.025em}
.house-page .collection-head button{flex:0 0 auto;min-width:64px;white-space:nowrap;border-radius:999px;padding:9px 13px;background:var(--ink);border-color:var(--ink);color:var(--surface);font-size:12px}
.house-page .house-list{gap:8px;margin:18px 0 30px}
.house-page .house-list button{padding:13px 12px;border:1px solid transparent;border-radius:14px}
.house-page .house-list button:hover{background:color-mix(in srgb,var(--surface) 74%,transparent)}
.house-page .house-list button.active{box-shadow:0 8px 22px color-mix(in srgb,var(--coral) 9%,transparent)}
.house-page .house-list b{font-size:13px}.house-page .house-list small{font-size:10px;line-height:1.35}
.house-page .palette-head{padding-top:2px;border-top:1px solid var(--line)}
.house-page .palette-head small{padding-top:17px;font-size:10px}
.house-page .project-form{gap:14px}
.house-page .project-form label{gap:7px;font-size:11px;letter-spacing:.01em}
.house-page .project-form input,.house-page .project-form select{min-height:44px;border-radius:12px;padding:10px 13px;font-size:13px}
.house-page .planner-toolbar{justify-content:space-between;gap:12px;margin:18px 0 12px}
.house-page .plan-actions,.house-page .zoom-tools{display:flex;align-items:center;gap:6px}
.house-page .planner-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;border-radius:11px;padding:8px 12px;background:var(--surface);font-size:12px;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.house-page .planner-toolbar button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--coral) 55%,var(--line))}
.house-page .planner-toolbar button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.house-page .planner-toolbar .toolbar-primary{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.house-page .zoom-tools{padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.house-page .zoom-tools button{min-width:34px;min-height:32px;padding:4px;border:0;background:transparent;font-size:18px}
.house-page .zoom-tools output{min-width:44px;font-size:11px;font-variant-numeric:tabular-nums}

/* Studio result: one clean control bar, one compact edit card. */
.studio-page .view-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 16px;padding:0}
.studio-page .view-switch,.studio-page .view-actions{display:flex;align-items:center;gap:6px}
.studio-page .view-switch{padding:4px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}
.studio-page .view-tools button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;margin:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);padding:8px 13px;font-size:12px;box-shadow:none;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
.studio-page .view-tools button:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--coral) 60%,var(--line))}
.studio-page .view-switch button{border:0;background:transparent}
.studio-page .view-switch button.selected{background:var(--ink);color:var(--surface)}
.studio-page .view-tools button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.studio-page .view-tools button:disabled{cursor:wait;opacity:.5}
.studio-page .editbox{display:block;margin:18px 0 12px;padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2)}
.studio-page .editbox label{display:block;margin-bottom:9px;color:var(--ink);font-size:12px;font-weight:800}
.studio-page .editbox>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.studio-page .editbox input{min-height:44px;border:1px solid var(--line);border-radius:11px;background:var(--surface);padding:10px 13px}
.studio-page .editbox button{min-width:108px;border:0;border-radius:11px;background:var(--coral);color:#fff;font-weight:850}
.studio-page details.sample-disclaimer{display:block;margin:10px 0 20px;padding:0;border:0;background:transparent;font-size:11px}
.studio-page details.sample-disclaimer summary{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-weight:750;cursor:pointer;list-style:none}
.studio-page details.sample-disclaimer summary::-webkit-details-marker{display:none}
.studio-page details.sample-disclaimer summary:before{content:"i";display:grid;place-items:center;width:17px;height:17px;border:1px solid currentColor;border-radius:50%;font:700 10px/1 serif}
.studio-page details.sample-disclaimer span{display:block;max-width:760px;margin-top:8px;padding:10px 12px;border-left:2px solid var(--line);color:var(--muted);line-height:1.55}

@media(max-width:800px){
 .house-page .collection-head b{font-size:18px}.house-page .house-list{margin-bottom:23px}
 .house-page .palette-head{border-top:0}.house-page .palette-head small{padding-top:0}
 .house-page .planner-toolbar{align-items:stretch}.house-page .plan-actions{min-width:0}
 .house-page .planner-toolbar button span{white-space:nowrap}.house-page .zoom-tools{margin-left:auto}
 .studio-page .view-tools{align-items:stretch}.studio-page .view-switch{flex:1}.studio-page .view-switch button{flex:1}
}
@media(max-width:480px){
 .house-page .planner-toolbar{flex-wrap:wrap}.house-page .plan-actions{flex:1}.house-page .plan-actions button{flex:1}.house-page .planner-toolbar #clearPlan{display:inline-flex}
 .house-page .zoom-tools{margin-left:0}.house-page .project-form{gap:11px}
 .studio-page .view-tools{display:grid}.studio-page .view-actions button{flex:1}.studio-page .view-actions{display:grid;grid-template-columns:1fr 1fr}
 .studio-page .editbox>div{grid-template-columns:1fr}.studio-page .editbox button{min-height:44px}
}
.studio-page .product-search-copy{display:none}
.studio-page .shopee-link-import{display:block;margin-top:1px;padding-top:9px;border-top:1px solid #f0dce3}.studio-page .shopee-link-title{display:grid;grid-template-columns:22px minmax(0,1fr) 8px;gap:7px;align-items:center;padding:3px 0;color:var(--ink);font-size:11px;cursor:pointer;list-style:none}.studio-page .shopee-link-title::-webkit-details-marker{display:none}.studio-page .shopee-link-title>span{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#ee4d2d;color:#fff}.studio-page .shopee-link-title svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.studio-page .shopee-link-title>i{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s}.studio-page .shopee-link-import[open] .shopee-link-title>i{transform:translateY(2px) rotate(225deg)}.studio-page .shopee-link-body{display:grid;gap:7px;padding-top:9px}.studio-page .shopee-link-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.studio-page .shopee-link-controls input{min-width:0;height:42px;padding:9px 11px;border:1px solid #edcbd8;border-radius:7px;background:#fff}.studio-page .shopee-link-controls button{min-width:58px;border:0;border-radius:7px;background:#fff0ec;color:#c53b20;font-weight:850}.studio-page .shopee-link-controls button:hover:not(:disabled){background:#ffe2db}.studio-page .shopee-link-body>small{min-height:0;color:var(--muted);font-size:10px}.studio-page .shopee-link-body>small:empty{display:none}
.studio-page .studio-title{z-index:2;display:block;min-height:0;margin-bottom:0;padding:30px 4px 34px;border:0;border-radius:0;background:none;box-shadow:none}.studio-page .studio-title:after{display:none}.studio-page .studio-title h1{max-width:none;margin:8px 0 12px;font-size:clamp(52px,4.35vw,66px);line-height:.94;white-space:normal;text-wrap:nowrap}.studio-page .studio-title h1 span{display:block}.studio-page .studio-title h1 span+span{color:var(--coral)}.studio-page .studio-title h1 span+span:before{content:none}.studio-page .studio-build-note{margin-top:0}
@media(max-width:800px){.studio-page .studio-title{min-height:0;margin-bottom:0;padding:26px 2px 34px}.studio-page .section-title.studio-title h1{font-size:46px!important;line-height:.95;white-space:normal!important}.studio-page .studio-title h1 span{white-space:normal}}
@media(max-width:520px){.studio-page .studio-title{min-height:0;margin-bottom:0;padding:26px 2px 34px;text-align:left}.studio-page .section-title.studio-title h1{margin:10px 0 12px;font-size:42px!important;line-height:.93;white-space:normal!important}.studio-page .studio-title h1 span{white-space:normal}.studio-page .studio-title .eyebrow{font-size:9px}.studio-page .studio-build-note{font-size:11px}}
.studio-page .section-title.studio-title h1 span{display:block!important}
.studio-page .shopee-link-import>.shopee-link-body{grid-template-columns:1fr}
.studio-page .product-picker{position:relative}.studio-page .product-market-picker{position:absolute;z-index:12;top:14px;right:14px}.studio-page .product-market-trigger{display:flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:750 11px/1 system-ui;cursor:pointer}.studio-page .product-market-trigger i{color:var(--muted);font-style:normal}.studio-page .market-short{display:none}.studio-page .product-market-menu{position:absolute;top:40px;right:0;width:210px;padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 16px 36px rgba(64,38,48,.18)}.studio-page .product-market-menu[hidden]{display:none}.studio-page .product-market-menu button{display:block;width:100%;padding:10px;border:0;border-radius:9px;background:transparent;color:var(--ink);font:700 11px/1.2 system-ui;text-align:left;cursor:pointer}.studio-page .product-market-menu button:hover,.studio-page .product-market-menu button.selected{background:color-mix(in srgb,var(--coral) 10%,var(--surface))}.studio-page .shopping-price-filter.market-hidden{display:none!important}
@media(max-width:520px){.studio-page .product-market-picker{top:12px;right:12px}.studio-page .product-market-trigger{min-width:70px;justify-content:center;padding:0 8px}.studio-page .market-full{display:none}.studio-page .market-short{display:inline}.studio-page .product-market-menu{position:fixed;z-index:100;top:auto;right:12px;bottom:12px;left:12px;width:auto;padding:9px;border-radius:18px}.studio-page .product-market-menu button{padding:13px}}
/* Product actions: AI suggestion and market selector share one compact row. */
.studio-page .product-search-ai{grid-template-columns:minmax(0,1fr) auto!important;align-items:center}.studio-page .product-search-ai .product-search-bar{grid-column:1/-1}.studio-page .product-search-ai .ai-product-button{grid-column:1;justify-self:start}.studio-page .product-search-ai .product-market-picker{position:static;grid-column:2;justify-self:end}.studio-page .product-search-ai .shopee-link-import{grid-column:1/-1;width:100%}
@media(max-width:520px){.studio-page .product-search-ai{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}.studio-page .product-search-ai .product-search-bar{grid-column:1/-1}.studio-page .product-search-ai .ai-product-button{grid-column:1;min-width:0!important;width:auto}.studio-page .product-search-ai .product-market-picker{position:static;grid-column:2}.studio-page .product-search-ai .product-market-trigger{min-height:42px}}
.studio-page .product-search-ai .product-search-bar{grid-row:1}.studio-page .product-search-ai .ai-product-button{grid-row:2}.studio-page .product-search-ai .product-market-picker{grid-row:2}.studio-page .product-search-ai .shopee-link-import{grid-row:3}
@media(max-width:520px){.studio-page .product-search-ai .product-market-picker{position:relative;z-index:20;top:0;right:0;align-self:start}.studio-page .product-search-ai .ai-product-button{min-height:42px!important}.studio-page .product-search-ai .product-market-trigger{min-height:42px;gap:4px;font-size:10px}.studio-page .product-market-menu{position:absolute;top:calc(100% + 6px);right:0;bottom:auto;left:auto;width:min(250px,calc(100vw - 56px));max-height:min(300px,40vh);overflow-y:auto}.studio-page .product-market-menu button{font-size:10px}}

/* Mobile typography is deliberately shared across every public page.
   Page-specific styles still own layout; this file only normalizes hierarchy,
   wrapping and the first-screen rhythm at phone widths. */
/* Keep headings as complete phrases instead of leaving one or two words on a
   stray line. This applies at every width; mobile rules only adjust scale. */
main :is(h1,h2,h3,h4),
.hero :is(h1,h2,h3),
.page-shell :is(h1,h2,h3),
footer :is(h2,h3){overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:balance}
header a,header button,header select{white-space:nowrap}

@media(max-width:620px){
 html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
 body{font-size:14px;line-height:1.55}
 header:not(.topbar){height:64px!important;padding-inline:14px!important}
 header .brand{font-size:20px!important;letter-spacing:-1.1px!important}
 header:not(.topbar)>nav{min-width:0;margin-left:auto;gap:5px!important;flex:0 0 auto}
 header:not(.topbar) .brand{flex:0 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 /* Honour the notch inset and never let the last control sit under the edge. */
 header:not(.topbar){padding-right:max(14px,env(safe-area-inset-right))!important;padding-left:max(14px,env(safe-area-inset-left))!important}
 header:not(.topbar) #authSlot{margin-right:0!important;padding-right:0!important}
 header:not(.topbar) .mobile-nav-toggle{flex:0 0 38px;width:38px;height:38px;min-height:38px;padding:0!important;justify-content:center;border-radius:50%}
 header:not(.topbar) .theme-picker{flex:0 0 38px;width:38px;min-width:0}
 header:not(.topbar) .theme-select,
 header:not(.topbar) .theme-trigger{width:38px!important;min-width:38px!important;height:38px;padding:0!important;border-radius:50%}
 header:not(.topbar) .lang-btn{flex:0 0 38px;width:38px;height:38px;padding:0!important;border-radius:50%}
 /* The slot holds a 32px avatar when signed in but a text button when signed
    out, so pinning it to 32px wrapped "Tài khoản" onto two lines. Size the
    avatar, not the slot. */
 header:not(.topbar) #authSlot{flex:0 0 auto;min-width:32px!important}
 header:not(.topbar) .user-chip,
 header:not(.topbar) .user-avatar{flex:0 0 32px;width:32px;height:32px}
 header:not(.topbar) .user-chip{gap:0!important;margin:0!important;transform:none!important} header:not(.topbar) #authSlot{display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important}
 header:not(.topbar) .login-btn{flex:0 0 auto;height:38px;padding:0 14px!important;white-space:nowrap;font-size:12px;line-height:38px;border-radius:999px}
 main :is(h1,h2,h3,h4),.hero :is(h1,h2,h3),.page-shell :is(h1,h2,h3){overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:balance}
 main p,.hero p,.page-shell p{overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:pretty}
 .eyebrow{font-size:9px!important;line-height:1.4!important;letter-spacing:.15em!important}

 :where(.page-hero,.market-hero,.messages-heading,.entry-hero,.house-hero,.score-hero,.profile-intro,.checkout-head){margin-bottom:24px!important}
 :where(.page-hero,.market-hero,.messages-heading,.entry-hero,.house-hero,.score-hero,.profile-intro,.checkout-head) h1,
 .studio-page .section-title h1,
 .legal h1,
 .topbar~main .hero h1{font-size:clamp(32px,9vw,39px)!important;line-height:1.07!important;letter-spacing:-.05em!important;white-space:normal!important}
 :where(.page-hero,.market-hero,.messages-heading,.entry-hero,.house-hero,.score-hero,.profile-intro,.checkout-head) h1 em,
 .score-hero h1 em{display:inline!important}
 :where(.section-copy,.usecases,.cta-band,.how-heading,.how-role-intro,.demo-booking-copy,.shopping-proof-copy) h2,
 .how-role-intro h3{font-size:clamp(28px,8vw,34px)!important;line-height:1.1!important;letter-spacing:-.045em!important}
 .studio-page .section-title h1 span{display:inline!important}

 .page-shell,.market-shell,.messages-page{padding-top:32px!important;padding-inline:14px!important}
 .design-entry,.house-shell,.score-shell{padding-top:36px!important}
 .profile-shell{padding-top:28px!important}
 .profile-intro{min-height:120px!important;align-items:center!important}
 .checkout-shell{padding-top:34px!important}
 .how-page .how-work{padding-top:42px!important}

 .home-immersive .hero.landing{padding:30px 16px 48px!important}
 .home-immersive .hero.landing .eyebrow{display:none}
 .home-immersive .hero.landing h1{margin:0 auto 16px!important;font-size:clamp(33px,9vw,39px)!important;line-height:1.02!important;letter-spacing:-.058em!important}
 .home-immersive .hero.landing h1{--hero-line:clamp(25px,6.75vw,29px)}
 .home-immersive .hero-title-line{display:block!important;white-space:nowrap!important}
 .home-immersive .hero.landing h1 em{display:block!important}
 .home-immersive .hero-title-line,.home-immersive .hero.landing h1 em{font-size:var(--hero-line)!important;line-height:1.08!important}
 .home-immersive .hero.landing .lead{max-width:34ch;margin:0 auto 20px!important;font-size:15px!important;line-height:1.5!important;text-wrap:balance}
 .home-immersive .hero-actions{gap:0!important;align-items:center!important}
 .home-immersive .hero-actions .primary{width:min(100%,326px);min-height:54px;padding:0 18px!important;gap:18px;font-size:15px;text-align:center}
 .home-immersive .hero-actions .text-link,.home-immersive .cozy-scribble{display:none!important}
 .gsap-hero .landing-mascot,.home-immersive .landing-mascot{display:none!important}
 .home-immersive .demo-mobile-guide{margin:22px auto -4px!important;padding-inline:6px!important}
 .home-immersive .demo-mobile-guide>span{font-size:12px!important;letter-spacing:-.01em}
 .home-immersive .hero.landing .showcase{margin-top:18px!important}
 .home-immersive .demo-journey{height:462px!important}
 .home-immersive .demo-image{height:320px!important}

 .topbar~main .hero{padding-top:38px!important}
 .topbar~main .hero .lead{font-size:15px!important;line-height:1.55!important;text-wrap:pretty}
 .topbar~main .hero .micro{display:none}
}

@media(max-width:380px){
 .home-immersive .hero.landing h1{--hero-line:24px}
 .home-immersive .hero.landing h1{font-size:32px!important}
 :where(.page-hero,.market-hero,.messages-heading,.entry-hero,.house-hero,.score-hero,.profile-intro,.checkout-head) h1,
 .studio-page .section-title h1,.legal h1,.topbar~main .hero h1{font-size:31px!important}
}

@media(max-width:620px){
 /* The trust strip and the mood rail were both being sliced off at the right
    edge. Let the strip wrap into centred rows, and make the rail read as a
    deliberate horizontal scroller with a fade instead of a hard cut. */
 .trust-strip{flex-wrap:wrap;justify-content:center;gap:6px 14px;padding:16px 18px;overflow:visible;white-space:normal;text-align:center}
 .trust-strip span{font-size:10px;letter-spacing:.06em}
 .trust-strip:not(.trust-tagline) span:nth-child(even){display:none}
 .mood-rail{padding:12px 18px!important;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  -webkit-mask:linear-gradient(90deg,#000 calc(100% - 34px),transparent);mask:linear-gradient(90deg,#000 calc(100% - 34px),transparent)}
 .mood-rail::-webkit-scrollbar{display:none}
 .mood-rail .mood-chip{flex:0 0 auto;white-space:nowrap}
}
@media(max-width:800px){header:not(.topbar) .user-chip{flex:0 0 auto!important;width:auto!important;gap:5px!important}header:not(.topbar) .current-plan{min-width:30px;height:17px;padding:0 5px;font-size:7px}}

/* Mobile hero: stronger editorial type and a compact, intentional demo control. */
@media(max-width:620px){
 .home-immersive .hero.landing{padding-top:38px!important}
 .home-immersive .hero.landing .eyebrow{display:inline-flex!important;align-items:center;width:auto;margin:0 auto 17px!important;padding:7px 11px;border:1px solid color-mix(in srgb,var(--coral) 28%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--surface) 74%,transparent);color:var(--coral);font-size:9px!important;letter-spacing:.14em!important;box-shadow:0 8px 24px color-mix(in srgb,var(--coral) 8%,transparent)}
 .home-immersive .hero.landing h1{width:100%;max-width:100%;margin:0 auto 19px!important;--hero-line:clamp(44px,11.8vw,50px);letter-spacing:-.075em!important;text-align:center;text-wrap:balance}
 .home-immersive .hero-title-line{max-width:100%;margin-inline:auto;white-space:normal!important}
 .home-immersive .hero-title-line,.home-immersive .hero.landing h1 em{line-height:1.04!important}
 .home-immersive .hero.landing h1 em{text-shadow:0 12px 30px color-mix(in srgb,var(--coral) 20%,transparent)}
 .home-immersive .hero.landing .lead{max-width:31ch;margin-bottom:23px!important;font-size:16px!important;line-height:1.48!important;color:color-mix(in srgb,var(--ink) 72%,var(--muted))}
 .home-immersive .hero-actions .primary{width:max-content;max-width:100%;min-height:46px!important;padding-inline:20px!important;gap:10px;font-size:13px!important;border-radius:999px;box-shadow:0 12px 27px color-mix(in srgb,var(--coral) 25%,transparent)}
 .home-immersive .demo-mobile-guide{width:min(100%,350px);min-height:44px;margin:24px auto 2px!important;padding:8px 11px 8px 15px!important;border:1px solid color-mix(in srgb,var(--coral) 18%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--surface) 82%,transparent);box-shadow:0 10px 30px color-mix(in srgb,var(--ink) 7%,transparent)}
 .home-immersive .demo-mobile-guide>span{font-size:12px!important;font-weight:850!important;letter-spacing:0!important}
}

/* The dedicated mobile hero ships after the legacy hero rules. Match its full
   selector so the compact CTA and larger headline cannot be overridden. */
@media(max-width:767px){
 .home-immersive .hero.landing .mobile-hero-copy h1{--hero-line:clamp(41px,10.3vw,44px)!important}
 .home-immersive .hero.landing .mobile-hero-copy .hero-actions{display:flex!important;justify-content:center!important}
 .home-immersive .hero.landing .mobile-hero-copy .hero-actions>a.primary{display:inline-flex!important;flex:0 0 auto!important;width:max-content!important;max-width:calc(100vw - 32px)!important;min-height:46px!important;margin-inline:auto!important;padding:0 18px!important;gap:9px!important;font-size:13px!important}
}

/* Keep the three-step story light enough to scan without dominating a phone. */
@media(max-width:620px){
 .home-immersive main .how-work-compact{margin:52px 12px 64px!important;padding:25px 14px 30px!important;border-radius:22px}
 .home-immersive .how-work-compact .how-heading{margin-bottom:12px!important;padding:0 3px 12px!important}
 .home-immersive .how-work-compact .how-heading .eyebrow{font-size:8px;letter-spacing:.13em;line-height:1.45}
 .home-immersive .how-work-compact .how-heading h2{max-width:100%;font-size:33px!important;line-height:1.12!important}
 .home-immersive .home-faq-heading h2{font-size:33px!important;line-height:1.12!important}
 .home-immersive .how-work-compact .how-role-panel{padding-top:8px}
 .home-immersive .how-work-compact .how-steps{max-width:310px;gap:17px;margin-inline:auto}
 .home-immersive .how-work-compact .journey-visual{aspect-ratio:16/11}
 .home-immersive .how-work-compact .how-steps article{padding-bottom:15px}
 .home-immersive .how-work-compact .how-steps h4{margin-top:13px;font-size:17px}
 .home-immersive .how-work-compact .how-steps a{margin-top:8px;font-size:11px}
}

.auth-stack{display:grid;gap:13px;margin-top:22px}.auth-google,.email-auth-form>button,.check-email>button{min-height:46px;border:0;border-radius:10px;background:var(--coral);color:#fff;font:800 14px/1 inherit;cursor:pointer}.auth-google{background:var(--ink);display:flex;align-items:center;justify-content:center;gap:11px}.auth-google b{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#fff;color:#4285f4}.auth-or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px}.auth-or:before,.auth-or:after{content:"";height:1px;flex:1;background:var(--line)}.email-auth-form{display:grid;gap:11px;text-align:left}.email-auth-form label{display:grid;gap:6px;font-size:11px;font-weight:800}.email-auth-form input{width:100%;min-height:45px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--control);color:var(--ink);font:inherit}.email-auth-form button:disabled,.auth-google:disabled,.check-email button:disabled{opacity:.55}.auth-links{display:flex;justify-content:space-between;gap:10px;margin-top:13px;color:var(--muted);font-size:11px}.auth-links button{border:0;background:none;color:var(--coral);font:800 11px/1.3 inherit;cursor:pointer}.check-email{display:grid;gap:12px}.check-email h3,.check-email p{margin:0}.check-email small{color:var(--muted)}.check-email button{margin-top:4px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--paper)}.auth-page>section{width:min(430px,100%);padding:32px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}
.auth-page [hidden],.auth-modal [hidden]{display:none!important}
.auth-page{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 20% 12%,rgba(255,255,255,.92),transparent 28%),radial-gradient(circle at 82% 76%,rgba(245,101,151,.18),transparent 34%),linear-gradient(145deg,#fff5f9 0,#ffe6f0 54%,#ffdce9 100%)}.auth-page:before,.auth-page:after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}.auth-page:before{top:-18vw;right:-10vw;width:42vw;height:42vw;background:rgba(255,255,255,.38);filter:blur(4px)}.auth-page:after{bottom:-180px;left:-120px;width:420px;height:420px;background:rgba(239,77,135,.09);filter:blur(2px)}.auth-page>section{position:relative;padding:36px;border-color:rgba(225,111,151,.3);background:rgba(255,250,252,.94);box-shadow:0 28px 80px rgba(103,39,65,.16);backdrop-filter:blur(18px)}.auth-page>section:before{content:"";position:absolute;inset:0 0 auto;height:4px;border-radius:20px 20px 0 0;background:linear-gradient(90deg,#f04f8c,#ff93b7)}.auth-page .eyebrow{margin:0 0 24px;color:#d83f78;font-size:11px;font-weight:850;letter-spacing:.13em}.auth-page h1{margin:0;color:#482735;font-size:clamp(27px,4vw,34px);line-height:1.12;letter-spacing:-.04em}.auth-page [data-auth-status]{margin:24px 0 0;color:#765664;font-size:13px}.auth-page [data-auth-retry]{display:inline-flex;margin-top:18px;color:#db4079;font-size:12px;font-weight:800;text-decoration:none}
@media(max-width:560px){.auth-page{min-height:100dvh;padding:14px}.auth-page>section{width:min(100%,360px);padding:25px 22px;border-radius:17px;box-shadow:0 18px 50px rgba(103,39,65,.14)}.auth-page>section:before{border-radius:17px 17px 0 0}.auth-page .eyebrow{margin-bottom:15px;font-size:9px}.auth-page h1{font-size:25px}.auth-page [data-auth-status]{margin-top:17px;font-size:12px}.auth-page .email-auth-form{gap:9px;margin-top:18px}.auth-page .email-auth-form input{min-height:42px}.auth-page .email-auth-form>button{min-height:43px}}
.auth-page>section{box-sizing:border-box}

.privacy-consent{position:fixed;z-index:1000;top:auto;right:auto;bottom:20px;left:20px;transform:none;width:340px;max-width:calc(100vw - 40px);padding:16px;border:1px solid var(--line);border-radius:18px;background:#fffdfb;box-shadow:0 12px 32px #3b233026;color:var(--ink);font:inherit;animation:privacy-enter .18s ease-out}.privacy-consent h2,.privacy-consent p{margin:0}.privacy-consent h2{font-size:18px;font-weight:700;line-height:1.2}.privacy-consent p{margin-top:6px;font-size:13px;line-height:1.42}.privacy-copy-mobile{display:none}.privacy-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:10px}.privacy-actions button{min-height:34px;width:100%;white-space:nowrap;border:1px solid var(--line);border-radius:9px;padding:7px 10px;background:transparent;color:inherit;font:inherit;font-size:11px;font-weight:750;text-align:center;cursor:pointer}.privacy-actions .privacy-accept{border-color:var(--coral);background:var(--coral);color:#fff}@keyframes privacy-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.privacy-consent{top:auto;right:10px;bottom:10px;left:10px;width:auto;max-width:none;padding:11px 12px;border-radius:16px}.privacy-consent h2{font-size:16px}.privacy-consent p{margin-top:4px;font-size:11px;line-height:1.3}.privacy-copy-desktop{display:none}.privacy-copy-mobile{display:inline}.privacy-actions{gap:8px;margin-top:8px}.privacy-actions button{min-height:35px;padding:6px;font-size:10px}}