:root{
  --bg:#f7f1e8;--paper:#fffdf8;--paper2:#f2e8dc;--ink:#151311;--muted:#6b625a;--line:rgba(21,19,17,.12);--soft:#ebe1d4;
  --brand:#9b7245;--brand2:#151311;--success:#496B54;--danger:#9D3F32;
  --radius:30px;--radius-lg:46px;--shadow:0 28px 90px rgba(30,22,14,.12);--shadow2:0 14px 44px rgba(30,22,14,.09);
  --serif:"Instrument Serif",Georgia,serif;--sans:"DM Sans",system-ui,-apple-system,Segoe UI,sans-serif;--display:"Plus Jakarta Sans",var(--sans)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);background:var(--bg);color:var(--ink);line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 4% 4%,rgba(255,255,255,.95),transparent 28%),radial-gradient(circle at 92% 8%,rgba(155,114,69,.14),transparent 30%),linear-gradient(180deg,#fbf7f1 0,#f6eee3 48%,#ede1d2 100%)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.26;background-image:linear-gradient(rgba(20,17,14,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(20,17,14,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(180deg,rgba(0,0,0,.4),transparent 65%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.muted{color:var(--muted)}.small{font-size:.86rem}.site-header{position:sticky;top:0;z-index:90;background:rgba(247,241,232,.74);border-bottom:1px solid rgba(255,255,255,.64);backdrop-filter:blur(24px)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px}.brand-mark{width:44px;height:44px;border-radius:17px;background:#14110e;color:#f9efe0;display:grid;place-items:center;font-family:var(--display);font-weight:900;letter-spacing:-.06em;box-shadow:0 16px 40px rgba(20,17,14,.14)}.brand-text{display:grid;line-height:1.08}.brand-text strong{font-family:var(--display);font-weight:900;letter-spacing:-.04em}.brand-text em{font-style:normal;color:var(--muted);font-size:.76rem;font-weight:700}.site-nav{display:flex;align-items:center;gap:6px}.site-nav>a{padding:10px 14px;border-radius:999px;color:#3d362f;font-weight:800;font-size:.94rem}.site-nav>a:hover{background:rgba(255,255,255,.68)}.nav-toggle{display:none;border:0;background:transparent;padding:8px}.nav-toggle span{display:block;width:24px;height:2px;background:#17130f;border-radius:6px;margin:5px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:13px 18px;border:1px solid transparent;font-weight:900;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.btn:hover{transform:translateY(-2px)}.btn-dark,.btn-primary{background:#151311;color:#fff;box-shadow:0 18px 48px rgba(21,19,17,.18)}.btn-light{background:#fff;color:#151311}.btn-outline{background:rgba(255,255,255,.58);border-color:rgba(21,19,17,.13);color:#17130f}.btn-ghost{background:transparent;border-color:rgba(21,19,17,.12)}.btn.compact{padding:9px 14px}.btn-lg{padding:15px 24px}.btn-block{width:100%}.alert{margin:18px 0 0;padding:14px 16px;border:1px solid rgba(255,255,255,.8);border-radius:20px;background:rgba(255,255,255,.75);box-shadow:var(--shadow2);font-weight:800}.alert span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#151311;color:#fff;margin-right:8px}.hero{position:relative;padding:86px 0 58px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.9fr);gap:52px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.16em;color:#90714e;font-weight:900;font-size:.72rem}.eyebrow:before{content:"";width:38px;height:1px;background:#a88458}.hero h1,.page-hero h1,.section-head h2{font-family:var(--serif);font-weight:400;line-height:.89;letter-spacing:-.055em;margin:14px 0 20px}.hero h1{font-size:clamp(4rem,8.6vw,8.4rem);max-width:820px}.lead{font-size:1.15rem;color:#4e463f;max-width:690px;margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.trust-strip{display:flex;flex-wrap:wrap;gap:9px}.trust-strip span{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(21,19,17,.11);background:rgba(255,255,255,.56);border-radius:999px;padding:9px 12px;font-weight:800;color:#534a42;font-size:.86rem}.trust-strip span:before{content:"";width:7px;height:7px;border-radius:50%;background:#9b7245}.hero-stage{position:relative;min-height:620px}.stage-board{position:absolute;inset:0;border-radius:54px;background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(255,255,255,.2));border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow);overflow:hidden}.stage-board:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 75% 18%,rgba(155,114,69,.17),transparent 28%),radial-gradient(circle at 18% 84%,rgba(20,17,14,.07),transparent 28%)}.phone-stack{position:absolute;inset:38px;display:grid;place-items:center}.phone{position:absolute;width:268px;height:530px;border-radius:40px;background:#13100d;padding:10px;box-shadow:0 36px 90px rgba(18,13,8,.24)}.phone.one{transform:translateX(-86px) rotate(-7deg);opacity:.94}.phone.two{transform:translateX(92px) translateY(28px) rotate(7deg);opacity:.88}.phone.main{width:318px;height:600px;transform:translateY(4px);z-index:4}.phone-screen{height:100%;border-radius:31px;background:#f8efe5;position:relative;overflow:hidden}.phone-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.82),transparent 36%),linear-gradient(180deg,#fff7ed,#d9c3a4)}.phone-screen.noir:before{background:radial-gradient(circle at 50% 0,rgba(216,183,109,.25),transparent 34%),linear-gradient(180deg,#12100e,#302116)}.phone-screen.sage:before{background:radial-gradient(circle at 20% 20%,rgba(101,123,91,.25),transparent 30%),linear-gradient(180deg,#f6f7ed,#b8c6a5)}.phone-content{position:relative;z-index:2;height:100%;display:grid;place-items:center;text-align:center;padding:26px;color:#17130f}.phone-screen.noir .phone-content{color:#f9efe0}.phone-content small{font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#9a7245;font-size:.68rem}.phone-content h3{font-family:var(--serif);font-weight:400;font-size:4.25rem;line-height:.72;letter-spacing:-.07em;margin:18px 0}.phone-content h3 em{font-style:italic;color:#9a7245}.phone-screen.noir .phone-content h3 em{color:#d8b76d}.phone-content p{margin:0;font-weight:900}.stage-chip{position:absolute;z-index:6;padding:14px 16px;border-radius:22px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow2);font-weight:900;color:#211a14}.stage-chip span{display:block;color:var(--muted);font-size:.8rem;font-weight:700}.chip-1{top:78px;left:0}.chip-2{right:4px;bottom:90px}.section{padding:78px 0}.section-tight{padding:50px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section-head.center{display:block;text-align:center;margin-inline:auto}.section-head.narrow{max-width:760px}.section-head h2{font-size:clamp(2.8rem,5.5vw,5.2rem)}.section-head p{margin:0;color:var(--muted);font-size:1.04rem}.feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-card{position:relative;min-height:250px;border-radius:30px;padding:24px;background:rgba(255,255,255,.64);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow2);overflow:hidden}.feature-card:after{content:"";position:absolute;right:-44px;bottom:-44px;width:130px;height:130px;border-radius:50%;border:1px solid rgba(155,114,69,.2)}.feature-card .num{font-family:var(--display);font-weight:900;color:#9b7245}.feature-card h3{font-family:var(--display);font-size:1.18rem;line-height:1.18;letter-spacing:-.04em;margin:62px 0 8px}.feature-card p{margin:0;color:var(--muted);font-size:.95rem}.theme-showcase-grid,.theme-catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.theme-card{position:relative;display:flex;flex-direction:column;min-height:590px;border-radius:36px;background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.86);box-shadow:var(--shadow2);overflow:hidden;isolation:isolate}.theme-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.0),rgba(255,255,255,.42));z-index:-1}.theme-preview{position:relative;min-height:372px;padding:22px;overflow:hidden;background:var(--p-bg,#f5efe6);color:var(--p-ink,#151311)}.theme-preview:before{content:"";position:absolute;inset:0;background:var(--p-pattern,radial-gradient(circle at 70% 18%,rgba(155,114,69,.18),transparent 30%));opacity:.96}.theme-preview:after{content:"";position:absolute;inset:20px;border:1px solid color-mix(in srgb,var(--p-accent,#9b7245),transparent 58%);border-radius:30px}.theme-device{position:relative;z-index:2;width:66%;min-width:190px;height:320px;margin:4px auto 0;border-radius:30px;background:var(--p-paper,#fffdf7);box-shadow:0 28px 60px rgba(20,15,10,.18);display:grid;align-content:center;text-align:center;padding:20px;overflow:hidden}.theme-device:before{content:"";position:absolute;inset:16px;border:1px solid color-mix(in srgb,var(--p-accent,#9b7245),transparent 66%);border-radius:22px}.theme-device small{position:relative;z-index:2;letter-spacing:.16em;text-transform:uppercase;font-size:.64rem;font-weight:900;color:var(--p-accent,#9b7245)}.theme-device h3{position:relative;z-index:2;font-family:var(--serif);font-weight:400;font-size:3.4rem;line-height:.74;letter-spacing:-.07em;margin:18px 0;color:var(--p-ink,#151311)}.theme-device span{position:relative;z-index:2;font-weight:900;color:var(--p-muted,#675d55);font-size:.78rem}.art-noir .theme-preview,.art-royal .theme-preview,.art-celestial .theme-preview{background:#111}.art-noir .theme-device,.art-royal .theme-device,.art-celestial .theme-device{box-shadow:0 28px 70px rgba(0,0,0,.38)}.art-mono .theme-device{border-radius:0;box-shadow:8px 8px 0 #111}.art-mono .theme-preview:after{border-radius:0;border-color:#111}.art-arch .theme-device:before{border-radius:90px 90px 22px 22px}.art-botanical .theme-preview:before,.art-botanical-white .theme-preview:before{background:radial-gradient(ellipse at 18% 20%,rgba(101,123,91,.22),transparent 30%),radial-gradient(ellipse at 86% 76%,rgba(101,123,91,.2),transparent 34%)}.art-heritage .theme-preview:before,.art-songket .theme-preview:before,.art-woven .theme-preview:before{background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--p-accent,#9b7245),transparent 82%) 0 1px,transparent 1px 15px),radial-gradient(circle at 80% 18%,color-mix(in srgb,var(--p-accent,#9b7245),transparent 72%),transparent 30%)}.theme-body{padding:22px;display:flex;flex-direction:column;gap:12px;flex:1}.theme-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.theme-meta b{color:#151311;background:#f1e7dc;padding:7px 10px;border-radius:999px}.theme-body h3{font-family:var(--display);font-size:1.22rem;letter-spacing:-.045em;line-height:1.15;margin:0}.theme-body p{margin:0;color:var(--muted);font-size:.94rem}.theme-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:auto}.theme-actions .btn{padding:11px 12px}.theme-toolbar{position:sticky;top:90px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;padding:12px;border-radius:28px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.88);box-shadow:var(--shadow2);backdrop-filter:blur(18px)}.theme-toolbar input,.theme-toolbar select{border:1px solid rgba(21,19,17,.13);background:#fff;border-radius:999px;padding:12px 14px;min-height:46px;font-family:var(--sans);font-weight:700;outline:none}.theme-toolbar .filters{display:flex;gap:8px;flex-wrap:wrap}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pricing-card{border-radius:36px;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.86);box-shadow:var(--shadow2);padding:28px;display:flex;flex-direction:column;gap:24px}.pricing-card.popular{background:#151311;color:#fff;transform:translateY(-8px);box-shadow:0 32px 92px rgba(21,19,17,.23)}.badge{display:inline-flex;width:max-content;border:1px solid rgba(21,19,17,.12);background:#f0e5d8;color:#8b6842;border-radius:999px;padding:7px 11px;font-weight:900;font-size:.76rem}.popular .badge{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.16);color:#f1d28f}.pricing-card h3{font-family:var(--display);font-size:1.42rem;letter-spacing:-.045em;margin:16px 0 8px}.price{font-family:var(--serif);font-size:3.2rem;line-height:1;letter-spacing:-.055em}.pricing-card p{margin:10px 0 0;color:var(--muted)}.popular p,.popular .features li{color:#d9cfc3}.features{display:grid;gap:10px;margin:0;padding:0;list-style:none}.features li{position:relative;padding-left:24px;color:#534b43}.features li:before{content:"✓";position:absolute;left:0;top:0;font-weight:900;color:#9b7245}.popular .features li:before{color:#f1d28f}.cta-band{display:grid;grid-template-columns:1fr auto;align-items:center;gap:26px;padding:36px;border-radius:44px;background:#151311;color:#fff;box-shadow:0 34px 100px rgba(21,19,17,.24);overflow:hidden;position:relative}.cta-band:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 78% 18%,rgba(216,183,109,.22),transparent 30%)}.cta-band>*{position:relative}.cta-band h2{font-family:var(--serif);font-weight:400;font-size:clamp(2.5rem,5vw,4.8rem);letter-spacing:-.055em;line-height:.9;margin:10px 0}.cta-band p{margin:0;color:#d7cfc5}.page-hero{padding:74px 0 44px}.page-hero.compact h1{font-size:clamp(3.25rem,8vw,6.4rem);max-width:900px}.page-hero p{max-width:760px;color:var(--muted);font-size:1.08rem;margin:0}.site-footer{margin-top:80px;padding:52px 0 30px;background:#151311;color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}.site-footer p,.site-footer a{color:#cfc6bb}.site-footer a{display:block;margin-top:10px;font-weight:700}.brand-light .brand-mark{background:#f9efe0;color:#151311}.copyright{margin-top:34px;border-top:1px solid rgba(255,255,255,.1);padding-top:20px;color:#a89c91;font-size:.9rem}.dash-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;padding:32px 0 70px}.sidebar{position:sticky;top:98px;align-self:start;border-radius:30px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.86);box-shadow:var(--shadow2);padding:14px}.sidebar-title{display:flex;gap:12px;align-items:center;padding:10px 10px 16px;border-bottom:1px solid var(--line);margin-bottom:8px}.sidebar-avatar{width:44px;height:44px;border-radius:16px;background:#151311;color:#fff;display:grid;place-items:center;font-weight:900}.sidebar-title strong{display:block}.sidebar-title span{font-size:.82rem;color:var(--muted)}.sidebar a{display:flex;align-items:center;gap:8px;padding:12px 13px;border-radius:18px;color:#4d443b;font-weight:900;margin:3px 0}.sidebar a.active,.sidebar a:hover{background:#151311;color:#fff}.dash-main{min-width:0}.dashboard-card,.form-card,.panel,.admin-card{background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.86);box-shadow:var(--shadow2);border-radius:30px;padding:24px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.table-responsive{overflow:auto}.table,table{width:100%;border-collapse:separate;border-spacing:0 10px}.table th,table th{text-align:left;color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.table td,table td{background:rgba(255,255,255,.7);border-top:1px solid rgba(21,19,17,.07);border-bottom:1px solid rgba(21,19,17,.07);padding:13px}.table td:first-child,table td:first-child{border-left:1px solid rgba(21,19,17,.07);border-radius:16px 0 0 16px}.table td:last-child,table td:last-child{border-right:1px solid rgba(21,19,17,.07);border-radius:0 16px 16px 0}.table input,.table textarea,table input,table textarea,.form-card input,.form-card textarea,.form-card select{width:100%;border:1px solid rgba(21,19,17,.13);border-radius:16px;padding:12px;background:#fff;font:inherit}.table textarea,table textarea,.form-card textarea{min-height:86px}.center-action{margin-top:16px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .58s ease,transform .58s ease}.reveal.is-visible{opacity:1;transform:none}@media(max-width:1040px){.hero-grid{grid-template-columns:1fr}.hero-stage{min-height:580px}.feature-row{grid-template-columns:repeat(2,1fr)}.theme-showcase-grid,.theme-catalog-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr}.pricing-card.popular{transform:none}}@media(max-width:820px){.container{width:min(100% - 30px,1180px)}.nav-toggle{display:block}.site-nav{position:absolute;top:76px;left:15px;right:15px;display:none;grid-template-columns:1fr;border-radius:26px;padding:12px;background:rgba(255,253,248,.96);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.9)}body.nav-open .site-nav{display:grid}.site-nav>a{padding:13px 14px}.hero{padding:54px 0 32px}.hero h1{font-size:clamp(3.25rem,15vw,5rem)}.hero-stage{min-height:520px}.phone.one,.phone.two{display:none}.phone.main{width:min(320px,86vw);height:590px}.stage-chip{display:none}.section{padding:58px 0}.section-head{display:block}.theme-showcase-grid,.theme-catalog-grid,.feature-row,.footer-grid,.dashboard-grid,.card-grid{grid-template-columns:1fr}.theme-toolbar{position:relative;top:auto;align-items:stretch;flex-direction:column}.theme-toolbar .filters{display:grid;grid-template-columns:1fr 1fr}.theme-toolbar input,.theme-toolbar select{width:100%}.theme-card{min-height:auto}.cta-band{grid-template-columns:1fr;padding:28px}.dash-layout{grid-template-columns:1fr}.sidebar{position:relative;top:auto;display:grid;grid-template-columns:repeat(2,1fr)}.sidebar-title{grid-column:1/-1}}@media(max-width:560px){.hero-actions,.trust-strip{display:grid}.hero-actions .btn{width:100%}.phone.main{height:540px}.phone-content h3{font-size:3.75rem}.theme-toolbar .filters{grid-template-columns:1fr}.theme-actions{grid-template-columns:1fr}.theme-preview{min-height:340px}.theme-device{height:290px}.feature-card{min-height:210px}.sidebar{grid-template-columns:1fr}.dashboard-card,.form-card,.panel,.admin-card{padding:18px;border-radius:24px}}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field{display:grid;gap:7px;margin-bottom:13px}.field label,.field span:first-child{font-weight:900;color:#3d362f}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(21,19,17,.13);border-radius:16px;padding:12px;background:#fff;font:inherit;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#9b7245;box-shadow:0 0 0 4px rgba(155,114,69,.12)}.field textarea{min-height:96px;resize:vertical}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.check-row{display:flex;align-items:center;gap:10px;margin:16px 0;font-weight:800}.check-row input{width:18px;height:18px}.update-log{white-space:pre-wrap;background:#151311;color:#f9efe0;border-radius:20px;padding:18px;overflow:auto;max-height:420px}.compact-list{gap:8px}.table-wrap{overflow:auto}.light-table{background:rgba(255,255,255,.35);border-radius:22px;padding:8px}@media(max-width:820px){.form-grid,.grid-2{grid-template-columns:1fr}}

/* =========================================================
   SWY Premium Studio UI/UX 2026 Upgrade
   Fokus: clean luxury, produk siap jual, theme gallery premium
   ========================================================= */
:root{
  --studio-bg:#f5efe5;
  --studio-ink:#11100e;
  --studio-muted:#756c62;
  --studio-gold:#b68a55;
  --studio-cream:#fffaf1;
  --studio-border:rgba(24,20,16,.11);
  --studio-shadow:0 34px 120px rgba(32,25,18,.13);
  --studio-shadow-soft:0 18px 56px rgba(32,25,18,.10);
}
body.studio-landing,
body.premium-themes-page{
  background:
    radial-gradient(circle at 10% -10%,rgba(255,255,255,.95),transparent 32%),
    radial-gradient(circle at 93% 6%,rgba(182,138,85,.16),transparent 34%),
    linear-gradient(180deg,#fbf7ef 0%,#f5ede2 42%,#efe2d1 100%);
}
body.studio-landing:after,
body.premium-themes-page:after{
  opacity:.18;
  background-image:linear-gradient(rgba(20,17,14,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(20,17,14,.04) 1px,transparent 1px);
  background-size:88px 88px;
}
.site-header{background:rgba(251,247,239,.74);border-bottom:1px solid rgba(24,20,16,.08)}
.brand-mark{background:linear-gradient(135deg,#11100e,#33261b);box-shadow:0 18px 40px rgba(17,16,14,.16)}
.site-nav>a{font-size:.9rem;letter-spacing:-.01em}.site-nav>a:hover{background:rgba(255,255,255,.7)}
.btn{letter-spacing:-.015em}.btn-dark,.btn-primary{background:linear-gradient(135deg,#11100e,#2f251c);box-shadow:0 18px 48px rgba(17,16,14,.19)}.btn-outline{background:rgba(255,255,255,.6);border-color:rgba(17,16,14,.13);box-shadow:0 10px 24px rgba(17,16,14,.04)}
.studio-hero{position:relative;padding:86px 0 68px;overflow:hidden}.studio-hero:before{content:"";position:absolute;inset:24px;border:1px solid rgba(24,20,16,.08);border-radius:52px;pointer-events:none}.studio-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.9fr);gap:54px;align-items:center}.studio-hero-copy h1{font-family:var(--serif);font-size:clamp(4rem,8.2vw,8.2rem);font-weight:400;letter-spacing:-.07em;line-height:.82;margin:18px 0 24px;max-width:930px}.studio-hero-copy .lead{font-size:1.18rem;line-height:1.75;color:#4c443d;max-width:710px}.studio-chipline{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.68);border:1px solid rgba(24,20,16,.1);box-shadow:0 12px 30px rgba(24,20,16,.06)}.studio-chipline:before{display:none}.studio-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px;max-width:680px}.studio-proof div{padding:18px 18px;border-radius:24px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.78);box-shadow:0 16px 42px rgba(24,20,16,.07)}.studio-proof strong{display:block;font-family:var(--serif);font-weight:400;font-size:2.15rem;letter-spacing:-.05em;line-height:1;color:#14110e}.studio-proof span{display:block;margin-top:7px;color:var(--studio-muted);font-weight:800;font-size:.84rem}.studio-preview{position:relative;min-height:680px}.preview-browser{position:absolute;inset:32px 10px auto 0;height:430px;border-radius:32px;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.82);box-shadow:var(--studio-shadow);overflow:hidden;backdrop-filter:blur(18px)}.browser-bar{height:58px;display:flex;align-items:center;gap:8px;padding:0 18px;border-bottom:1px solid rgba(24,20,16,.08);background:rgba(255,255,255,.54)}.browser-bar span{width:10px;height:10px;border-radius:50%;background:#d9c5aa}.browser-bar span:nth-child(2){background:#c5b097}.browser-bar span:nth-child(3){background:#9d8568}.browser-bar b{margin-left:10px;color:#6f665d;font-size:.82rem}.browser-content{padding:24px}.browser-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.browser-title small{text-transform:uppercase;letter-spacing:.16em;color:#9b7245;font-weight:900}.browser-title strong{font-family:var(--display);font-size:1.42rem;letter-spacing:-.05em}.browser-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.mini-theme{position:relative;min-height:140px;border-radius:24px;background:var(--m-bg);color:var(--m-ink);overflow:hidden;padding:16px;border:1px solid rgba(24,20,16,.08)}.mini-theme:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 12%,color-mix(in srgb,var(--m-accent),transparent 68%),transparent 34%)}.mini-theme i{position:absolute;right:16px;bottom:16px;width:58px;height:96px;border-radius:18px;background:var(--m-paper);box-shadow:0 18px 36px rgba(0,0,0,.13)}.mini-theme span{position:relative;z-index:2;display:block;max-width:115px;font-family:var(--display);font-weight:900;letter-spacing:-.04em;line-height:1.05}.floating-phone-pro{position:absolute;right:6px;bottom:2px;width:280px;height:575px;border-radius:42px;background:#11100e;padding:10px;box-shadow:0 46px 110px rgba(17,16,14,.30);z-index:4}.phone-topbar{position:absolute;top:22px;left:50%;transform:translateX(-50%);width:78px;height:6px;border-radius:999px;background:rgba(255,255,255,.18);z-index:5}.phone-cover{height:100%;border-radius:33px;display:grid;place-items:center;text-align:center;padding:34px;background:radial-gradient(circle at 50% 6%,rgba(255,255,255,.9),transparent 34%),linear-gradient(180deg,#fffaf2,#dec5a2);color:#15110e;overflow:hidden;position:relative}.phone-cover:before{content:"";position:absolute;inset:18px;border:1px solid rgba(150,105,59,.26);border-radius:27px}.phone-cover small,.phone-cover h3,.phone-cover p{position:relative}.phone-cover small{text-transform:uppercase;letter-spacing:.18em;font-weight:900;color:#9b7245}.phone-cover h3{font-family:var(--serif);font-weight:400;font-size:4.15rem;letter-spacing:-.07em;line-height:.72;margin:18px 0}.phone-cover em{color:#a87945}.phone-cover p{font-weight:900}.floating-status{position:absolute;z-index:6;border-radius:22px;background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.85);box-shadow:var(--studio-shadow-soft);backdrop-filter:blur(16px);padding:14px 16px}.floating-status b{display:block;color:#15110e}.floating-status span{display:block;color:#756c62;font-size:.8rem;font-weight:800}.status-a{left:18px;bottom:130px}.status-b{right:60px;top:20px}.premium-strip-section{padding-top:24px}.premium-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid rgba(24,20,16,.10);border-radius:34px;overflow:hidden;background:rgba(24,20,16,.10);box-shadow:var(--studio-shadow-soft)}.premium-strip div{background:rgba(255,255,255,.7);padding:24px;min-height:166px}.premium-strip span{display:inline-flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;background:#15110e;color:#fff;font-size:.78rem;font-weight:900}.premium-strip strong{display:block;margin:28px 0 6px;font-family:var(--display);font-size:1.12rem;letter-spacing:-.04em}.premium-strip p{margin:0;color:var(--studio-muted);font-size:.94rem}.split-showcase{display:grid;grid-template-columns:minmax(0,.85fr) minmax(520px,1fr);gap:34px;align-items:center}.bento-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.bento-card{position:relative;min-height:220px;border-radius:34px;padding:26px;background:rgba(255,255,255,.66);border:1px solid rgba(255,255,255,.82);box-shadow:var(--studio-shadow-soft);overflow:hidden}.bento-card:before{content:"";position:absolute;right:-60px;top:-60px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(182,138,85,.18),transparent 64%)}.bento-card.large{grid-row:span 2;min-height:454px;background:linear-gradient(145deg,#fffaf2,#ead8bf)}.bento-card.dark{background:linear-gradient(145deg,#15110e,#302417);color:#fff}.bento-card span{position:relative;text-transform:uppercase;letter-spacing:.14em;color:#a87945;font-size:.72rem;font-weight:900}.bento-card.dark span{color:#e2bd79}.bento-card h3{position:relative;font-family:var(--display);font-size:clamp(1.45rem,2.4vw,2.1rem);letter-spacing:-.06em;line-height:1.05;margin:86px 0 0}.theme-runway-section{position:relative}.theme-runway-section:before{content:"";position:absolute;left:0;right:0;top:120px;height:430px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);pointer-events:none}.premium-theme-grid,.premium-catalog{gap:24px}.pro-theme-card{min-height:640px;border-radius:38px;background:rgba(255,255,255,.72);box-shadow:0 22px 70px rgba(24,20,16,.09);transition:transform .28s ease,box-shadow .28s ease}.pro-theme-card:hover{transform:translateY(-6px);box-shadow:0 34px 100px rgba(24,20,16,.15)}.pro-preview{min-height:405px;padding:24px;background:var(--p-bg);isolation:isolate}.pro-preview:before{background:radial-gradient(circle at 78% 18%,color-mix(in srgb,var(--p-accent),transparent 66%),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--p-bg),#fff 18%),var(--p-bg))}.theme-scene{position:absolute;inset:0;z-index:1;pointer-events:none}.theme-scene span{position:absolute;left:28px;top:28px;width:92px;height:92px;border-radius:50%;border:1px solid color-mix(in srgb,var(--p-accent),transparent 42%)}.theme-scene i{position:absolute;right:22px;top:34px;width:90px;height:170px;border-radius:60px 60px 16px 16px;border:1px solid color-mix(in srgb,var(--p-accent),transparent 35%)}.theme-scene b{position:absolute;left:26px;right:26px;bottom:24px;height:70px;border-radius:24px;background:linear-gradient(90deg,color-mix(in srgb,var(--p-accent),transparent 84%),transparent)}.pro-device{z-index:2;width:72%;height:342px;min-width:210px;border-radius:34px;background:var(--p-paper);box-shadow:0 36px 75px rgba(20,15,10,.20);transform:translateY(4px)}.pro-device h3{font-size:3.75rem}.art-noir .pro-preview,.art-royal .pro-preview,.art-celestial .pro-preview{background:linear-gradient(145deg,#090807,var(--p-bg))}.art-noir .pro-device,.art-royal .pro-device,.art-celestial .pro-device{background:linear-gradient(180deg,var(--p-paper),#100d0b);border:1px solid rgba(255,255,255,.11)}.art-noir .theme-scene span,.art-royal .theme-scene span,.art-celestial .theme-scene span{box-shadow:0 0 80px color-mix(in srgb,var(--p-accent),transparent 45%)}.art-mono .pro-preview{background:#f8f7f2}.art-mono .pro-device{border-radius:0;box-shadow:10px 10px 0 #111;border:1px solid #111}.art-mono .theme-scene span,.art-mono .theme-scene i,.art-mono .theme-scene b{border-color:#111;border-radius:0;background:transparent}.art-botanical .theme-scene i,.art-botanical-white .theme-scene i,.art-mocha .theme-scene i{border-radius:62% 38% 60% 40%;transform:rotate(14deg)}.art-heritage .pro-preview:before,.art-songket .pro-preview:before,.art-woven .pro-preview:before,.art-royal-soft .pro-preview:before,.art-heritage-soft .pro-preview:before{background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--p-accent),transparent 86%) 0 1px,transparent 1px 18px),radial-gradient(circle at 76% 12%,color-mix(in srgb,var(--p-accent),transparent 68%),transparent 34%),linear-gradient(135deg,var(--p-bg),color-mix(in srgb,var(--p-accent),#fff 75%))}.art-arch .theme-scene i{height:230px;border-radius:90px 90px 20px 20px}.art-glass .pro-device{background:rgba(255,255,255,.62);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.8)}.art-paris .theme-scene span,.art-floral .theme-scene span{border-radius:42% 58% 58% 42%;transform:rotate(-15deg)}.theme-body{padding:24px}.theme-body h3{font-size:1.32rem}.theme-body p{line-height:1.55}.theme-actions .btn{min-height:44px}.premium-pricing .pricing-card{position:relative;overflow:hidden}.premium-pricing .pricing-card:before{content:"";position:absolute;inset:auto -40px -70px auto;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(182,138,85,.16),transparent 68%)}.premium-pricing .popular{background:linear-gradient(145deg,#14110e,#302417)}.premium-cta{background:linear-gradient(135deg,#11100e,#2b2118 58%,#4b3420);border:1px solid rgba(255,255,255,.08)}
.theme-gallery-hero{position:relative;padding:78px 0 44px;overflow:hidden}.theme-gallery-hero:before{content:"";position:absolute;inset:24px;border:1px solid rgba(24,20,16,.08);border-radius:46px}.theme-gallery-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:30px;align-items:end}.theme-gallery-layout h1{font-family:var(--serif);font-weight:400;font-size:clamp(3.8rem,7.2vw,7.4rem);letter-spacing:-.07em;line-height:.84;margin:18px 0 20px;max-width:920px}.theme-gallery-layout p{max-width:760px;color:#4c443d;font-size:1.13rem;line-height:1.7}.gallery-hero-card{padding:26px;border-radius:32px;background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.82);box-shadow:var(--studio-shadow-soft);display:grid;gap:14px}.gallery-hero-card strong{font-family:var(--display);font-size:1.5rem;letter-spacing:-.05em}.gallery-hero-card span{color:var(--studio-muted);font-weight:800}.premium-toolbar{position:sticky;top:92px;background:rgba(255,255,255,.74);border-radius:30px}.premium-toolbar input{min-width:360px}.premium-catalog{grid-template-columns:repeat(3,1fr)}
.dashboard-page .site-header,.admin-page .site-header{background:rgba(251,247,239,.84)}.dash-layout{gap:26px}.sidebar{background:rgba(255,255,255,.76);border-radius:32px}.sidebar a.active,.sidebar a:hover{background:linear-gradient(135deg,#11100e,#312319)}.dashboard-card,.form-card,.panel,.admin-card{background:rgba(255,255,255,.74);border-radius:32px}.form-card input,.form-card textarea,.form-card select{border-radius:18px}.table td,table td{background:rgba(255,255,255,.78)}
@media(max-width:1100px){.studio-hero-grid,.split-showcase,.theme-gallery-layout{grid-template-columns:1fr}.studio-preview{min-height:620px}.preview-browser{right:90px}.premium-strip{grid-template-columns:repeat(2,1fr)}.premium-catalog,.premium-theme-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.studio-hero{padding:56px 0 36px}.studio-hero:before,.theme-gallery-hero:before{inset:12px;border-radius:34px}.studio-hero-copy h1,.theme-gallery-layout h1{font-size:clamp(3.25rem,14vw,5.25rem)}.studio-proof{grid-template-columns:1fr 1fr}.studio-preview{min-height:590px}.preview-browser{inset:20px 0 auto 0;height:390px}.floating-phone-pro{width:238px;height:500px;right:10px}.phone-cover h3{font-size:3.45rem}.status-a{left:8px;bottom:102px}.status-b{right:20px;top:4px}.premium-strip,.premium-catalog,.premium-theme-grid,.bento-grid{grid-template-columns:1fr}.bento-card.large{min-height:270px}.split-showcase{gap:18px}.premium-toolbar input{min-width:0}.theme-gallery-hero{padding:58px 0 30px}.gallery-hero-card{max-width:100%}}
@media(max-width:560px){.studio-proof{grid-template-columns:1fr}.studio-preview{min-height:540px}.preview-browser{height:332px}.browser-content{padding:16px}.browser-grid{gap:9px}.mini-theme{min-height:108px;border-radius:18px}.mini-theme i{width:46px;height:76px}.floating-phone-pro{width:198px;height:420px;right:0;bottom:16px;border-radius:34px}.phone-cover{border-radius:26px}.phone-cover h3{font-size:2.9rem}.floating-status{display:none}.premium-strip div{min-height:138px}.pro-preview{min-height:360px}.pro-device{width:78%;height:300px}.pro-device h3{font-size:3.2rem}.theme-card{border-radius:30px}.theme-gallery-layout p,.studio-hero-copy .lead{font-size:1.04rem}.theme-toolbar{padding:10px}.premium-toolbar .filters{display:grid;grid-template-columns:1fr}.premium-toolbar input,.premium-toolbar select{width:100%}}