:root { --ink:#223028; --muted:#6f786e; --forest:#163b30; --forest2:#0e2c27; --cream:#f8f6f1; --paper:#fffefb; --pink:#ce7a79; --coral:#b85f5a; --line:#e8e6df; --serif:'Cormorant Garamond', Georgia, 'Times New Roman',serif; --sans:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif; --mono:'DM Mono',monospace; }
  *{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:88px} body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased} a{color:inherit;text-decoration:none} button,input,select,textarea{font:inherit} button{cursor:pointer} button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c88372;outline-offset:3px} img{max-width:100%} ::selection{background:#e3c6bc;color:#163b30}
  .site-width{max-width:1220px;margin:0 auto;padding-left:28px;padding-right:28px}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.eyebrow::before{content:'';width:23px;height:1px;background:currentColor}.serif{font-family:var(--serif)}
  .btn{display:inline-flex;justify-content:center;align-items:center;gap:11px;padding:15px 24px;border-radius:999px;border:1px solid transparent;font-size:13px;font-weight:800;line-height:1.2;transition:transform .2s,background .2s,border .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-forest{color:white;background:var(--forest)}.btn-forest:hover{background:#235344}.btn-outline{background:transparent;color:var(--ink);border-color:#b5bbb2}.btn-outline:hover{border-color:var(--ink)}.btn-light{background:#f7efe8;color:#263228}.btn-small{padding:11px 17px;font-size:12px}.btn-svg{display:inline-block;width:16px;height:16px;stroke:currentColor;stroke-width:1.8;fill:none;vertical-align:middle;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
  .site-header{position:sticky;top:0;z-index:40;background:rgba(248,246,241,.92);border-bottom:1px solid #e8e7e1;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.head-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#204336;color:#fff3ea;font-family:var(--serif);font-style:italic;font-size:22px;line-height:1}.brand-word{font-size:19px;font-weight:800;letter-spacing:-.055em}.brand-word span{color:var(--pink)}.head-links{display:flex;align-items:center;gap:33px;margin-left:auto;margin-right:16px}.head-links a{font-size:12px;color:#4e594f;font-weight:700}.head-links a:hover{color:var(--coral)}.mobile-menu{display:none;background:transparent;border:0;padding:7px}
  .hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-main{min-height:670px;padding-top:86px;padding-bottom:77px;display:grid;grid-template-columns:1.03fr .97fr;gap:16px;align-items:center}.hero-text{z-index:2;position:relative}.hero-title{font-family:var(--serif);font-size:clamp(59px,6.1vw,95px);font-weight:500;line-height:1.06;letter-spacing:-.058em;margin:20px 0 25px}.hero-title i{color:#be7774;font-weight:400}.hero-lead{max-width:430px;font-size:15px;line-height:1.9;color:#687268;margin:0 0 24px}.hero-actions{display:none}.hero-social{margin-top:39px;display:flex;align-items:center;gap:13px}.social-avatars{display:flex;padding-left:2px}.social-avatars span{width:32px;height:32px;border:2px solid var(--cream);border-radius:50%;margin-left:-3px;display:grid;place-items:center;background:#d6b0a6;color:#4d3b33;font-size:15px}.social-avatars span:nth-child(2){background:#bed7c8}.social-avatars span:nth-child(3){background:#efc38a}.social-avatars span:nth-child(4){background:#d6bed4}.social-text{font-size:11px;color:#7c8479;line-height:1.55}.social-text strong{color:var(--forest)}
  .hero-art{height:510px;position:relative;isolation:isolate}.hero-art:before{content:'';position:absolute;left:15%;top:12%;width:69%;height:76%;border-radius:50%;background:#eadbd1;filter:blur(0);z-index:-1}.hero-orbit{position:absolute;inset:2% 6% 5%;border:1px solid #e2d8cb;border-radius:50%;transform:rotate(-24deg);z-index:-2}.decostar{position:absolute;right:4%;top:6%;font-size:49px;color:#ca9990;font-family:var(--serif)}.hero-postcard{position:absolute;left:1%;top:28px;width:215px;height:284px;background:#1b352f;border:7px solid white;border-radius:20px;box-shadow:0 16px 45px #2d3d3325;transform:rotate(-13deg);padding:18px;overflow:hidden}.postcard-top{font-size:9px;letter-spacing:.21em;color:#e0e9dc}.postcard-couple{position:absolute;inset:62px 0 0;background:linear-gradient(to top,rgba(12,36,30,.93),transparent 65%),url('https://images.unsplash.com/photo-1519741497674-611481863552?w=500&q=78') center/cover,linear-gradient(135deg,#8c9f92,#bc938a)}.postcard-title{position:absolute;bottom:21px;left:17px;right:17px;color:white;font:500 35px/.95 var(--serif);letter-spacing:-.05em}.postcard-title em{font-size:15px;letter-spacing:0}.hero-phone{position:absolute;left:39%;top:18px;width:255px;height:465px;border:7px solid #203d33;border-radius:37px;background:#e8eee9;box-shadow:0 24px 55px #1b2e2940;transform:rotate(7deg);overflow:hidden}.hero-phone:before{content:'';position:absolute;z-index:5;top:0;left:74px;width:92px;height:19px;border-radius:0 0 14px 14px;background:#203d33}.hp-chat-head{height:68px;background:#295744;color:white;display:flex;gap:8px;align-items:center;padding:17px 10px 4px}.hp-avatar{width:29px;height:29px;border-radius:50%;background:#dac1ab;display:grid;place-items:center;font-size:10px;font-weight:800;color:#684b42}.hp-title strong{font-size:10px;display:block}.hp-title small{display:block;font-size:8px;color:#d0e0d4}.hp-chat-bg{height:calc(100% - 68px);padding:14px 8px;background:radial-gradient(circle at 20% 20%,#f9f1e7 2px,transparent 3px) 0 0/22px 22px,#f5efe5}.chat-date{width:max-content;margin:0 auto 14px;background:#dfdcd1;border-radius:8px;padding:5px 10px;font-size:8px;color:#4a5d54}.chat-balloon{position:relative;width:max-content;max-width:85%;padding:10px;border-radius:12px;font-size:10px;line-height:1.55;margin:0 0 9px;box-shadow:0 1px 2px #0000000f}.chat-balloon.left{background:white;border-top-left-radius:3px}.chat-balloon.right{background:#d7ecd7;border-top-right-radius:3px;margin-left:auto}.chat-balloon .meta{display:block;text-align:right;color:#718a7c;font-size:7px;margin-top:4px}.hp-voice{display:flex;align-items:center;gap:8px;width:175px}.voice-play{border-radius:50%;width:24px;height:24px;display:grid;place-items:center;background:#477d64;color:white;flex-shrink:0}.wave{display:flex;gap:2px;align-items:center;height:24px}.wave i{display:block;width:2px;height:var(--h,12px);background:#7aa08e;border-radius:4px}.hero-float{position:absolute;right:1%;bottom:40px;background:#fffefb;border:1px solid #eeebe3;box-shadow:0 12px 35px #364f3b26;display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:16px;transform:rotate(-7deg);z-index:3}.float-gram{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(35deg,#f4ba73,#db5773,#835cc6);color:white;font-size:18px}.hero-float b{display:block;font-size:10px}.hero-float small{font-size:9px;color:#90978f}.ornament-txt{position:absolute;right:-4%;top:50%;transform:rotate(90deg);font:11px var(--mono);letter-spacing:.2em;color:#a3a29a}
  .marquee{background:#193d32;color:#e7e9df;overflow:hidden}.marquee-inner{display:flex;justify-content:center;align-items:center;gap:30px;padding:18px 20px;font-size:10px;font-weight:700;letter-spacing:.19em;text-transform:uppercase}.marquee-inner b{color:#d7a9a0;font-size:21px;font-family:var(--serif);font-weight:400}
  .collection{padding-top:110px;padding-bottom:110px}.section-header{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}.section-h2{font:500 clamp(39px,4.1vw,62px)/1.19 var(--serif);letter-spacing:-.055em;margin:13px 0 0}.section-copy{max-width:360px;color:#7a8177;font-size:13px;line-height:1.8}.filter-bar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:24px}.filter-btn{background:transparent;color:#627065;border:1px solid #dbddd6;border-radius:50px;padding:10px 16px;font-size:11px;font-weight:800}.filter-btn[aria-pressed="true"]{background:#233f33;color:white;border-color:#233f33}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.theme-card{overflow:hidden;background:#fffdf9;border:1px solid #e5e3dc;border-radius:18px;box-shadow:0 4px 10px #263b2806;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.theme-card:hover{transform:translateY(-4px);box-shadow:0 15px 34px #263b2812}.theme-card[hidden]{display:none!important}.theme-card.featured{grid-column:span 2;display:grid;grid-template-columns:1.04fr .96fr;min-height:380px}.theme-card.featured .theme-art{order:2;min-height:380px}.theme-card.featured .theme-body{order:1;padding:35px;justify-content:center}.theme-art{height:290px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.theme-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,transparent 72%,rgba(0,0,0,.035))}.theme-numeral{position:absolute;left:20px;top:18px;font-size:11px;font-family:var(--mono);color:rgba(255,255,255,.65);z-index:2}.theme-body{padding:23px;display:flex;flex:1;flex-direction:column}.theme-label{font:800 10px var(--sans);text-transform:uppercase;letter-spacing:.15em;color:#bb7770}.theme-name{font:600 29px var(--serif);letter-spacing:-.045em;margin:7px 0 6px}.theme-description{font-size:12px;color:#82877e;line-height:1.7;margin:0 0 14px;max-width:285px}.price-line{font-size:11px;font-weight:700;color:#3c5c4c;margin-top:5px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:21px}.theme-link{border:0;background:none;color:var(--forest);font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:6px;padding:5px 0}.theme-link:hover{color:var(--coral)}.theme-text-link{font-size:11px;font-weight:700;color:#978e84;background:none;border:0}.theme-text-link:hover{color:var(--ink)}.pill-tag{background:#fffdf9c9;border:1px solid #ffffff8b;border-radius:30px;color:#385848;padding:7px 11px;font-size:10px;font-weight:800;position:absolute;top:16px;right:16px;z-index:2;box-shadow:0 2px 6px #00000008}
  /* Theme art direction, each resembling its product experience, never pretending to be an original template screenshot. */
  .art-invichat{background:radial-gradient(circle at 95% 0,#98bfb1,transparent 48%),linear-gradient(130deg,#1c5546,#0d302b)}.feat-mini-phone{width:215px;height:320px;background:#efeae0;border:5px solid #f8f5ec;border-radius:23px;box-shadow:0 20px 28px #0b272b4f;transform:rotate(9deg) translate(13px,21px);overflow:hidden}.fmp-head{background:#376f58;color:white;padding:18px 10px 10px;font-size:10px;font-weight:800}.fmp-body{padding:18px 10px;background:radial-gradient(circle at 30% 40%,#edede1 4px,transparent 4px) 0 0/23px 24px}.fmp-msg{background:#fff;border-radius:10px;padding:9px 11px;font-size:10px;width:max-content;max-width:90%;margin-bottom:10px;color:#31473c;box-shadow:0 2px 2px #0000000a}.fmp-msg.b{background:#d5e9cd;margin-left:auto}.fmp-audio{display:flex;align-items:center;gap:7px;width:153px}.audio-bars{display:flex;align-items:center;gap:3px;height:18px}.audio-bars i{background:#5a9b7a;border-radius:2px;width:2px;height:var(--h,9px)}.fmp-heart{position:absolute;bottom:16px;left:10px;color:#ffffffd6;font:italic 42px var(--serif)}
  .art-invigram{background:linear-gradient(145deg,#f7d5bb,#efb8c6 62%,#e6d4ef)}.ig-phone{width:177px;height:273px;border:5px solid #fff;border-radius:18px;overflow:hidden;box-shadow:0 16px 25px #a4647738;background:white;transform:rotate(-7deg) translateY(26px)}.ig-head{font:italic 22px var(--serif);padding:8px 10px 4px;color:#41303b}.ig-story{display:flex;gap:6px;padding:6px 8px}.ig-story i{height:27px;width:27px;border-radius:50%;background:linear-gradient(90deg,#e6a571,#db6488,#8955af);padding:3px}.ig-story i:after{content:'';display:block;width:100%;height:100%;background:#e9c0ba;border:2px solid white;border-radius:50%;box-sizing:border-box}.ig-post{background:linear-gradient(25deg,#704b62,#d58f86 48%,#f3d8b8);height:121px;position:relative}.ig-post:after{content:'Dika  ♥  Rina';position:absolute;left:8px;bottom:14px;font:italic 24px var(--serif);color:white;text-shadow:0 2px 8px #34233666}.ig-caption{font-size:9px;color:#a36c7b;padding:10px}.ig-circle{position:absolute;border:2px solid #ffffffa8;border-radius:50%;width:55px;height:55px;left:8%;top:20%}
  .art-kitaflix{background:linear-gradient(145deg,#30212a,#111c22)}.flix-poster{height:270px;width:183px;box-shadow:0 13px 30px #000a;transform:rotate(4deg) translateY(27px);border-radius:7px;position:relative;overflow:hidden;background:linear-gradient(to top,#211e23 4%,transparent 80%),url('https://images.unsplash.com/photo-1519741497674-611481863552?w=500&q=80') center/cover,linear-gradient(140deg,#b9a49d,#536a65)}.flix-poster::before{content:'PENANTIANKITA ORIGINAL';position:absolute;color:#fff;border:1px solid #ffffff7a;letter-spacing:.15em;top:16px;left:12px;font:7px var(--mono);padding:5px}.flix-poster strong{position:absolute;left:15px;bottom:37px;font:500 30px/.96 var(--serif);color:#fff}.flix-poster small{position:absolute;left:15px;bottom:17px;color:#e7ded4;font-size:8px;letter-spacing:.13em}.flix-play{display:grid;place-items:center;position:absolute;right:18px;top:20px;background:#f34b4b;color:#fff;border-radius:50%;width:43px;height:43px;box-shadow:0 5px 22px #f34b4b55}
  .art-lovify{background:radial-gradient(circle at 0 0,#5c8b72,transparent 52%),linear-gradient(130deg,#073b31,#09251f)}.lovify-cover{width:180px;height:180px;border-radius:4px;background:radial-gradient(circle at 37% 33%,#e9c0a6 0,#b78c8d 27%,#637976 62%,#253936);box-shadow:0 18px 25px #0006;display:grid;place-items:center;transform:rotate(-9deg) translateY(-8px);position:relative;overflow:hidden}.lovify-cover:before{content:'';position:absolute;border:30px solid #f0d9bf55;transform:rotate(30deg);width:145px;height:145px}.lovify-cover span{font:italic 27px/.95 var(--serif);color:white;text-align:center;z-index:2;text-shadow:0 3px 7px #1d3a3566}.lovify-player{position:absolute;bottom:24px;left:20%;right:20%;background:#e7f5e3;border-radius:12px;padding:11px;display:flex;align-items:center;gap:9px;box-shadow:0 9px 15px #0003}.lovify-player b{font-size:9px;color:#284f42;white-space:nowrap}.lovify-player small{font-size:7px;color:#799586}.lovify-play{margin-left:auto;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#184d3d;color:white;font-size:12px}
  .art-maps{background:#e4eadf}.map-street{position:absolute;inset:0;width:100%;height:100%}.map-marker{position:absolute;left:17%;top:38%;background:#fff;border-radius:12px;padding:8px 9px;box-shadow:0 6px 15px #3c5f4b33;font-size:9px;font-weight:800;color:#315044;z-index:3;transform:rotate(-5deg)}.map-last{left:auto;top:auto;right:13%;bottom:21%;transform:rotate(5deg)}.map-car{position:absolute;left:54%;top:38%;z-index:3;width:40px;height:40px;border-radius:50%;background:#fff8;display:grid;place-items:center;font-size:25px;transform:rotate(25deg)}
  .strip{padding:80px 0;background:#eae9e1}.strip-inner{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:65px}.strip h2{font:500 clamp(40px,4.2vw,66px)/1.18 var(--serif);letter-spacing:-.055em;margin:13px 0 16px}.strip h2 em{color:var(--coral)}.strip p{font-size:13px;line-height:1.95;color:#6a766a;max-width:430px}.steps{display:grid;gap:17px}.step{display:flex;gap:17px;padding:20px 0;border-bottom:1px solid #d6d8ce}.step:last-child{border-bottom:0}.step-num{width:38px;height:38px;border:1px solid #b4c3b3;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;flex-shrink:0;color:#3b5d4d}.step-text b{font-size:14px}.step-text p{margin:5px 0 0;font-size:12px;line-height:1.65}
  .manifesto{background:#193d32;color:#fbf6ed;text-align:center;padding:112px 28px;position:relative;overflow:hidden}.manifesto:before,.manifesto:after{content:'✳';font:180px var(--serif);position:absolute;color:#ffffff08;top:10px;left:-35px}.manifesto:after{top:auto;bottom:-75px;left:auto;right:0}.manifesto .eyebrow{color:#e2b9ac}.manifesto h2{font:500 clamp(42px,5.4vw,77px)/1.18 var(--serif);letter-spacing:-.05em;max-width:930px;margin:20px auto 23px}.manifesto h2 em{color:#e3afa0}.manifesto p{color:#c0d0c5;line-height:1.9;font-size:13px;margin:0 auto 30px;max-width:520px}
  .faq-section{padding-top:105px;padding-bottom:100px;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-section h2{font:500 52px/1.2 var(--serif);letter-spacing:-.05em;margin:15px 0}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:19px 0}summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:13px;font-weight:800;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:var(--coral);font-size:21px;font-weight:500}details[open] summary:after{content:'−'}details p{font-size:12px;line-height:1.9;color:var(--muted);margin:14px 35px 4px 0}
  footer{border-top:1px solid var(--line);background:#fffefb}.footer-inner{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:50px;padding-top:55px;padding-bottom:50px}.footer-brand p{font-size:12px;color:#8a8d84;max-width:310px;line-height:1.8}.footer-col b{font-size:12px}.footer-col a,.footer-col button{display:block;margin-top:15px;color:#7b847a;font-size:12px;background:none;border:0;padding:0;text-align:left}.footer-col a:hover,.footer-col button:hover{color:var(--coral)}.footer-bottom{padding-top:20px;padding-bottom:24px;border-top:1px solid var(--line);font-size:11px;color:#9c9c94;display:flex;justify-content:space-between;gap:12px}
  .overlay{position:fixed;inset:0;z-index:100;background:#10231fbf;backdrop-filter:blur(9px);display:none;align-items:center;justify-content:center;padding:20px}.overlay[aria-hidden="false"]{display:flex}.dialog{background:#fffdf8;width:min(960px,100%);max-height:min(93dvh,900px);border-radius:20px;overflow:hidden;box-shadow:0 25px 100px #0005;display:flex;flex-direction:column}.dialog-header{height:73px;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #e9e8e0;flex-shrink:0}.dialog-header-title span{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#9b9990}.dialog-header-title strong{display:block;font:500 26px var(--serif);margin-top:3px}.close-btn{background:#eaece6;border:0;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:22px;color:#496154}.dialog-body{min-height:0;overflow:auto}.demo-body{display:grid;grid-template-columns:.82fr 1.18fr;min-height:540px}.demo-side{padding:37px 39px;background:#f8f5ef;display:flex;flex-direction:column}.demo-side .demo-number{font:12px var(--mono);color:#bc8179}.demo-side h3{font:500 45px/1.17 var(--serif);letter-spacing:-.045em;margin:30px 0 14px}.demo-side p{font-size:13px;line-height:1.9;color:#6a766d;max-width:285px}.demo-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#3b594d}.demo-side-bottom{margin-top:auto;display:grid;gap:10px;padding-top:30px}.demo-note{font-size:10px;color:#96998f;line-height:1.65}.demo-stage{background:#dcded7;display:flex;justify-content:center;align-items:center;min-height:535px;padding:25px 20px;position:relative;overflow:hidden}.demo-stage::before{content:'';position:absolute;inset:45px;border:1px solid #ffffffa8;border-radius:50%;pointer-events:none}.demo-phone{width:260px;height:495px;border:7px solid #263d35;border-radius:33px;background:#fff;box-shadow:0 18px 34px #1328213a;overflow:hidden;position:relative;z-index:2;display:flex;flex-direction:column}.demo-notch{position:absolute;width:95px;height:16px;background:#263d35;top:0;left:50%;transform:translateX(-50%);border-radius:0 0 12px 12px;z-index:10}.demo-phone-screen{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;background:#fff}.demo-phone-bottom{height:32px;background:inherit;display:grid;place-items:center;flex-shrink:0}.demo-phone-bottom:after{content:'';width:87px;height:4px;border-radius:5px;background:#273f35}.demo-phone-screen button{cursor:pointer}.preview-hint{background:#fff7d9;color:#83713f;text-align:center;font-size:9px;padding:6px 9px;font-weight:700}.demo-screen-chat{background:#f5f1e8;height:100%;padding-bottom:15px}.demo-screen-chat header{background:#326a54;color:white;padding:32px 12px 10px;font-size:12px;font-weight:800}.demo-screen-chat header small{display:block;font-size:8px;font-weight:400;color:#d5e8dc;margin-top:3px}.d-bubble{padding:9px 10px;border-radius:9px;max-width:85%;margin:13px 11px;font-size:11px;line-height:1.65;background:white;box-shadow:0 1px 3px #0001;animation:popIn .32s ease both}.d-bubble.out{background:#d4e9d3;margin-left:auto}.d-bubble audio{max-width:100%;height:24px}.d-bubble b{color:#376b53}.d-chat-action{background:#296950;border:0;border-radius:20px;color:white;padding:9px 13px;display:block;margin:15px auto;font-size:11px;font-weight:800}.d-chat-actions{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:14px 10px}.d-chat-actions button{border-radius:20px;border:1px solid #abcdb9;background:white;color:#1d5b47;padding:8px 10px;font-size:10px;font-weight:700}@keyframes popIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
  .d-gram{background:white;color:#261c22}.d-gram-head{display:flex;justify-content:space-between;padding:28px 13px 13px;font:italic 24px var(--serif);border-bottom:1px solid #eee}.d-gram-stories{display:flex;gap:12px;padding:12px 9px;overflow:hidden}.d-gram-stories span{text-align:center;font-size:8px;color:#8b8990}.d-gram-stories i{display:block;width:43px;height:43px;border-radius:50%;background:linear-gradient(140deg,#e9ac6b,#d9698c,#8468bd);border:3px solid #f8dfe4;margin-bottom:4px}.d-gram-post-head{padding:11px;display:flex;gap:8px;align-items:center;font-size:10px;font-weight:800}.d-gram-post-head i{width:26px;height:26px;border-radius:50%;background:#bd9288}.d-gram-photo{height:220px;display:flex;align-items:end;padding:16px;background:linear-gradient(to top,#293a3aaa,transparent 70%),url('https://images.unsplash.com/photo-1519741497674-611481863552?w=600&q=75') center/cover,linear-gradient(135deg,#b9a39c,#6e8b78);color:white;font:italic 31px var(--serif)}.d-gram-actions{display:flex;gap:12px;padding:11px;font-size:21px}.d-gram-actions button{border:0;background:none;font-size:21px}.d-gram-caption{padding:0 12px;font-size:10px;line-height:1.8}.d-gram-comment{background:#f4edf0;border-radius:15px;padding:9px;margin:12px;font-size:10px;color:#6a5560}
  .d-flix{background:#151a1c;color:white;height:100%}.d-flix-logo{padding:30px 14px 12px;color:#ff4747;letter-spacing:.08em;font-size:15px;font-weight:900}.d-flix-hero{height:279px;background:linear-gradient(to top,#151a1c 0,transparent 70%),url('https://images.unsplash.com/photo-1519741497674-611481863552?w=700&q=80') center/cover,linear-gradient(120deg,#8a807e,#394b47);display:flex;align-items:end;padding:20px 13px}.d-flix-hero h4{font:500 36px/.98 var(--serif);margin:0 0 7px}.d-flix-hero small{font-size:8px;color:#efdddd;letter-spacing:.14em}.d-flix-btn{display:block;width:calc(100% - 24px);margin:7px 12px 18px;padding:10px;border-radius:4px;background:#eee;color:#222;border:0;font-size:11px;font-weight:800}.d-flix-row{padding:0 12px;font-size:10px}.d-flix-episodes{display:flex;gap:7px;margin-top:9px}.d-flix-episodes span{background:#403f41;min-height:55px;border-radius:4px;padding:8px;flex:1;font-size:9px}
  .d-lovify{background:#09291f;color:white;min-height:100%;padding:29px 14px}.d-lovify .logo{font-weight:900;font-size:19px;letter-spacing:-.05em}.d-lovify-cover{margin:17px auto;width:175px;height:175px;background:radial-gradient(circle at 30% 25%,#f0c2a6,#b28083 38%,#314f47 75%);box-shadow:0 15px 27px #0006;display:grid;place-items:center}.d-lovify-cover span{font:italic 30px var(--serif);text-align:center}.d-lovify h4{font-size:15px;margin:19px 0 4px}.d-lovify p{font-size:10px;color:#a4bcb0;margin:0 0 15px}.d-progress{height:3px;background:#466b5e;border-radius:5px;margin:15px 0}.d-progress>span{display:block;width:33%;height:100%;border-radius:5px;background:#3ed190;transition:width .6s}.d-control{border:0;width:47px;height:47px;display:grid;place-items:center;border-radius:50%;font-size:17px;background:#36c881;color:#092e21;margin:14px auto}.d-track{border-top:1px solid #ffffff20;padding:10px 0;font-size:10px;display:flex;justify-content:space-between}.d-track small{color:#8eb39d}
  .d-maps{background:#e5eadf;min-height:100%;position:relative;padding:30px 12px 10px}.d-maps-header{position:relative;z-index:2;background:white;box-shadow:0 5px 12px #264e3c25;border-radius:11px;padding:12px;font-size:12px;font-weight:800}.d-maps-header small{display:block;font-weight:400;color:#82988a;font-size:9px;margin-top:5px}.d-maps-svg{position:absolute;inset:0;width:100%;height:100%}.d-maps-action{position:relative;z-index:3;background:white;border-radius:13px;padding:15px;box-shadow:0 8px 24px #5d716044;margin-top:260px}.d-maps-action b{font-size:12px}.d-maps-action p{font-size:10px;color:#758778;line-height:1.6}.d-maps-action button{border:0;background:#255d49;color:white;border-radius:20px;padding:10px 14px;font-size:10px;font-weight:800;width:100%}.d-map-car{position:absolute;z-index:2;left:36%;top:37%;font-size:23px;transition:transform 1.1s}
  .order-body{padding:28px;max-width:630px;margin:0 auto;width:100%}.order-body h3{font:500 30px var(--serif);margin:0 0 8px}.order-body p{font-size:12px;line-height:1.75;color:#7c817a}.order-form{display:grid;gap:14px;margin:26px 0}.form-label{font-size:11px;font-weight:800;color:#374d40}.form-field{width:100%;border:1px solid #d8ddd3;background:white;border-radius:10px;padding:12px 13px;font-size:13px;color:#304236;margin-top:7px}.order-summary{background:#f4f4eb;padding:14px;border:1px solid #e7eadb;border-radius:13px;font-size:11px;line-height:1.75;color:#617260}.order-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#163b30;color:white;border-radius:30px;padding:14px 20px;font-size:12px;font-weight:700;box-shadow:0 9px 35px #0003;z-index:200;transition:all .25s}.toast.show{opacity:1;transform:translate(-50%,0)}
  @media(min-width:1440px){.hero-main{min-height:720px}}@media(max-width:1050px){.hero-title{font-size:clamp(54px,7vw,77px)}.hero-art{transform:scale(.9);transform-origin:center}.hero-main{min-height:630px}.collection-grid{gap:14px}.theme-card.featured .theme-body{padding:23px}}@media(max-width:760px){.site-width{padding-left:20px;padding-right:20px}.head-inner{height:67px}.head-links{display:none;position:absolute;top:66px;left:0;right:0;background:#f8f6f1;padding:19px 22px 25px;border-bottom:1px solid var(--line);box-shadow:0 11px 14px #192e1c0f;flex-direction:column;align-items:flex-start;gap:18px}.head-links.open{display:flex}.head-cta{margin-left:auto}.head-cta .btn{padding:10px 13px;font-size:10px}.mobile-menu{display:block}.hero-main{display:block;min-height:unset;padding-top:56px;padding-bottom:36px}.hero-title{font-size:clamp(55px,11.3vw,83px);line-height:1.085;margin-top:15px}.hero-lead{font-size:14px;line-height:1.85}.hero-art{transform:none;height:410px;max-width:530px;margin:10px auto 0}.hero-postcard{left:8%;top:30px;width:178px;height:254px}.hero-phone{left:40%;top:15px;width:218px;height:390px}.hero-float{right:1%;bottom:13px}.ornament-txt{display:none}.hero-social{margin-top:24px}.marquee-inner{gap:15px;font-size:8px;padding:13px 8px}.marquee-inner b{font-size:14px}.collection{padding-top:75px;padding-bottom:75px}.section-header{display:block}.section-h2{font-size:46px}.section-copy{font-size:12px}.collection-grid{grid-template-columns:1fr 1fr;gap:12px}.theme-card.featured{grid-column:span 2;grid-template-columns:1fr 1fr;min-height:300px}.theme-card.featured .theme-art{min-height:300px}.theme-card.featured .theme-body{padding:22px}.theme-card.featured .theme-name{font-size:34px}.theme-art{height:225px}.theme-name{font-size:24px}.theme-body{padding:16px}.theme-description{font-size:11px}.pill-tag{font-size:9px;padding:5px 7px}.strip{padding:70px 0}.strip-inner{grid-template-columns:1fr;gap:20px}.faq-section{padding-top:70px;padding-bottom:70px;grid-template-columns:1fr;gap:20px}.faq-section h2{font-size:46px}.manifesto{padding:80px 25px}.footer-inner{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:span 2}.demo-body{grid-template-columns:1fr}.demo-side{padding:20px 22px}.demo-side h3{margin:8px 0;font-size:31px}.demo-side p{margin:7px 0;font-size:11px}.demo-side-bottom{padding-top:15px;display:flex;align-items:center}.demo-note{display:none}.demo-stage{min-height:505px;padding:16px}.dialog-header{height:63px}.dialog-header-title strong{font-size:22px}}
  @media(max-width:460px){.head-inner{gap:9px}.brand-word{font-size:17px}.brand-mark{width:31px;height:31px;font-size:19px}.hero-title{font-size:clamp(53px,13vw,67px)}.hero-art{height:360px}.hero-postcard{left:2%;top:23px;width:155px;height:223px}.postcard-title{font-size:27px}.hero-phone{left:39%;top:12px;width:190px;height:350px;border-width:6px;border-radius:29px}.hero-phone:before{left:52px}.hp-chat-head{height:61px}.hp-chat-bg{height:calc(100% - 61px);padding-top:9px}.chat-balloon{font-size:8.5px;margin-bottom:7px;padding:8px}.hero-float{right:-1%;bottom:5px}.hero-float b{font-size:8px}.hero-float small{font-size:8px}.hero-social{margin-bottom:14px}.marquee-inner{gap:8px;letter-spacing:.06em}.section-h2{font-size:42px}.rail-meta{gap:10px}.all-themes-link{width:min(100%,250px);padding:15px 22px;border-radius:14px}.collection-grid{display:flex;flex-direction:column}.theme-card.featured{display:flex;flex-direction:column}.theme-card.featured .theme-art{order:0;min-height:290px}.theme-card.featured .theme-body{order:1;padding:22px}.theme-card.featured .theme-name{font-size:29px}.theme-card:not(.featured){display:grid;grid-template-columns:42% 58%;min-height:188px}.theme-card:not(.featured) .theme-art{height:100%;min-height:188px}.theme-card:not(.featured) .theme-body{padding:14px}.theme-card:not(.featured) .theme-name{font-size:23px}.theme-card:not(.featured) .theme-description{font-size:10px;line-height:1.6}.theme-card:not(.featured) .card-bottom{padding-top:8px}.theme-card:not(.featured) .theme-text-link{display:none}.theme-card:not(.featured) .theme-link{font-size:11px}.theme-card:not(.featured) .pill-tag{font-size:8px;top:7px;right:7px}.ig-phone{transform:rotate(-7deg) translateY(30px) scale(.9)}.flix-poster{transform:rotate(4deg) translateY(30px) scale(.8)}.lovify-cover{transform:rotate(-9deg) translateY(-14px) scale(.8)}.lovify-player{left:5%;right:5%;bottom:17px}.footer-bottom{flex-direction:column}.dialog{max-height:96dvh;border-radius:15px}.overlay{padding:8px}.demo-side{padding:17px 18px}.demo-side-bottom{gap:8px}.demo-side-bottom .btn{font-size:11px;padding:11px 14px}.demo-stage{min-height:510px}.demo-phone{height:475px}.order-body{padding:20px}.order-actions .btn{width:100%}}
  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

  /* Prototype variant: Boutique Catalog — marketplace-like 2-up grid on mobile,
     but generous spacing and editorial product cards. No production changes. */
  @media (max-width: 620px) {
    .collection {padding-top:66px;padding-bottom:77px}
    .collection .section-h2 {font-size:clamp(38px,9vw,48px)}
    .collection .section-copy {font-size:12px;line-height:1.7;margin-top:12px}
    .filter-bar {flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:7px;padding:3px 0 14px;margin-bottom:8px;-webkit-overflow-scrolling:touch}
    .filter-bar::-webkit-scrollbar {display:none}
    .filter-btn {flex-shrink:0;padding:9px 13px;font-size:10px}
    .collection-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
    .theme-card,.theme-card:not(.featured) {display:flex;flex-direction:column;min-width:0;min-height:0;border-radius:15px;overflow:hidden}
    .theme-card:not(.featured) .theme-art {width:100%;height:205px;min-height:0;flex-shrink:0;order:0}
    .theme-card:not(.featured) .theme-body {padding:14px 12px 13px;display:flex;flex:1;flex-direction:column;min-width:0;order:1}
    .theme-card:not(.featured) .theme-name {font-size:clamp(21px,5.3vw,27px);line-height:1.12;margin:7px 0 8px;overflow-wrap:anywhere}
    .theme-card:not(.featured) .theme-label {font-size:8px;letter-spacing:.12em;line-height:1.55}
    .theme-card:not(.featured) .theme-description {font-size:10px;line-height:1.55;max-width:none;min-height:46px;margin:0 0 9px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
    .theme-card:not(.featured) .card-bottom {padding-top:8px;gap:5px;align-items:stretch;flex-direction:column}
    .theme-card:not(.featured) .theme-link {padding:10px 8px;border:1px solid #d9dfd5;border-radius:9px;background:#f3f6ef;display:flex;justify-content:center;gap:6px;font-size:10px;width:100%;text-align:center;line-height:1.4}
    .theme-card:not(.featured) .theme-link .btn-svg {width:12px;height:12px;flex-shrink:0}
    .theme-card:not(.featured) .theme-text-link {display:none}
    .theme-card:not(.featured) .pill-tag {font-size:8px;top:9px;right:9px;padding:5px 7px}
    .theme-card:not(.featured) .theme-numeral {display:none}
    .theme-card.featured {grid-column:1 / -1;display:flex;flex-direction:column;min-height:0;border-radius:17px}
    .theme-card.featured .theme-art {order:0;height:315px;min-height:315px}
    .theme-card.featured .theme-body {order:1;padding:20px 20px 19px;display:flex;flex-direction:column;min-height:0}
    .theme-card.featured .theme-name {font-size:37px;margin:5px 0 9px}
    .theme-card.featured .theme-description {font-size:12px;line-height:1.7;margin-bottom:10px;max-width:100%}
    .theme-card.featured .price-line {margin-bottom:8px}
    .theme-card.featured .card-bottom {padding-top:10px;margin-top:0}
    .theme-card.featured .theme-link {background:#204638;color:#fff;border-radius:10px;padding:12px 15px}
    .theme-card.featured .theme-text-link {font-size:11px}
    .ig-phone {transform:rotate(-7deg) translateY(30px) scale(.74)}
    .flix-poster {transform:rotate(4deg) translateY(25px) scale(.72)}
    .flix-play {width:32px;height:32px;right:10px;top:18px;font-size:11px}
    .lovify-cover {transform:rotate(-9deg) translateY(-18px) scale(.77)}
    .lovify-player {bottom:12px;left:7%;right:7%;padding:8px;gap:4px}
    .lovify-player b {font-size:7px}.lovify-player small {font-size:6px}
    .lovify-play {width:20px;height:20px;font-size:9px}
    .map-marker {font-size:7px;padding:6px 7px}
    .map-car {font-size:20px;width:30px;height:30px}
  }
  @media(max-width:370px) {
    .collection.site-width {padding-left:15px;padding-right:15px}
    .collection-grid {gap:9px}
    .theme-card:not(.featured) .theme-art {height:187px}
    .theme-card:not(.featured) .theme-body {padding:12px 10px}
    .theme-card:not(.featured) .theme-name {font-size:20px}
    .theme-card:not(.featured) .theme-link {font-size:9px;padding:9px 5px}
  }


  /* Premium-template + admin-service conversion layer */
  .hero-title{font-size:clamp(54px,5.7vw,86px);line-height:1.075;max-width:590px}
  .hero-social .social-avatars span{font-family:var(--mono);font-size:10px;font-weight:700}
  .catalog-help{margin:-3px 0 22px;border:1px solid #e2e8de;background:#f0f4ed;border-radius:13px;padding:13px 16px;display:flex;gap:8px;align-items:center;color:#54705c;font-size:11px;line-height:1.7}
  .catalog-help strong{color:#264d3a}.catalog-dot{width:8px;height:8px;flex-shrink:0;background:#8ab19a;border-radius:50%}
  .promise-strip{background:#f0f0e8;border-top:1px solid #e2e5db;border-bottom:1px solid #e2e5db}
  .promise-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:22px;padding-bottom:22px}
  .promise-inner>div{display:flex;align-items:center;gap:12px;border-right:1px solid #d9ded4;min-width:0}.promise-inner>div:last-child{border:0}
  .promise-inner b{display:block;font-size:12px;color:#284436;margin-bottom:2px}.promise-inner small{font-size:10px;color:#7a8879}
  .promise-icon{font-size:21px;color:#ba8880;font-family:var(--serif);width:34px;flex-shrink:0}
  .process-highlight{margin-top:27px;padding:16px 18px;max-width:405px;display:flex;align-items:flex-start;gap:13px;background:#fffdf8;border:1px solid #e6e2d6;border-radius:15px;box-shadow:0 6px 20px #182c2110}
  .process-highlight>span{color:#ba8276;font-size:22px}.process-highlight b{display:block;color:#385c46;font-size:12px;margin-bottom:4px}.process-highlight small{font-size:11px;color:#7e867b;line-height:1.6;display:block}
  .personal-section{background:#ecece3;padding:94px 0}.personal-inner{display:grid;grid-template-columns:1fr 1.02fr;gap:75px;align-items:center}
  .personal-intro .eyebrow{color:#b17b71}.personal-intro h2{font:500 clamp(39px,4.2vw,60px)/1.15 var(--serif);letter-spacing:-.05em;margin:18px 0 18px}
  .personal-intro h2 em{color:#bd7e77}.personal-intro p{max-width:440px;color:#7c847b;font-size:13px;line-height:1.85;margin:0 0 24px}
  .scope-panel{background:#fffdf8;border:1px solid #dddace;border-radius:20px;padding:30px;box-shadow:0 17px 50px #142d1e0b}
  .scope-row{display:flex;align-items:flex-start;gap:16px;padding:13px 0 20px}.scope-row+.scope-row{border-top:1px solid #eae8e0;padding-top:23px}
  .scope-symbol{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-weight:800;color:#876c63;background:#f2e8e2}
  .scope-row.positive .scope-symbol{color:#29583d;background:#deeddf}.scope-row h3{margin:0 0 6px;font-size:14px;color:#243d2e}.scope-row p{font-size:12px;line-height:1.8;color:#7b8478;margin:0}
  .scope-foot{font-size:10px;color:#958477;background:#faf5ed;padding:11px 13px;border-radius:10px;line-height:1.7}
  .cta-section{padding:70px 0;background:var(--forest);color:#fff}
  .cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-inner .eyebrow{color:#ddb8a4}.cta-inner h2{font:500 clamp(36px,4vw,56px)/1.16 var(--serif);letter-spacing:-.045em;margin:14px 0}.cta-inner h2 em{color:#f1c4b9}.cta-inner p{max-width:530px;color:#c2d5c8;font-size:12px;line-height:1.9;margin:0}.cta-inner .btn{flex-shrink:0}
  @media(max-width:1000px){.personal-inner{gap:30px}.hero-title{font-size:clamp(47px,5.7vw,74px)}}
  @media(max-width:700px){.promise-inner{gap:6px}.promise-inner>div{gap:6px;padding-right:4px}.promise-icon{width:20px;font-size:16px}.promise-inner b{font-size:10px}.promise-inner small{font-size:8px;line-height:1.4;display:block}}
  @media(max-width:620px){
    .hero-title{font-size:clamp(43px,10vw,56px);line-height:1.09;margin-top:16px}
    .promise-inner{grid-template-columns:1fr;gap:13px;padding-top:19px;padding-bottom:19px}.promise-inner>div{border:0;gap:12px}.promise-icon{font-size:21px;width:24px}.promise-inner b{font-size:11px}.promise-inner small{font-size:10px}
    .catalog-help{font-size:10px;line-height:1.6;padding:10px 12px;margin-bottom:15px}
    .personal-section{padding:68px 0}.personal-inner{grid-template-columns:1fr;gap:25px}.personal-intro h2{font-size:42px}.scope-panel{padding:18px;border-radius:16px}
    .cta-section{padding:57px 0}.cta-inner{align-items:flex-start;flex-direction:column;gap:23px}.cta-inner h2{font-size:37px}.cta-inner .btn{width:100%}
    .theme-card:not(.featured) .theme-text-link{display:flex;justify-content:center;border:1px solid #e8e2dc;border-radius:9px;padding:9px 5px;font-size:10px;color:#6d4c44;background:#fff6f0;width:100%}
  }



/* PENANTIANKITA DARK EDITORIAL  —  showcase concept, NOT a production release.
   Quiet luxury: ink-black backgrounds, warm ivory type, muted champagne accent.
   Product cards keep 2-up grid on phones; actual UI previews remain theme-colored. */
:root{
  color-scheme:dark;
  --ink:#f4f0ea; --muted:#a09d99; --forest:#d9c7a9; --forest2:#b79b74;
  --cream:#090a0b; --paper:#151618; --pink:#ddc5a9; --coral:#c5a987;
  --line:#292a2c;
  --night:#090a0b; --panel:#151618; --panel2:#1d1e20; --milk:#f2ece3;
  --champagne:#d7c0a0; --secondary:#aaa8a3;
}
html{scroll-padding-top:78px}body{background:var(--night);color:var(--milk)}
::selection{background:#a99170;color:#0b0c0e}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #e7d1ab;outline-offset:3px}
.site-width{max-width:1270px}
.eyebrow{color:var(--champagne);font-size:10px;letter-spacing:.21em}
.eyebrow::before{width:24px;background:currentColor;opacity:.8}
.btn{border-radius:8px;padding:16px 25px;letter-spacing:.015em;transition:background .2s,border-color .2s,transform .2s}
.btn-forest{background:#e8decf;color:#141415;border-color:#e8decf}
.btn-forest:hover{background:#fff8ed;border-color:#fff8ed}
.btn-outline{color:#f0ede7;border-color:#575453;background:transparent}
.btn-outline:hover{background:#222327;border-color:#d0bca5}
.btn-light{background:#eee1d0;color:#161717}
.btn-small{padding:12px 19px;border-radius:7px}
.site-header{background:rgba(10,11,13,.90);border-bottom:1px solid #272729;box-shadow:0 6px 38px #0003}
.head-inner{height:78px}.brand-mark{background:#e5d5bb;color:#121314;border-radius:50%}
.brand-word{color:#eee9e2}.brand-word span{color:#cdb491}
.head-links a{color:#bdbbb6;letter-spacing:.02em;font-weight:600}
.head-links a:hover{color:#f2d9af}.mobile-menu{color:#e8e4dd}
.head-links{background:transparent}
.prototype-note{background:#1a1b1d!important;color:#bcb4a9!important;border-color:#363331!important;letter-spacing:.015em}
.hero{background:radial-gradient(ellipse at 76% 44%,#242120 0,#141415 36%,#090a0b 72%);border-color:#242426}
.hero-main{min-height:735px;gap:40px;padding-top:95px;padding-bottom:95px}
.hero-text .eyebrow{color:#d3b28c!important}
.hero-title{color:#f4f0e8;font-size:clamp(63px,6.3vw,99px);letter-spacing:-.065em}
.hero-title i{color:#d4b99b;font-weight:400}
.hero-lead{color:#b9b6b2;font-size:15px;line-height:1.95}
.hero-lead strong{color:#eee5d7!important}
.hero-social{border-top:1px solid #373330;padding-top:24px;max-width:402px;margin-top:38px}
.social-avatars span{border-color:#111214;filter:saturate(.6)}
.social-text{color:#a5a19b}.social-text strong{color:#e2d2bc}
.hero-art{filter:drop-shadow(0 12px 32px #0004)}
.hero-art:before{background:radial-gradient(circle,#5a4739 0,#342b26 44%,#121212 75%);opacity:.75}
.hero-orbit{border-color:#665346;opacity:.5}
.decostar{color:#c1a07b}.ornament-txt{color:#8d8177}
.hero-postcard{background:#141718;border-color:#bdb1a0;box-shadow:0 28px 60px #0008}
.hero-phone{border-color:#111a17;box-shadow:0 30px 65px #000a}
.hero-phone:before{background:#111a17}
.hero-float{background:#1b1d1c;border-color:#6a5548;box-shadow:0 14px 40px #0008;color:#f2e7d5}
.hero-float small{color:#c3b4a8}
.marquee{background:#d5c1a5;color:#1d1a17;border-top:1px solid #e0c9ac;border-bottom:1px solid #c0a98a}
.marquee-inner{font-size:10px;letter-spacing:.18em}.marquee-inner b{color:#8b5f43}
.collection{padding-top:115px;padding-bottom:110px}
.section-h2{color:#f4eee5;line-height:1.11}
.section-h2 em{color:#cbb08c!important}
.section-copy{color:#aaa6a0}.section-copy strong{color:#e4d7c7}
.filter-bar{margin-bottom:25px;gap:10px}
.filter-btn{color:#b5b0aa;border-color:#43413e;background:#151618;border-radius:7px;padding:11px 17px;font-weight:600;letter-spacing:.02em}
.filter-btn:hover{background:#242424;border-color:#86735c}
.filter-btn[aria-pressed=true]{background:#e1d0b7;color:#181716;border-color:#e1d0b7}
.catalog-help{background:#181918;border:1px solid #343332;color:#bbb3a7;border-radius:9px}
.catalog-help strong{color:#ebdfc7}.catalog-dot{background:#cbb58d;box-shadow:0 0 0 4px #bba4811c}
.collection-grid{gap:20px}
.theme-card{background:var(--panel);border:1px solid #2d2d2e;border-radius:12px;box-shadow:none;transition:transform .22s,border-color .22s,box-shadow .22s}
.theme-card:hover{border-color:#89725b;box-shadow:0 18px 40px #0006;transform:translateY(-4px)}
.theme-card.featured{background:linear-gradient(135deg,#1e1d1a,#111314)}
.theme-card.featured .theme-body{padding:44px}
.theme-body{padding:24px}
.theme-art:after{background:linear-gradient(to bottom,transparent 75%,#00000011)}
.theme-label{color:#c8a982;letter-spacing:.18em;font-size:9px}
.theme-name{color:#f3eee7;font-size:32px;font-weight:500;letter-spacing:-.042em}
.theme-description{color:#b2ada5}
.price-line{color:#ead9c2;font-size:13px}
.price-line span{color:#96918c!important}
.card-bottom{border-top:1px solid #343333;margin-top:auto;padding-top:16px}
.theme-link{color:#e4d5be;font-weight:700;letter-spacing:.01em}
.theme-link:hover{color:#fff}
.theme-text-link{color:#afaca7}.theme-text-link:hover{color:white}
.pill-tag{background:#171717dc;border:1px solid #d3ba966e;border-radius:5px;color:#eed7b8;font-weight:700;box-shadow:0 3px 15px #0003}
.theme-numeral{color:#ffffffb5}
/* Keep product previews vivid, rather than draining their identities in a dark shell */
.art-invichat{background:radial-gradient(circle at 95% 0,#6ca992,transparent 48%),linear-gradient(130deg,#204f45,#0b2925)}
.art-invigram{background:linear-gradient(145deg,#d4a898,#dfadb9 62%,#bcb4d0)}
.art-kitaflix{background:linear-gradient(145deg,#322329,#0c1216)}
.art-lovify{background:radial-gradient(circle at 0 0,#417663,transparent 52%),linear-gradient(130deg,#073b31,#09251f)}
.art-maps{background:#b9c9be}
.promise-strip{background:#111214;border-top:1px solid #292a2c;border-bottom:1px solid #292a2c}
.promise-inner b{color:#e9e2d8}.promise-inner small{color:#a8a49e}
.promise-inner>div:not(:last-child){border-color:#373536}
.promise-icon{color:#d5b998}
.strip{background:#131416;border-top:1px solid #242426;border-bottom:1px solid #272729;padding-top:105px;padding-bottom:105px}
.strip h2{color:#f6eee5}.strip h2 em{color:#cdb18f}
.strip p{color:#aba69f}.step{border-color:#383634}
.step-num{border-color:#7e705e;color:#e2c8a4}.step-text b{color:#ede5da}
.personal-section{background:#090a0b;border-bottom:1px solid #242424;padding-top:110px;padding-bottom:110px}
.personal-intro .eyebrow{color:#d4b38d}
.personal-intro h2{color:#f3eee6}.personal-intro h2 em{color:#ceb394}
.personal-intro p{color:#aaa7a0}
.scope-panel{background:#181919;border:1px solid #343433;border-radius:13px;box-shadow:0 18px 60px #0006}
.scope-row:not(:last-of-type){border-bottom-color:#353535}
.scope-row h3{color:#ece5db}.scope-row p{color:#aba79f}
.scope-symbol{background:#37312e;color:#ceb5a0}.scope-row.positive .scope-symbol{background:#41402f;color:#e4d1b0}
.scope-foot{background:#252321;color:#b6aaa0}
.cta-section{position:relative;background:radial-gradient(ellipse at 80% 20%,#383128 0,#1e1c1a 40%,#101112 100%);border-top:1px solid #5f4b36;border-bottom:1px solid #514335;padding:86px 0}
.cta-inner .eyebrow{color:#ddbc93}.cta-inner h2{color:#f4eee6}.cta-inner h2 em{color:#e0bf9b}
.cta-inner p{color:#c7bdb2}
.cta-inner .btn-light{background:#f2e7d8;color:#171718}
.faq-section{padding-top:112px;padding-bottom:112px}
.faq-section h2{color:#f2eee7}.faq-list{border-color:#343435}
details{border-color:#363535}summary{color:#ede5da}summary:after{color:#d9b999}details p{color:#aaa6a0}
footer{background:#0c0d0e;border-color:#343230}
.footer-brand p{color:#a29c96}.footer-col b{color:#e8e0d6}.footer-col a,.footer-col button{color:#a9a29c}.footer-col a:hover,.footer-col button:hover{color:#e2c09b}
.footer-bottom{color:#827e79;border-color:#302f2e}
/* Modal surfaces mirror the premium page, but preserve each demo's own UI colors. */
.overlay{background:#050505da;backdrop-filter:blur(14px)}
.dialog{background:#151616;color:#eee6dc;border:1px solid #575047;border-radius:13px;box-shadow:0 32px 120px #000c}
.dialog-header{background:#1a1a1b;border-color:#393636}
.dialog-header-title span{color:#c9ad88}.dialog-header-title strong{color:#f1e9dc}
.close-btn{background:#303031;color:#e9e0d5}
.demo-side{background:#18191a}.demo-side .demo-number{color:#d3b08b}
.demo-side h3{color:#f0e7da}.demo-side p{color:#b0aba4}.demo-label{color:#d0b28d}.demo-note{color:#98938d}
.demo-stage{background:radial-gradient(circle at center,#4a4540,#242424 60%,#181818 100%)}
.demo-stage::before{border-color:#b7a08333}.demo-phone{border-color:#131717;box-shadow:0 20px 55px #0009}
.demo-phone-bottom{background:#151719}.demo-phone-bottom:after{background:#dfd5c8}
.order-body h3{color:#f2e9dc}.order-body p{color:#b7b2aa}
.form-label{color:#e7d4bc}.form-field{background:#232426;color:#f3ebdf;border:1px solid #4a4743}
.form-field::placeholder{color:#87847f}
.form-field option{background:#232426;color:#f3ebdf}
.order-summary{background:#24221f;border:1px solid #5c4d3d;color:#cfc2ad}
.order-actions .btn-outline{color:#eee2d4;border-color:#67605a}
.toast{background:#e3d4bd;color:#151413}
/* Some original copy carries inline palette choices from the light prototype. */
.hero-text .eyebrow,.section-header .eyebrow,.personal-intro .eyebrow{color:#d1b08a!important}
.theme-card .price-line span{color:#a39d95!important}
/* keep mobile two-up marketplace clarity while retaining the editorial treatment */
@media(max-width:760px){
 .head-links{background:#151516;border-color:#353332;box-shadow:0 12px 25px #0009}
 .head-links a{color:#efe6d8}
 .hero-main{padding-top:55px;padding-bottom:52px}
 .hero-title{font-size:clamp(52px,10.4vw,76px)}
 .theme-card.featured .theme-body{padding:22px}
 .section-h2{font-size:clamp(40px,8.5vw,52px)}
}
@media(max-width:620px){
 .collection{padding-top:79px;padding-bottom:86px}
 .filter-bar{margin-bottom:12px}
 .filter-btn{padding:10px 13px;font-size:10px;border-radius:6px}
 .theme-card,.theme-card:not(.featured){border-radius:9px}
 .theme-card:not(.featured) .theme-body{background:#171819}
 .theme-card:not(.featured) .theme-link{background:#282726;border:1px solid #625748;color:#eee0ca;border-radius:6px}
 .theme-card:not(.featured) .theme-text-link{background:#211f1e;border:1px solid #4c4136;color:#e4cbb0;border-radius:6px}
 .theme-card.featured .theme-link{background:#e2d2bb;color:#151515;border-radius:6px}
 .theme-card.featured .card-bottom{border-color:#48423c}
 .theme-card:not(.featured) .card-bottom{border-color:#36332f}
 .theme-card .pill-tag{background:#161616d9;color:#f2dfca}
 .personal-section{padding:79px 0}
 .strip{padding:75px 0}
 .cta-section{padding:70px 0}
 .faq-section{padding-top:80px;padding-bottom:80px}
}
@media(max-width:400px){
 .hero-title{font-size:clamp(48px,12.2vw,58px)}
 .theme-card:not(.featured) .theme-description{color:#b0aba5}
}


/* Visual-first LP V3 overrides */

html{scroll-behavior:smooth;scroll-padding-top:65px}
body{background:#08090a;color:#eee9e2}
.site-width{max-width:1240px;padding-left:32px;padding-right:32px}
.site-header{background:#0c0d0dec;border-bottom:1px solid #252626}
.head-inner{height:68px}
.brand-mark{height:31px;width:31px;font-size:18px;background:#d7bd99}
.brand-word{font-size:18px}
.head-links{gap:23px;margin-right:0}
.head-cta .btn{background:transparent;border:1px solid #85735c;color:#eee2d0;padding:10px 16px}
.head-cta .btn:hover{background:#22201b}
.new-hero-grid{min-height:630px;display:grid;grid-template-columns:1fr 1.03fr;align-items:center;gap:28px;padding-top:45px;padding-bottom:45px}
.hero{background:radial-gradient(ellipse at 79% 33%,#2e2520 0,#171514 34%,#0a0b0c 75%)}
.hero-kicker,.tiny-label{font-family:var(--mono);font-size:10px;color:#c3a47c;letter-spacing:.18em;font-weight:500}
.hero-title{font-size:clamp(65px,6.7vw,104px);line-height:1.025;letter-spacing:-.062em;max-width:620px;margin:22px 0 20px}
.hero-title em{color:#d9bb96;font-weight:400;font-style:italic}
.hero-lead{max-width:none;color:#ded8d0;font-size:15px;line-height:1.6;margin:0 0 29px;letter-spacing:.012em}
.hero-lead span{color:#abaaa6}
.hero-actions{gap:10px}.hero-actions .btn{padding:14px 21px;font-size:12px}
.hero-under{font-size:9px;letter-spacing:.16em;color:#736e68;border-top:1px solid #35312d;padding-top:20px;margin-top:49px;max-width:405px}
.hero-visual{position:relative;min-width:0;overflow:hidden;height:490px}
.hero-visual .hero-art{height:490px;filter:drop-shadow(0 10px 30px #0005)}
.hero-visual-caption{position:absolute;right:17px;bottom:12px;color:#bcb0a2;letter-spacing:.15em;font:9px var(--mono)}
.hero-visual-caption span{color:#e0b684}
/* First content is products; no big explanatory sections */
.collection{padding-top:94px;padding-bottom:95px}
.new-section-top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}
.section-h2{font-size:clamp(44px,4.8vw,71px);font-weight:400;margin:8px 0 0;line-height:1.1}
.gold-dot{color:#ddbc91}
.section-aside{font:10px var(--mono);letter-spacing:.1em;color:#817c72;white-space:nowrap;padding-bottom:8px}
.filter-bar{gap:8px;margin-bottom:23px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.filter-bar::-webkit-scrollbar{display:none}
.filter-btn{border-radius:6px;padding:10px 17px;white-space:nowrap;font-size:11px;flex-shrink:0}
.filter-btn span{font-size:9px;opacity:.6;margin-left:6px}
.collection-grid{gap:17px;grid-template-columns:repeat(2,minmax(0,1fr))}
.theme-card{background:#141516;border:1px solid #302d2b;border-radius:9px;box-shadow:none;min-width:0}
.theme-card:hover{border-color:#ba9473}
.theme-card.featured{grid-column:span 2;grid-template-columns:1fr 1.03fr;min-height:370px}
.theme-card.featured .theme-art{min-height:370px;order:2}
.theme-card.featured .theme-body{order:1;padding:43px 42px;justify-content:center}
.theme-art{height:365px}
.theme-card:not(.featured) .theme-art{height:390px}
.theme-body{padding:24px 24px 21px;gap:0}
.theme-name{font-size:clamp(25px,2.8vw,37px);line-height:1.2;margin:0 0 8px;letter-spacing:-.04em}
.theme-description{font-size:13px;line-height:1.7;color:#b6aca1;margin:0 0 15px;min-height:0}
.theme-card.featured .theme-name{font-size:54px;line-height:1.1}
.theme-card.featured .theme-description{font:italic 25px/1.3 var(--serif);max-width:270px;margin-bottom:24px;color:#e6dccf}
.price-line{font-size:20px;font-weight:600;margin:1px 0 22px;color:#dfc7a7}
.price-line small{font:10px var(--sans);color:#998e82}
.theme-card .card-bottom{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-top:auto;padding-top:16px;border-color:#34312e}
.theme-card .theme-link{display:flex;align-items:center;justify-content:center;background:#e5d6bf;border:1px solid #e5d6bf;border-radius:5px;color:#151413;font-size:12px;font-weight:700;padding:12px 16px;text-transform:none;white-space:nowrap}
.theme-card .theme-link:hover{background:#fff4e2;color:#151413}
.theme-card .theme-text-link{color:#c1b7ab;font-weight:600;font-size:12px;white-space:nowrap}
.theme-card .theme-text-link:hover{color:#fff}
.theme-numeral{letter-spacing:.13em;font-size:9px}
.pill-tag{font-size:9px}
.catalog-disclaimer{max-width:650px;font-size:11px;line-height:1.7;color:#807d78;margin:21px 0 0}
/* Very compact service explanation, no FAQ, no repetitive selling */
.process{padding:90px 0;background:#121315;border-block:1px solid #2a2927}
.process-inner{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:100px}
.process h2{font:400 clamp(43px,4.2vw,64px)/1.17 var(--serif);letter-spacing:-.046em;margin:18px 0;color:#f1ede6}
.process h2 em{color:#d7bd99}
.process-list{display:grid;gap:0}
.process-list>div{display:grid;grid-template-columns:42px 1fr;gap:2px 13px;align-items:baseline;border-bottom:1px solid #393530;padding:19px 0}
.process-list>div:first-child{border-top:1px solid #393530}
.process-list small{font:11px var(--mono);color:#c8a379;grid-row:span 2}
.process-list strong{font:500 18px var(--serif);color:#eee4d8}
.process-list span{font-size:11px;color:#9a948c}
.final-cta{background:radial-gradient(ellipse at 50% 50%,#25201d,#0a0b0c 72%);padding:90px 0 100px;text-align:center}
.final-cta h2{font:400 clamp(52px,6vw,84px)/1.06 var(--serif);letter-spacing:-.05em;margin:18px 0 26px}
.final-cta h2 i{color:#d6b48e}
.final-cta .btn{min-width:168px}
footer{background:#08090a;border-top:1px solid #292828}
.footer-simple{padding-top:28px;padding-bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:10px;color:#8e867b}
.footer-simple .brand-word{font-size:15px}
.footer-simple .brand-mark{height:27px;width:27px;font-size:16px}
/* In demo: maintain theme-specific visual treatment and compact introduction */
.demo-side h3{font-size:36px}
.demo-side p{font-size:12px;line-height:1.6}
.order-body p{line-height:1.7}
@media(max-width:900px){
 .new-hero-grid{grid-template-columns:1fr 1fr;min-height:525px}
 .hero-title{font-size:clamp(49px,7vw,68px)}
 .hero-visual{height:400px}
 .hero-visual .hero-art{transform:scale(.80);transform-origin:36% 0;height:500px}
 .process-inner{gap:30px}
}
@media(max-width:700px){
 .site-width{padding-left:19px;padding-right:19px}
 .head-inner{height:62px}
 .head-links{display:none}
 .head-cta{margin-left:auto}
 .mobile-menu{display:none!important}
 .brand-word{font-size:17px}
 .new-hero-grid{display:flex;flex-direction:column;gap:0;min-height:0;padding-top:62px;padding-bottom:24px}
 .hero-text{width:100%}
 .hero-kicker{font-size:9px;letter-spacing:.12em}
 .hero-title{font-size:clamp(53px,12.4vw,77px);max-width:530px;margin:16px 0 14px}
 .hero-lead{font-size:13px;margin-bottom:18px}
 .hero-actions .btn{font-size:11px;padding:12px 16px}
 .hero-under{margin-top:28px;padding-top:14px;font-size:8px}
 .hero-visual{height:260px;width:100%;max-width:460px;margin:0 auto;transform:translateX(-4px)}
 .hero-visual .hero-art{height:470px;width:460px;transform:scale(.57);transform-origin:0 0;margin-left:7%}
 .hero-visual-caption{right:0;bottom:6px;font-size:8px}
 .collection{padding-top:56px;padding-bottom:69px}
 .new-section-top{margin-bottom:21px}
 .section-h2{font-size:clamp(38px,9.3vw,52px)}
 .section-aside{display:none}
 .tiny-label{font-size:9px}
 .collection-grid{gap:10px}
 .theme-card.featured{display:grid;grid-template-columns:1fr 1fr;min-height:278px}
 .theme-card.featured .theme-art{min-height:278px;height:278px;order:2}
 .theme-card.featured .theme-body{padding:18px;order:1;justify-content:center}
 .theme-card.featured .theme-name{font-size:clamp(27px,7vw,36px)}
 .theme-card.featured .theme-description{font-size:17px;line-height:1.3;margin-bottom:16px}
 .theme-card.featured .price-line{font-size:16px;margin-bottom:10px}
 .theme-card.featured .price-line small{display:block;margin-top:3px;font-size:9px}
 .theme-card:not(.featured) .theme-art{height:230px}
 .theme-card:not(.featured) .theme-body{padding:12px 11px 13px}
 .theme-card:not(.featured) .theme-name{font-size:20px;margin:0 0 5px}
 .theme-card:not(.featured) .theme-description{font-size:11px;line-height:1.45;margin-bottom:10px;min-height:32px}
 .theme-card .card-bottom{gap:5px;margin-top:auto;padding-top:10px}
 .theme-card:not(.featured) .card-bottom{display:grid;grid-template-columns:1fr;gap:6px}
 .theme-card .theme-link{font-size:10px;padding:9px 5px;border-radius:5px;width:100%}
 .theme-card .theme-text-link{font-size:10px;text-align:center;padding:5px 2px;width:100%}
 .theme-card.featured .card-bottom{display:grid;grid-template-columns:1fr;gap:3px}
 .theme-card.featured .theme-link{font-size:10px}
 .theme-card.featured .theme-text-link{padding:5px;font-size:10px}
 .theme-numeral{font-size:7px;left:10px;top:10px}
 .pill-tag{right:9px;top:9px;font-size:8px}
 .catalog-disclaimer{font-size:10px}
 .process{padding:65px 0}
 .process-inner{grid-template-columns:1fr;gap:26px}
 .process h2{font-size:42px;margin:13px 0 0}
 .process-list>div{padding:13px 0}
 .final-cta{padding:76px 0 78px}
 .final-cta h2{font-size:52px}
 .footer-simple{flex-wrap:wrap}
 .footer-simple>span:nth-child(2){display:none}
}
@media(max-width:405px){
 .hero-title{font-size:clamp(47px,12vw,55px)}
 .hero-visual{height:247px}
 .theme-card.featured{grid-template-columns:1fr 1fr}
 .theme-card.featured .theme-body{padding:15px 12px}
 .theme-card.featured .theme-name{font-size:26px}
 .theme-card.featured .theme-description{font-size:15px}
 .theme-card.featured .price-line{font-size:15px}
 .theme-card:not(.featured) .theme-art{height:214px}
 .theme-card:not(.featured) .theme-name{font-size:18px}
 .theme-card .theme-link{padding:9px 4px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* PenantianKita / Autoplay collection & bottom-sheet catalog prototype */
.collection.site-width{padding-bottom:76px}
.carousel-section-heading{align-items:end;margin-bottom:13px}
.carousel-section-heading .section-h2{font-size:clamp(39px,4.6vw,70px);line-height:1.14}
.carousel-section-heading .section-h2 em{font-weight:400;color:#d6bea1}
.carousel-caption{font-size:10px;color:#968d80;letter-spacing:.035em;display:flex;gap:8px;align-items:center;margin:3px 0 22px}
.carousel-live-dot{height:6px;width:6px;border-radius:50%;background:#caa97f;box-shadow:0 0 0 3px #caa97f25}
.rail-nav{display:flex;align-items:center;gap:8px}
.rail-nav button{width:41px;height:41px;display:grid;place-items:center;border-radius:50%;border:1px solid #49433e;background:transparent;color:#ebd8c1;font-size:20px;cursor:pointer;transition:background .2s,border-color .2s}
.rail-nav button:hover{background:#2d2925;border-color:#c7a781}
.rail-wrap{width:100%;position:relative;overflow:hidden}
.rail-wrap::after{content:'';position:absolute;top:0;bottom:0;right:0;width:40px;background:linear-gradient(90deg,transparent,#0d0e1000 25%,#0d0e10a1);pointer-events:none;z-index:1}
.theme-rail{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:auto;position:relative;padding:3px 2px 13px;align-items:stretch}
.theme-rail::-webkit-scrollbar{display:none}
.theme-rail>.theme-card{width:clamp(270px,28vw,340px);min-width:clamp(270px,28vw,340px);flex:0 0 auto;display:flex!important;flex-direction:column;min-height:0;grid-column:auto;border-radius:9px;transform:none;box-shadow:none;cursor:default}
.theme-rail>.theme-card:hover{transform:none;border-color:#6d5c4b;box-shadow:0 12px 35px #0005}
.theme-rail>.theme-card .theme-art,.theme-rail>.theme-card.featured .theme-art{height:337px;min-height:337px;order:0;flex:0 0 auto}
.theme-rail>.theme-card .theme-body,.theme-rail>.theme-card.featured .theme-body{display:flex;flex-direction:column;order:1;justify-content:flex-start;padding:19px 19px 18px;flex:1}
.theme-rail>.theme-card .theme-name,.theme-rail>.theme-card.featured .theme-name{font:400 28px/1.16 var(--serif);margin:0 0 5px;letter-spacing:-.02em}
.theme-rail>.theme-card .theme-description,.theme-rail>.theme-card.featured .theme-description{font-size:12px;line-height:1.5;min-height:0;margin:0 0 9px}
.theme-rail>.theme-card .price-line{font:500 15px var(--sans);margin:4px 0 8px}
.theme-rail>.theme-card .card-bottom,.theme-rail>.theme-card.featured .card-bottom{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:stretch;padding-top:12px;margin-top:auto}
.theme-rail>.theme-card .theme-link,.theme-rail>.theme-card .theme-text-link{width:100%;min-height:40px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;padding:9px 7px;border-radius:5px;white-space:nowrap}
.theme-rail>.theme-card .theme-text-link{border:1px solid #4c463e;color:#e8d7c1}
.theme-rail>.theme-card .theme-text-link:hover{border-color:#d7b994;background:#24201c}
.rail-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px 0 4px;text-align:center}.rail-meta{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.rail-index{display:inline-flex;align-items:baseline;justify-content:center;gap:8px;font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#8d9891}.rail-index b{font-size:22px;line-height:1;color:#f6efe6;font-weight:500;font-family:var(--serif);letter-spacing:.04em}.rail-index span{opacity:.9}.rail-autoplay{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:0;color:#b9c1bb;font-size:12px;font-weight:700;letter-spacing:.08em;padding:0 4px}.rail-autoplay:hover{color:#f2eadf}.all-themes-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 26px;border-radius:16px;background:linear-gradient(180deg,#f0e0c9,#ddc1a0);border:1px solid #f4e6d4;color:#1b1816;font-weight:800;letter-spacing:.01em;box-shadow:0 12px 30px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.55);transition:transform .24s ease, box-shadow .24s ease, background .24s ease}.all-themes-link:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.65);background:linear-gradient(180deg,#f4e7d5,#e6cab0)}.all-themes-link span{font-size:14px}.hero-under{margin-top:10px;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#9da49f;font-weight:700}
.rail-index{font:10px var(--mono);color:#817a74;min-width:52px;letter-spacing:.09em}.rail-index b{color:#e2cab0;font-weight:600;font-size:14px}
.rail-autoplay{border:0;background:none;font-size:11px;color:#a89d90;display:inline-flex;align-items:center;gap:7px;cursor:pointer;padding:8px}
.all-themes-link{margin-left:auto;border:1px solid #6e5d4b;background:#27211c;color:#ead5b6;border-radius:6px;padding:13px 19px;font-size:12px;font-weight:650;display:inline-flex;gap:18px;align-items:center;cursor:pointer;transition:background .2s}
.all-themes-link:hover{background:#453525}
.catalog-sheet{position:fixed;inset:0;z-index:90;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .48s ease,visibility .48s ease}
.catalog-sheet[data-open=true]{opacity:1;visibility:visible;pointer-events:auto}
.catalog-sheet-shade{position:absolute;inset:0;background:#000c;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.catalog-sheet-panel{position:absolute;bottom:0;left:50%;width:min(100%,1010px);height:min(91dvh,980px);background:#151516;border:1px solid #3a3530;border-bottom:none;border-radius:25px 25px 0 0;box-shadow:0 -18px 85px #0009;transform:translate(-50%,105%);transition:transform .72s cubic-bezier(.18,.78,.18,1);display:flex;flex-direction:column;outline:0;overflow:hidden}
.catalog-sheet[data-open=true] .catalog-sheet-panel{transform:translate(-50%,0)}
.catalog-sheet-handle{width:42px;height:4px;border-radius:99px;background:#74695d;align-self:center;margin:12px 0 2px;flex:0 0 auto}
.catalog-sheet-head{display:flex;justify-content:space-between;align-items:center;padding:18px 30px 23px;border-bottom:1px solid #322e2a;flex:0 0 auto}
.catalog-sheet-head h2{font:400 clamp(30px,4vw,48px)/1.05 var(--serif);letter-spacing:-.035em;color:#f3e9db;margin:9px 0 0}
.catalog-sheet-close{height:39px;width:39px;display:grid;place-items:center;border-radius:50%;border:1px solid #50463d;background:#211f1e;color:#f0e5d7;font-size:27px;cursor:pointer}
.catalog-sheet-scroll{overflow-y:auto;overscroll-behavior:contain;padding:20px 30px 40px;flex:1;scrollbar-color:#575047 transparent}
.sheet-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.sheet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.sheet-grid>.theme-card{min-width:0;display:flex;flex-direction:column;border-radius:8px;grid-column:auto;box-shadow:none;transform:none}
.sheet-grid>.theme-card:hover{transform:none;border-color:#76624f}
.sheet-grid>.theme-card .theme-art,.sheet-grid>.theme-card.featured .theme-art{height:255px;min-height:255px;order:0}
.sheet-grid>.theme-card .theme-body,.sheet-grid>.theme-card.featured .theme-body{padding:16px 14px 14px;order:1;display:flex;flex-direction:column;flex:1}
.sheet-grid>.theme-card .theme-name,.sheet-grid>.theme-card.featured .theme-name{font:400 24px/1.2 var(--serif);letter-spacing:-.02em;margin:0 0 5px}
.sheet-grid>.theme-card .theme-description,.sheet-grid>.theme-card.featured .theme-description{font-size:11px;line-height:1.4;margin:0 0 7px;min-height:0}
.sheet-grid>.theme-card .price-line{font-size:15px;margin:4px 0 7px}
.sheet-grid>.theme-card .card-bottom,.sheet-grid>.theme-card.featured .card-bottom{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:auto;padding-top:12px}
.sheet-grid>.theme-card .theme-link,.sheet-grid>.theme-card .theme-text-link{min-width:0;display:flex;align-items:center;justify-content:center;padding:9px 6px;font-size:11px;border-radius:5px;min-height:38px;white-space:nowrap;text-align:center}
.sheet-grid>.theme-card .theme-text-link{border:1px solid #4b4238;color:#e2ccb1}
.sheet-grid>.theme-card[hidden]{display:none!important}
@media(max-width:700px){
 .collection.site-width{padding-bottom:58px;padding-left:0;padding-right:0}
 .carousel-section-heading,.carousel-caption,.rail-footer,.collection>.catalog-disclaimer{margin-left:19px;margin-right:19px}
 .carousel-section-heading{margin-bottom:12px}
 .carousel-section-heading .section-h2{font-size:clamp(37px,9vw,51px)}
 .rail-nav button{height:35px;width:35px;font-size:16px}
 .carousel-caption{font-size:9px;margin-bottom:17px}
 .theme-rail{gap:11px;padding-left:19px;padding-bottom:13px}
 .theme-rail>.theme-card{width:min(75vw,310px);min-width:min(75vw,310px);border-radius:8px}
 .theme-rail>.theme-card .theme-art,.theme-rail>.theme-card.featured .theme-art{height:300px;min-height:300px}
 .theme-rail>.theme-card .theme-body,.theme-rail>.theme-card.featured .theme-body{padding:17px 15px}
 .theme-rail>.theme-card .theme-name,.theme-rail>.theme-card.featured .theme-name{font-size:28px}
 .theme-rail>.theme-card .theme-description,.theme-rail>.theme-card.featured .theme-description{font-size:12px}
 .theme-rail>.theme-card .card-bottom,.theme-rail>.theme-card.featured .card-bottom{grid-template-columns:1fr 1fr;gap:8px}
 .rail-footer{margin-top:0;gap:8px}
 .all-themes-link{padding:11px 14px;font-size:11px;gap:9px}
 .catalog-sheet-panel{height:94dvh;border-radius:22px 22px 0 0}
 .catalog-sheet-head{padding:14px 19px 17px}
 .catalog-sheet-scroll{padding:17px 16px 32px}
 .sheet-filters{gap:7px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-bottom:15px;padding-bottom:7px}
 .sheet-filters::-webkit-scrollbar{display:none}
 .sheet-filters .filter-btn{font-size:10px;padding:8px 13px;flex-shrink:0}
 .sheet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .sheet-grid>.theme-card .theme-art,.sheet-grid>.theme-card.featured .theme-art{height:202px;min-height:202px}
 .sheet-grid>.theme-card .theme-body,.sheet-grid>.theme-card.featured .theme-body{padding:13px 10px 11px}
 .sheet-grid>.theme-card .theme-name,.sheet-grid>.theme-card.featured .theme-name{font-size:20px}
 .sheet-grid>.theme-card .theme-description,.sheet-grid>.theme-card.featured .theme-description{font-size:10px;line-height:1.35;min-height:28px}
 .sheet-grid>.theme-card .price-line{font-size:12px;line-height:1.4;margin:0 0 4px}
 .sheet-grid>.theme-card .price-line small{font-size:8px;display:block}
 .sheet-grid>.theme-card .card-bottom,.sheet-grid>.theme-card.featured .card-bottom{grid-template-columns:1fr;gap:5px;padding-top:8px}
 .sheet-grid>.theme-card .theme-link,.sheet-grid>.theme-card .theme-text-link{padding:8px 3px;font-size:10px;min-height:31px}
}
@media(max-width:375px){.theme-rail>.theme-card{width:78vw;min-width:78vw}.sheet-grid>.theme-card .theme-art,.sheet-grid>.theme-card.featured .theme-art{height:190px;min-height:190px}.sheet-grid>.theme-card .theme-name{font-size:18px}}
@media(prefers-reduced-motion:reduce){.catalog-sheet,.catalog-sheet-panel{transition:none!important}}

/* V3 — katalog CTA tunggal: centered, midnight slate-blue, quiet premium */
.collection .rail-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: auto;
  padding-top: 20px;
  padding-bottom: 2px;
  text-align: center;
}
.collection .rail-footer #open-catalog-sheet {
  display: inline-flex;
  width: min(100%, 340px);
  min-height: 53px;
  margin: 0 auto;
  padding: 15px 24px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border-radius: 11px;
  background: linear-gradient(145deg, #3b6586 0%, #27465f 100%);
  border: 1px solid #658ca9;
  color: #faf8f3;
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .025em;
  box-shadow: 0 8px 28px #040d1880, inset 0 1px 0 #ffffff24;
  transition: background .3s ease, border-color .3s ease, transform .3s ease, box-shadow .3s ease;
}
.collection .rail-footer #open-catalog-sheet:hover {
  transform: translateY(-2px);
  border-color: #9cbad1;
  background: linear-gradient(145deg, #487796 0%, #305575 100%);
  box-shadow: 0 12px 30px #03091099, inset 0 1px 0 #ffffff2e;
}
.collection .rail-footer #open-catalog-sheet:focus-visible {
  outline: 2px solid #b0d6ed;
  outline-offset: 4px;
}
@media (max-width: 460px) {
  .collection .rail-footer #open-catalog-sheet {
    width: 100%;
    min-height: 54px;
  }
}

/* Generated catalog content keeps its presentation in the V3 design layer. */
.pk-demo-frame{width:100%;height:100%;border:0;background:white}
.pk-demo-link{display:block;padding:28px;color:#fff}
.pk-theme-art-fallback{background:linear-gradient(145deg,#322b2a,#111c22)}
.pk-theme-art-title{color:#f4e7d5;font:500 32px Georgia;text-align:center;padding:24px}
.pk-theme-image{width:100%;height:100%;object-fit:cover}
.pk-catalog-empty{padding:30px;color:#ddd}