/* manrope-cyrillic-ext-wght-normal */
@font-face {
  font-family: 'Manrope Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/assets/fonts/manrope/manrope-cyrillic-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* manrope-cyrillic-wght-normal */
@font-face {
  font-family: 'Manrope Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/assets/fonts/manrope/manrope-cyrillic-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* manrope-greek-wght-normal */
@font-face {
  font-family: 'Manrope Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/assets/fonts/manrope/manrope-greek-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* manrope-vietnamese-wght-normal */
@font-face {
  font-family: 'Manrope Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/assets/fonts/manrope/manrope-vietnamese-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* manrope-latin-ext-wght-normal */
@font-face {
  font-family: 'Manrope Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/assets/fonts/manrope/manrope-latin-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* manrope-latin-wght-normal */
@font-face {
  font-family: 'Manrope Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/assets/fonts/manrope/manrope-latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* Public pages only. The portal artwork, black chat and account workspaces
   retain their own visual systems. No generated preview content is restyled. */
body[data-design="refined"] {
  --ui-gold:#e6c98c; --ui-gold-light:#f5e2b7; --ui-text:#f4f2ec;
  --ui-muted:#adb4c0; --ui-line:#ffffff16; --ui-surface:#12171ee8;
  --product-gold:var(--ui-gold); --product-text:var(--ui-text);
  --product-muted:var(--ui-muted); --product-border:var(--ui-line);
  --product-surface:var(--ui-surface); --ui-shell:1320px; --ui-gutter:40px;
  font-family:'Manrope Variable',Manrope,Arial,sans-serif;
  color:var(--ui-text); font-optical-sizing:auto;
}
body[data-design="refined"] :is(button,input,textarea,select){font-family:inherit}
body[data-design="refined"] :is(h1,h2,h3){font-weight:650;letter-spacing:-.045em;text-wrap:balance}
body[data-design="refined"] p{color:var(--ui-muted);text-wrap:pretty}
body[data-design="refined"] :is(a,button,input,textarea,select,summary):focus-visible{outline:2px solid var(--ui-gold-light);outline-offset:5px}
body[data-design="refined"] ::selection{background:#e6c98c40;color:#fff}

/* A quieter, consistently sized navigation with a usable tablet drawer. */
body[data-design="refined"] .site-header{min-height:80px;padding:14px 28px;gap:20px;border-bottom:1px solid #ffffff0c;transition:background .25s,box-shadow .25s,border-color .25s}
body[data-design="refined"] .site-header.is-scrolled{background:#0b1018ed;border-color:var(--ui-line);box-shadow:0 12px 40px #0002}
body[data-design="refined"] .site-header .brand{gap:10px;font-size:16px;letter-spacing:-.03em}
body[data-design="refined"] .site-header .brand img{width:36px;height:36px;border-radius:11px}
body[data-design="refined"] .site-header .nav>a{border-radius:9px;transition:color .2s,background .2s;color:#c5cbd3;text-decoration:none}
body[data-design="refined"] .site-header .nav>a:hover{color:#fff;background:#ffffff08}
body[data-design="refined"] .site-header .nav>a[aria-current="page"]{color:var(--ui-gold);background:#e6c98c0c}
body[data-design="refined"] .nav-actions{gap:10px}
body[data-design="refined"] .nav-actions :is(.nav-login,.nav-cta){min-height:42px;border-radius:99px!important;font-size:11px;padding:0 16px;box-shadow:none;border:1px solid #e6c98c45;color:var(--ui-gold-light);background:#e6c98c08}
body[data-design="refined"] .nav-actions .nav-cta{background:#e6c98c14}
body[data-design="refined"] .site-menu-toggle{width:44px;min-height:44px;border:1px solid var(--ui-line);border-radius:12px;background:#ffffff06;color:var(--ui-text)}
body[data-design="refined"] .site-menu-toggle{position:relative;font-size:0!important;flex-shrink:0}
body[data-design="refined"] .site-menu-toggle::before,body[data-design="refined"] .site-menu-toggle::after{content:'';position:absolute;width:18px;height:1px;background:#d8dfe8;transition:transform .2s}
body[data-design="refined"] .site-menu-toggle::before{transform:translateY(-3px)}
body[data-design="refined"] .site-menu-toggle::after{transform:translateY(3px)}
body[data-design="refined"] .site-menu-toggle[aria-expanded="true"]::before{transform:rotate(45deg)}
body[data-design="refined"] .site-menu-toggle[aria-expanded="true"]::after{transform:rotate(-45deg)}

/* One button language, with a small inset light instead of a heavy glow. */
body[data-design="refined"] :is(.primary-btn,.feature-link,.studio-primary,.builder-primary,.agent-primary){
  min-height:48px;padding:13px 21px;border:1px solid #f5e2b766!important;border-radius:13px!important;
  background:linear-gradient(135deg,#f0d79f,#d9b979)!important;color:#171610!important;
  font-size:13px;font-weight:750;line-height:1.5;text-decoration:none;
  box-shadow:inset 0 1px #fff5,0 5px 18px #0002;
  transition:transform .2s,box-shadow .2s,filter .2s;
}
body[data-design="refined"] :is(.primary-btn,.feature-link,.studio-primary,.builder-primary,.agent-primary):disabled{filter:grayscale(.5);opacity:.55;cursor:default}
body[data-design="refined"] .feature-link{gap:24px}
body[data-design="refined"] .feature-link>span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #201b151f;border-radius:50%;font-size:16px;font-weight:500}
body[data-design="refined"] :is(.ghost-btn,.builder-secondary){min-height:48px;padding:13px 21px;border:1px solid #ffffff30!important;border-radius:13px!important;background:#0d152044!important;color:var(--ui-text)!important;font-size:13px;line-height:1.5;backdrop-filter:blur(10px);box-shadow:inset 0 1px #ffffff08;transition:transform .2s,border-color .2s,background .2s}
body[data-design="refined"] .eyebrow{border:1px solid #e6c98c29;border-radius:99px;padding:9px 14px;background:#e6c98c06;color:var(--ui-gold);font-size:11px;letter-spacing:.03em}
body[data-design="refined"] .eyebrow::before{width:5px;height:5px;border-radius:50%;box-shadow:0 0 12px #e6c98c60;background:var(--ui-gold)}

/* Keep the original landscape and its pixel effects. Give the content air. */
body[data-design="refined"] .hero{min-height:860px;padding:152px var(--ui-gutter) 184px;display:flex;align-items:flex-start;justify-content:center}
body[data-design="refined"] .hero-content{width:min(100%,1100px);max-width:1100px;text-align:center;margin-inline:auto}
body[data-design="refined"] .hero-content .refined-hero-label{display:inline-flex;align-items:center;gap:9px;margin:0 auto 26px;padding:8px 13px;border:1px solid #e6c98c38;border-radius:99px;color:#e8d4aa;font-size:10px;line-height:1.3;letter-spacing:.16em;background:#07162740;backdrop-filter:blur(12px)}
body[data-design="refined"] .refined-hero-label i{width:5px;height:5px;border-radius:50%;background:var(--ui-gold);box-shadow:0 0 12px #e6c98c80}
body[data-design="refined"] .hero-content h1{font-size:clamp(44px,4.8vw,72px)!important;line-height:1.08!important;font-weight:650;letter-spacing:-.052em;max-width:1000px;margin:0 auto 25px}
body[data-design="refined"] .hero-content h1 span{display:block}
body[data-design="refined"] .hero-content h1 span+span{color:#f2e4c7}
body[data-design="refined"] .hero-content>p:not(.refined-hero-label){max-width:620px;font-size:17px;line-height:1.8;margin:0 auto;color:#c1cedc}
body[data-design="refined"] .hero-actions{display:flex;justify-content:center;gap:12px;margin-top:32px}
body[data-design="refined"] .hero-actions>a{flex:0 1 auto}
body[data-design="refined"] .hero-service-carousel{width:100%;max-width:1000px;margin:40px auto 0;gap:10px;padding:2px 0 14px;scrollbar-width:none}
body[data-design="refined"] .hero-service-carousel[data-home-shortcuts]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 16px),transparent)}
body[data-design="refined"] .hero-service-carousel a{min-width:0;flex:1 0 0;min-height:104px;padding:17px 15px;border:1px solid #ffffff20;border-radius:16px;background:linear-gradient(145deg,#ffffff14,#ffffff04);box-shadow:inset 0 1px #ffffff08;backdrop-filter:blur(14px);transition:border-color .2s,transform .2s,background .2s}
body[data-design="refined"] .hero-service-carousel a::before{width:5px;height:5px;margin-bottom:12px;border-radius:50%;background:var(--ui-gold);box-shadow:0 0 12px #e6c98c55}
body[data-design="refined"] .hero-service-carousel strong{font-size:11px;line-height:1.4;font-weight:750;letter-spacing:-.02em}
body[data-design="refined"] .hero-service-carousel small{font-size:10px;line-height:1.5;margin-top:5px;color:#aabdd1}

/* Editorial spacing, complete illustrations and consistent image framing. */
body[data-design="refined"] :is(.product-feature,.home-tool-grid){max-width:var(--ui-shell);box-sizing:border-box;margin-inline:auto;padding-inline:var(--ui-gutter)}
body[data-design="refined"] .product-feature{gap:76px;padding-block:100px;grid-template-columns:1fr 1.12fr}
body[data-design="refined"] .feature-kicker{display:flex;align-items:center;gap:12px;color:var(--ui-gold)!important;font-size:10px!important;font-weight:650;letter-spacing:.17em;line-height:1.5;margin-bottom:21px!important}
body[data-design="refined"] .feature-kicker::before{content:'';width:24px;height:1px;background:var(--ui-gold);opacity:.65;flex:none}
body[data-design="refined"] .feature-copy h2{font-size:clamp(32px,3.3vw,46px);line-height:1.16;font-weight:600;max-width:18ch;margin-bottom:23px}
body[data-design="refined"] .feature-copy>p:not(.feature-kicker){font-size:15px;line-height:1.9;color:var(--ui-muted);max-width:52ch}
body[data-design="refined"] .feature-tags{gap:8px;margin:25px 0 12px}
body[data-design="refined"] .feature-tags li{padding:8px 11px;border:1px solid var(--ui-line);background:#ffffff03;color:#c1c8d1;font-size:10px}
body[data-design="refined"] .home-feature-art{height:auto;aspect-ratio:16/9;overflow:hidden;border-radius:24px;border:1px solid #ffffff15;box-shadow:0 24px 60px #0003,inset 0 1px #ffffff0d;background:#0d1117}
body[data-design="refined"] .home-feature-art img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
body[data-design="refined"] .home-tool-grid{gap:28px;padding-top:0;padding-bottom:48px;grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-design="refined"] .feature-card{border:1px solid var(--ui-line);border-radius:26px;background:linear-gradient(145deg,#18202bd9,#10141be8);box-shadow:0 12px 40px #0002;transition:border-color .25s,transform .25s,box-shadow .25s}
body[data-design="refined"] .feature-card .home-feature-art{border-radius:0;border:0;border-bottom:1px solid var(--ui-line);box-shadow:none}
body[data-design="refined"] .feature-card .feature-copy{padding:33px 34px 35px}
body[data-design="refined"] .feature-card h2{font-size:31px;max-width:22ch;margin-bottom:16px}
body[data-design="refined"] .feature-card .feature-copy>p:not(.feature-kicker){font-size:14px;line-height:1.85;margin-bottom:28px}
body[data-design="refined"] .feature-card .feature-link{margin-top:auto}
body[data-design="refined"] .home-video{margin-block:0 48px;border-color:var(--ui-line);padding-block:78px}
body[data-design="refined"] .video-demo{padding:18px;border:1px solid #ffffff1b;border-radius:26px;background:linear-gradient(145deg,#1a202ad9,#11151be8);box-shadow:0 22px 60px #0003}
body[data-design="refined"] .video-demo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:15px}
body[data-design="refined"] .video-status{color:var(--ui-gold);font-size:10px;letter-spacing:.04em;margin:0 0 15px 3px;display:inline-flex;gap:8px;align-items:center}
body[data-design="refined"] .video-status::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--ui-gold)}
body[data-design="refined"] .feature-copy .feature-footnote{font-size:11px!important;line-height:1.8!important;max-width:48ch;margin-top:18px}

/* Pricing remains a real comparison, with a native horizontal rail on phones. */
body[data-design="refined"] .plan-allowances{max-width:var(--ui-shell)!important;margin:0 auto!important;padding:42px 28px!important;border:1px solid var(--ui-line);border-radius:28px;background:linear-gradient(145deg,#121a25eb,#0d121bed);box-shadow:inset 0 1px #ffffff05,0 24px 80px #0002}
body[data-design="refined"] .plan-allowances>h2{font-size:27px;font-weight:600;margin:0 0 30px}
body[data-design="refined"] .subscription-grid{gap:13px}
body[data-design="refined"] .subscription-card{padding:26px 18px;border:1px solid #ffffff16;border-radius:20px;background:linear-gradient(150deg,#1b212bb8,#121820ed);box-shadow:inset 0 1px #ffffff05;transition:transform .25s,border-color .25s,box-shadow .25s}
body[data-design="refined"] .subscription-card.is-featured{border-color:#e6c98c99;background:linear-gradient(160deg,#e6c98c16,#161d27 62%);box-shadow:inset 0 1px #f6e0b52b,0 10px 50px #d1ab4f09}
body[data-design="refined"] .subscription-label{font-size:9px;letter-spacing:.13em;color:#959eac}
body[data-design="refined"] .is-featured .subscription-label{color:var(--ui-gold)}
body[data-design="refined"] .subscription-card h3{font-size:21px;line-height:1.3;margin:20px 0 12px}
body[data-design="refined"] .subscription-description{font-size:11px;line-height:1.8;min-height:44px}
body[data-design="refined"] .subscription-price{margin-block:27px}
body[data-design="refined"] .subscription-price strong{font-size:37px;font-weight:650;letter-spacing:-.06em}
body[data-design="refined"] .subscription-price span{font-size:10px}
body[data-design="refined"] .subscription-cta{font-size:11px;padding:12px 11px;min-height:46px;border:1px solid #ffffff26;border-radius:11px;background:#ffffff04;box-shadow:inset 0 1px #ffffff05}
body[data-design="refined"] .is-featured .subscription-cta{background:linear-gradient(135deg,#efd49b,#d7b573);border-color:#e6c98c;color:#171610}
body[data-design="refined"] .subscription-credits{padding-block:24px 18px}
body[data-design="refined"] .subscription-credits strong{font-size:25px;font-weight:600;letter-spacing:-.035em}
body[data-design="refined"] .subscription-limits>div{font-size:11px;padding-block:8px}
body[data-design="refined"] .subscription-caption{font-size:10px;line-height:1.8}
body[data-design="refined"] .subscription-includes{font-size:10px;line-height:1.8;gap:10px}
body[data-design="refined"] .subscription-video{border-color:#e6c98c25;background:#e6c98c05;border-radius:12px}
body[data-design="refined"] .subscription-video-heading{color:var(--ui-gold);font-size:11px}
body[data-design="refined"] .subscription-video-limits dd{color:var(--ui-gold-light)}
body[data-design="refined"] .plan-disclosure{border-color:var(--ui-line);border-radius:16px;background:#ffffff02}
body[data-design="refined"] .plan-disclosure summary{padding-block:22px;font-size:13px}
body[data-design="refined"] :is(.plan-budget-note,.plan-video-policy,.plan-video-estimate-note){font-size:12px!important;line-height:1.8!important;color:#a8b1be}
body[data-design="refined"][data-beams-background="home"] #planuri{max-width:var(--ui-shell);padding-inline:var(--ui-gutter);margin:0 auto 76px}

/* Shared section rhythm, followed by intentionally larger visual cards. */
body[data-design="refined"] .section{padding:84px var(--ui-gutter);border-color:var(--ui-line)}
body[data-design="refined"] :is(.section-head,.section-headline){gap:48px;margin-bottom:36px}
body[data-design="refined"] :is(.section-head,.section-headline) h2{font-size:clamp(30px,3.2vw,44px);font-weight:600;line-height:1.17;max-width:24ch;margin-top:22px}
body[data-design="refined"] .section-head p{font-size:14px;line-height:1.9;max-width:48ch;color:var(--ui-muted)}
body[data-design="refined"] .section.home-pwa-section.app-teaser{max-width:calc(var(--ui-shell) - 80px);margin:0 auto 20px;padding:35px 38px;border:1px solid #ffffff18;border-radius:22px;background:linear-gradient(120deg,#e6c98c09,#11192599);gap:32px}
body[data-design="refined"] .app-teaser h2{font-size:28px!important;font-weight:600}
body[data-design="refined"] .app-teaser p{font-size:13px;line-height:1.85;max-width:60ch}
body[data-design="refined"] :is(.ai-services-home,.blog-recommendations,.contact-section){max-width:var(--ui-shell);margin-inline:auto;box-sizing:border-box}
body[data-design="refined"] :is(.ai-home-grid,.blog-carousel){gap:24px;grid-auto-columns:calc((100% - 48px)/3);padding:2px 0 12px;scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;border-radius:20px}
body[data-design="refined"] :is(.ai-home-grid,.blog-carousel)::-webkit-scrollbar{display:none}
body[data-design="refined"] :is(.ai-home-grid,.blog-carousel)>a{position:relative;min-width:0;padding:0 0 26px;border:1px solid var(--ui-line);border-radius:20px;background:linear-gradient(145deg,#1b212bd9,#11161ee8);box-shadow:inset 0 1px #ffffff05;overflow:hidden;scroll-snap-align:start;transition:transform .25s,border-color .25s,box-shadow .25s}
body[data-design="refined"] :is(.ai-home-grid,.blog-carousel)>a>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-bottom:1px solid var(--ui-line);margin:0 0 24px;transition:transform .6s}
body[data-design="refined"] :is(.ai-home-grid,.blog-carousel)>a>span{display:inline-block;margin:0 24px 14px;border:1px solid #e6c98c24;background:#e6c98c07;border-radius:99px;padding:6px 10px;font-size:10px;color:var(--ui-gold);line-height:1.5}
body[data-design="refined"] :is(.ai-home-grid,.blog-carousel)>a>h3{margin:0 24px 13px;font-size:19px;line-height:1.45;letter-spacing:-.03em;font-weight:650}
body[data-design="refined"] :is(.ai-home-grid,.blog-carousel)>a>p{margin:0 24px;color:var(--ui-muted);font-size:12px;line-height:1.85}
body[data-design="refined"] .refined-rail-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:0 2px}
body[data-design="refined"] .refined-rail-controls>a{font-size:11px;color:var(--ui-gold-light);text-decoration:none;min-height:44px;display:flex;align-items:center;gap:12px}
body[data-design="refined"] .refined-rail-controls>div{display:flex;align-items:center;gap:8px}
body[data-design="refined"] .refined-rail-controls span{color:#929baa;font-size:10px;font-variant-numeric:tabular-nums;margin-right:12px;letter-spacing:.1em}
body[data-design="refined"] .refined-rail-controls button{display:grid;place-items:center;min-height:44px;width:44px;background:#ffffff04;border:1px solid #ffffff23;border-radius:50%;color:var(--ui-gold-light);font-size:20px;cursor:pointer;transition:background .2s,border-color .2s}
body[data-design="refined"] .refined-rail-controls button:disabled{opacity:.3;cursor:default}
body[data-design="refined"] .contact-grid{gap:16px}
body[data-design="refined"] .contact-card{padding:27px;border:1px solid var(--ui-line)!important;border-radius:20px!important;background:#131a24c9;box-shadow:inset 0 1px #ffffff04;overflow-wrap:anywhere}
body[data-design="refined"] .contact-card :is(h3,strong){font-size:17px;line-height:1.5}
body[data-design="refined"] .contact-card p{font-size:12px;line-height:1.8}
body[data-design="refined"] .location-box{border-color:var(--ui-line);border-radius:20px;background:#ffffff02;padding:28px;margin-top:18px}
body[data-design="refined"] .site-footer{background:#090e16d9;border-color:var(--ui-line)}
body[data-design="refined"] .footer{max-width:var(--ui-shell);margin:auto;gap:60px;padding:56px var(--ui-gutter)!important;border-top:0}
body[data-design="refined"] .footer p{font-size:12px;line-height:1.9;color:#939eac}
body[data-design="refined"] .footer :is(h3,h4){font-size:13px;font-weight:650}
body[data-design="refined"] .footer a{font-size:12px;line-height:1.8;color:#b3bdcb;transition:color .2s}
body[data-design="refined"] .footer a:hover{color:var(--ui-gold-light)}

/* Apply the same typography and surfaces to the public product pages. */
body[data-design="refined"] :is(.menu-page-hero,.service-hero,.blog-hero){padding-block:80px 56px!important;gap:56px!important}
body[data-design="refined"] .blog-hero{min-height:0;padding-block:75px 62px!important}
body[data-design="refined"] .blog-hero .container{max-width:900px}
body[data-design="refined"] .blog-hero h1{margin-block:25px 22px}
body[data-design="refined"] .blog-hero p{max-width:62ch;margin-inline:auto;font-size:16px;line-height:1.9}
body[data-design="refined"] .service-hero{min-height:0;padding-inline:max(40px,calc((100vw - 1240px)/2));grid-template-columns:minmax(0,1fr) 390px}
body[data-design="refined"] .service-hero-copy p{font-size:15px;line-height:1.9;color:var(--ui-muted);max-width:58ch}
body[data-design="refined"] .service-summary{padding:24px;border:1px solid var(--ui-line);border-radius:24px;background:linear-gradient(145deg,#1b222be0,#111720eb);overflow:hidden;box-shadow:inset 0 1px #ffffff08,0 20px 60px #0002}
body[data-design="refined"] .service-summary-image{width:calc(100% + 48px);max-width:none;margin:-24px -24px 25px;border:0;border-bottom:1px solid var(--ui-line);object-fit:contain}
body[data-design="refined"] :is(.service-summary,.service-link-card) .service-icon{width:38px;height:38px;border:1px solid #e6c98c30;border-radius:11px;background:#e6c98c0a;color:var(--ui-gold);box-shadow:none;font-size:11px;font-weight:650}
body[data-design="refined"] .service-price{font-size:32px;font-weight:600;letter-spacing:-.045em}
body[data-design="refined"] .service-summary p{font-size:13px;line-height:1.85}
body[data-design="refined"] :is(.menu-page-hero,.service-hero,.blog-hero,.about-intro,.studio-intro,.builder-intro,.agent-hero,.pwa-copy,.pricing-page-hero) h1{font-size:clamp(36px,4.1vw,60px)!important;line-height:1.12!important;font-weight:600;letter-spacing:-.05em}
body[data-design="refined"] :is(.menu-page-hero,.service-hero,.blog-hero)>p{max-width:60ch;font-size:16px;line-height:1.9}
body[data-design="refined"] :is(.menu-page-summary,.service-panel,.legal-card,.about-cards article,.studio-controls,.studio-output,.builder-form,.builder-editor,.builder-result,.builder-next>article){border:1px solid var(--ui-line)!important;border-radius:22px!important;background:linear-gradient(145deg,#171e29e0,#111720eb)!important;box-shadow:inset 0 1px #ffffff05,0 12px 36px #0001}
body[data-design="refined"] :is(.service-link-card,.post-card){position:relative;border:1px solid var(--ui-line)!important;border-radius:22px!important;background:linear-gradient(145deg,#1a222de0,#111720eb);box-shadow:inset 0 1px #ffffff05;transition:transform .25s,border-color .25s,box-shadow .25s}
body[data-design="refined"] .service-index-grid{gap:26px}
body[data-design="refined"] .service-link-card{padding:26px}
body[data-design="refined"] .service-card-image{margin:-26px -26px 25px;border-radius:21px 21px 0 0;border-bottom:1px solid var(--ui-line)}
body[data-design="refined"] .service-link-card h2{font-size:23px;line-height:1.35;font-weight:650;margin-bottom:15px}
body[data-design="refined"] .service-link-card p{font-size:14px;line-height:1.85}
body[data-design="refined"] .service-cover{border:1px solid var(--ui-line);border-radius:24px;overflow:hidden}
body[data-design="refined"] .service-cover img{width:100%;height:auto;object-fit:contain}
body[data-design="refined"] .service-knowledge-sections>article{border-color:var(--ui-line)!important;border-radius:22px!important;background:#141b25a8}
body[data-design="refined"] :is(.menu-page-content,.service-knowledge-sections) p{line-height:1.9;color:var(--ui-muted)}
body[data-design="refined"] .blog-grid{gap:26px}
body[data-design="refined"] .post-card h2{font-size:23px;line-height:1.4;font-weight:650}
body[data-design="refined"] .post-card p{font-size:14px;line-height:1.85}
body[data-design="refined"] .article-body{max-width:760px;font-size:16px;line-height:1.95}
body[data-design="refined"] .article-body :is(h2,h3){font-weight:600;margin-top:2em;line-height:1.3;color:var(--ui-text)}
body[data-design="refined"] .article-body h2{font-size:30px}
body[data-design="refined"] .article-body a{color:var(--ui-gold-light);text-underline-offset:4px}
body[data-design="refined"] .about-current{max-width:var(--ui-shell);padding:76px var(--ui-gutter)}
body[data-design="refined"] .about-intro{max-width:870px;margin-bottom:78px}
body[data-design="refined"] .about-intro>p:not(.feature-kicker){font-size:17px;line-height:1.9;color:var(--ui-muted)}
body[data-design="refined"] .about-story{padding-block:48px;border-color:var(--ui-line)}
body[data-design="refined"] .about-cards article{padding:32px}
body[data-design="refined"] .about-cards p{color:var(--ui-muted);line-height:1.9}
body[data-design="refined"] .pricing-page-hero{padding-block:70px 45px}
body[data-design="refined"] .pricing-page-hero h1{margin:23px auto}
body[data-design="refined"] :is(.studio-intro,.builder-intro,.agent-hero){margin-bottom:40px}
body[data-design="refined"] :is(.studio-lead,.builder-lead,.agent-lead){font-size:15px;line-height:1.9;color:var(--ui-muted)}
body[data-design="refined"] .studio-controls{padding:28px}
body[data-design="refined"] :is(.studio-controls,.builder-form,.builder-editor) :is(textarea,input:not([type=checkbox]):not([type=radio]),select){background:#080f18d9;color:var(--ui-text);border:1px solid #ffffff21;border-radius:12px;box-shadow:inset 0 1px 4px #0001;min-height:46px;line-height:1.6}
body[data-design="refined"] :is(.studio-controls,.builder-form,.builder-editor) :is(textarea,input)::placeholder{color:#7e8b9d;opacity:1}
body[data-design="refined"] :is(.studio-tabs,.studio-result-tabs,.builder-tabs){gap:6px}
body[data-design="refined"] .studio-examples button{border-color:var(--ui-line);border-radius:17px;background:#141d28a8;font-size:13px;line-height:1.8}
body[data-design="refined"] .studio-process article{border-color:var(--ui-line);border-radius:18px;background:#141d28a8}
body[data-design="refined"] .pwa-benefits{gap:22px;border:0;padding-block:40px}
body[data-design="refined"] .pwa-benefits>div{padding:24px;border:1px solid var(--ui-line);border-radius:20px;background:#141d28a8}
body[data-design="refined"] .pwa-benefits p{line-height:1.85;color:var(--ui-muted)}
body[data-design="refined"] :is(.video-workspace,.credit-shop){border:1px solid var(--ui-line);border-radius:22px;background:linear-gradient(145deg,#171e29e0,#111720eb);box-shadow:inset 0 1px #ffffff05,0 12px 36px #0001}
body[data-design="refined"] .video-controls{background:#131a24b8;border-color:var(--ui-line)}
body[data-design="refined"] .video-preview-column{background:#0d141cc9}
body[data-design="refined"] .video-controls :is(textarea,select,input[type=number]){border-color:#ffffff21;background:#080f18d9;border-radius:12px;color:var(--ui-text)}
body[data-design="refined"] .video-model-card{background:#111923;border-color:#ffffff1b;border-radius:13px}
body[data-design="refined"] .video-model-card[aria-pressed=true]{border-color:#e6c98c80;background:#e6c98c0d;box-shadow:inset 0 1px #ffffff0a}
body[data-design="refined"] .credit-pack{border-color:var(--ui-line);border-radius:17px;background:#ffffff03}

/* Optional motion: the default state is always readable, even without JS. */
@keyframes refined-arrive{from{opacity:.75;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){body[data-design="refined"] .refined-enter{animation:refined-arrive .65s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms) both}}
@media(hover:hover) and (pointer:fine){
 body[data-design="refined"] :is(.primary-btn,.feature-link,.studio-primary,.builder-primary,.agent-primary):not(:disabled):hover{transform:translateY(-2px);box-shadow:inset 0 1px #fff6,0 8px 25px #d6ae4118;filter:brightness(1.05)}
 body[data-design="refined"] .ghost-btn:hover{background:#ffffff10!important;border-color:#ffffff50!important}
 body[data-design="refined"] :is(.feature-card,.ai-home-grid>a,.blog-carousel>a,.service-link-card,.post-card,.subscription-card):hover{border-color:#e6c98c54!important;box-shadow:0 14px 45px #0003,inset 0 1px #ffffff0c;transform:translateY(-3px)}
 body[data-design="refined"] :is(.feature-card,.ai-home-grid>a,.blog-carousel>a,.service-link-card,.post-card,.subscription-card){background-image:radial-gradient(340px circle at var(--shine-x,50%) var(--shine-y,0%),#e6c98c08,transparent 75%),linear-gradient(145deg,#1b222be0,#111720eb)}
 body[data-design="refined"] .subscription-card.is-featured{background-image:radial-gradient(340px circle at var(--shine-x,50%) var(--shine-y,0%),#e6c98c12,transparent 75%),linear-gradient(160deg,#e6c98c16,#161d27 62%)}
 body[data-design="refined"] .feature-card:hover .home-feature-art img{transform:scale(1.025)}
 body[data-design="refined"] .refined-rail-controls button:not(:disabled):hover{background:#e6c98c12;border-color:#e6c98c66}
 body[data-design="refined"] .hero-service-carousel a:hover{transform:translateY(-3px);background:#ffffff15;border-color:#e6c98c66}
}
@media(min-width:1360px){
 body[data-design="refined"] .site-header{display:flex;gap:16px}
 body[data-design="refined"] .site-header .nav{display:flex;position:static;flex:1;justify-content:center;gap:2px;max-height:none;padding:0;border:0;background:none;box-shadow:none;overflow:visible}
 body[data-design="refined"] .site-header .nav>a{font-size:11px;padding:11px 8px;white-space:nowrap}
 body[data-design="refined"] .site-header .site-menu-toggle{display:none}
 body[data-design="refined"] .site-header .mobile-language-links{display:none}
 body[data-design="refined"] .site-header .nav-actions{margin-left:auto}
 body[data-design="refined"] .site-header .nav-cta{display:inline-flex}
}
@media(max-width:1359px){
 body[data-design="refined"] .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px}
 body[data-design="refined"] .site-header .brand{grid-column:1}
 body[data-design="refined"] .site-header .nav-actions{grid-column:2;grid-row:1;margin:0}
 body[data-design="refined"] .site-header .site-menu-toggle{display:inline-flex;align-items:center;justify-content:center;grid-column:3;grid-row:1}
 body[data-design="refined"] .site-header .nav{display:none;position:absolute;top:calc(100% + 8px);left:20px;right:20px;max-height:calc(100dvh - 112px);overflow:auto;flex:none;padding:18px;border:1px solid #ffffff1c;border-radius:20px;background:#101823f5;box-shadow:0 24px 80px #0008;backdrop-filter:blur(24px);z-index:110}
 body[data-design="refined"] .site-header .nav>a{font-size:13px;padding:14px;white-space:normal;min-height:46px;display:flex;align-items:center}
 body[data-design="refined"].site-menu-open .site-header .nav,body[data-design="refined"] .site-header:is(.menu-open,.is-menu-open) .nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
 body[data-design="refined"] .site-header .mobile-language-links{display:flex;grid-column:1/-1;border-top:1px solid var(--ui-line);margin-top:10px;padding-top:12px}
 body[data-design="refined"] .site-header .nav-cta{display:inline-flex}
 body[data-design="refined"] .hero{min-height:830px;padding-top:138px}
 body[data-design="refined"] .product-feature{gap:46px;padding-block:80px}
 body[data-design="refined"] .contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1000px){
 body[data-design="refined"]{--ui-gutter:28px}
 body[data-design="refined"] .product-feature{gap:30px}
 body[data-design="refined"] .hero-content h1{font-size:54px!important}
 body[data-design="refined"] :is(.ai-home-grid,.blog-carousel){grid-auto-columns:calc((100% - 24px)/2)}
 body[data-design="refined"] .home-tool-grid{gap:20px}
 body[data-design="refined"] .feature-card .feature-copy{padding:27px}
 body[data-design="refined"] .feature-card h2{font-size:28px}
 body[data-design="refined"] .section.home-pwa-section.app-teaser{margin-inline:28px}
 body[data-design="refined"] .plan-allowances{padding:28px 22px!important}
 body[data-design="refined"] .subscription-card{padding:22px 16px}
}
@media(max-width:760px){
 body[data-design="refined"]{--ui-gutter:20px}
 body[data-design="refined"] .site-header{min-height:72px;padding:12px 18px;gap:9px}
 body[data-design="refined"] .site-header .brand{font-size:14px;gap:8px}
 body[data-design="refined"] .site-header .nav-actions{display:flex}
 body[data-design="refined"] .site-header .brand img{width:32px;height:32px;border-radius:10px}
 body[data-design="refined"] .nav-actions .nav-login{min-height:44px;padding:0 13px;font-size:10px}
 body[data-design="refined"] .site-header .nav-cta{display:none}
 body[data-design="refined"] .site-header .nav{left:12px;right:12px;padding:13px}
 body[data-design="refined"].site-menu-open .site-header .nav,body[data-design="refined"] .site-header:is(.menu-open,.is-menu-open) .nav{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-design="refined"] .hero{min-height:790px;padding:126px 20px 155px;align-items:flex-start}
 body[data-design="refined"] .hero-content .refined-hero-label{font-size:9px;letter-spacing:.14em;padding:8px 12px;margin-bottom:25px}
 body[data-design="refined"] .hero-content h1{font-size:clamp(35px,9.4vw,53px)!important;line-height:1.13!important;letter-spacing:-.055em;margin-bottom:24px}
 body[data-design="refined"] .hero-content>p:not(.refined-hero-label){font-size:14px;line-height:1.9;max-width:38ch}
 body[data-design="refined"] .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:29px auto 0;max-width:440px}
 body[data-design="refined"] .hero-actions>a{min-width:0;min-height:48px;padding:13px 10px;font-size:11px}
 body[data-design="refined"] .hero-actions>a:first-child{grid-column:1/-1}
 body[data-design="refined"] .hero-service-carousel{margin-top:29px;gap:10px;padding-bottom:12px;max-width:100%;scroll-snap-type:x mandatory}
 body[data-design="refined"] .hero-service-carousel a{flex:0 0 148px;min-height:99px;padding:15px;border-radius:15px}
 body[data-design="refined"] .hero-service-carousel strong{font-size:11px}
 body[data-design="refined"] .hero-service-carousel small{font-size:10px}
 body[data-design="refined"] .product-feature{grid-template-columns:1fr;gap:33px;padding-block:57px}
 body[data-design="refined"] .feature-kicker{font-size:9px!important;letter-spacing:.15em;margin-bottom:18px!important}
 body[data-design="refined"] .feature-copy h2{font-size:34px;line-height:1.19;max-width:21ch;margin-bottom:20px}
 body[data-design="refined"] .feature-copy>p:not(.feature-kicker){font-size:14px;line-height:1.9}
 body[data-design="refined"] .feature-tags{gap:7px;margin-block:22px 8px}
 body[data-design="refined"] .feature-tags li{font-size:9px;padding:8px 10px}
 body[data-design="refined"] .feature-link{font-size:12px;padding:12px 17px;min-height:48px}
 body[data-design="refined"] .home-feature-art{border-radius:20px}
 body[data-design="refined"] .home-tool-grid{grid-template-columns:1fr;gap:24px;padding-bottom:20px}
 body[data-design="refined"] .feature-card{border-radius:22px}
 body[data-design="refined"] .feature-card .feature-copy{padding:27px 25px 28px}
 body[data-design="refined"] .feature-card h2{font-size:28px;max-width:23ch}
 body[data-design="refined"] .feature-card .feature-copy>p:not(.feature-kicker){font-size:13px;margin-bottom:25px}
 body[data-design="refined"] .home-video{margin:24px 20px 38px;padding:38px 0;gap:30px}
 body[data-design="refined"] .video-demo{padding:13px;border-radius:22px}
 body[data-design="refined"] .video-demo img{border-radius:12px}
 body[data-design="refined"] .feature-copy .feature-footnote{font-size:10px!important;line-height:1.9!important}
 body[data-design="refined"][data-beams-background="home"] #planuri{padding:0 14px;margin-bottom:45px}
 body[data-design="refined"] .plan-allowances{padding:27px 16px!important;border-radius:23px}
 body[data-design="refined"] .plan-allowances>h2{font-size:24px;line-height:1.3;margin-bottom:25px}
 body[data-design="refined"] .subscription-grid{gap:14px;scroll-padding-inline:0}
 body[data-design="refined"] .subscription-grid .subscription-card{padding:25px 22px;border-radius:19px;flex-basis:88%;width:88%}
 body[data-design="refined"] .subscription-card h3{font-size:25px;margin:16px 0 10px}
 body[data-design="refined"] .subscription-description{font-size:12px;min-height:0}
 body[data-design="refined"] .subscription-price{margin-block:24px}
 body[data-design="refined"] .subscription-price strong{font-size:43px}
 body[data-design="refined"] .subscription-cta{font-size:12px;min-height:48px}
 body[data-design="refined"] .subscription-label{font-size:9px}
 body[data-design="refined"] .subscription-limits>div{font-size:12px}
 body[data-design="refined"] .subscription-includes{font-size:10px;gap:11px;line-height:1.8}
 body[data-design="refined"] .subscription-caption{font-size:11px}
 body[data-design="refined"] :is(.plan-budget-note,.plan-video-policy,.plan-video-estimate-note){font-size:10px!important}
 body[data-design="refined"] .section{padding:52px 20px}
 body[data-design="refined"] :is(.section-head,.section-headline){display:grid;grid-template-columns:1fr;gap:19px;margin-bottom:30px}
 body[data-design="refined"] :is(.section-head,.section-headline) h2{font-size:32px;line-height:1.2;max-width:23ch;margin-top:20px}
 body[data-design="refined"] .section-head p{font-size:13px;line-height:1.9}
 body[data-design="refined"] .section.home-pwa-section.app-teaser{margin:0 20px 10px;padding:27px 25px;gap:23px;border-radius:21px}
 body[data-design="refined"] .app-teaser h2{font-size:27px!important}
 body[data-design="refined"] .app-teaser p{font-size:12px}
 body[data-design="refined"] .app-teaser .primary-btn{font-size:12px}
 body[data-design="refined"] :is(.ai-home-grid,.blog-carousel){grid-auto-columns:86%;gap:16px;border-radius:20px}
 body[data-design="refined"] :is(.ai-home-grid,.blog-carousel)>a{padding-bottom:23px}
 body[data-design="refined"] :is(.ai-home-grid,.blog-carousel)>a>span{margin-inline:21px;font-size:9px}
 body[data-design="refined"] :is(.ai-home-grid,.blog-carousel)>a>h3{font-size:18px;margin-inline:21px}
 body[data-design="refined"] :is(.ai-home-grid,.blog-carousel)>a>p{margin-inline:21px;font-size:12px}
 body[data-design="refined"] .refined-rail-controls{gap:12px;margin-top:12px}
 body[data-design="refined"] .refined-rail-controls>a{font-size:10px}
 body[data-design="refined"] .refined-rail-controls span{font-size:9px;margin-right:5px}
 body[data-design="refined"] .contact-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-design="refined"] .contact-card{padding:21px 17px;border-radius:17px!important}
 body[data-design="refined"] .contact-card :is(h3,strong){font-size:14px}
 body[data-design="refined"] .contact-card p{font-size:11px}
 body[data-design="refined"] .footer{padding:42px 20px!important;gap:30px}
 body[data-design="refined"] :is(.menu-page-hero,.service-hero,.blog-hero){padding-block:50px 35px!important;gap:28px!important}
 body[data-design="refined"] .service-hero{grid-template-columns:1fr;padding-inline:20px}
 body[data-design="refined"] .service-summary{max-width:100%;width:100%;box-sizing:border-box}
 body[data-design="refined"] :is(.menu-page-hero,.service-hero,.blog-hero,.about-intro,.studio-intro,.builder-intro,.agent-hero,.pwa-copy,.pricing-page-hero) h1{font-size:36px!important;line-height:1.18!important;max-width:100%}
 body[data-design="refined"] .menu-page-hero{padding-inline:20px!important}
 body[data-design="refined"] .menu-page-summary{padding:25px}
 body[data-design="refined"] .service-index-grid{gap:24px}
 body[data-design="refined"] .service-link-card{padding:24px}
 body[data-design="refined"] .service-card-image{margin:-24px -24px 23px}
 body[data-design="refined"] .service-link-card h2{font-size:24px}
 body[data-design="refined"] .service-link-card p{font-size:13px}
 body[data-design="refined"] .post-card h2{font-size:23px}
 body[data-design="refined"] .article-body{font-size:15px;padding-inline:20px;line-height:1.95}
 body[data-design="refined"] .article-body h2{font-size:27px}
 body[data-design="refined"] .about-current{padding:45px 20px}
 body[data-design="refined"] .about-intro{margin-bottom:45px}
 body[data-design="refined"] .about-intro>p:not(.feature-kicker){font-size:15px}
 body[data-design="refined"] .about-story{padding-block:32px}
 body[data-design="refined"] .about-cards article{padding:26px}
 body[data-design="refined"] .pricing-page-hero{padding-block:40px 28px}
 body[data-design="refined"] :is(.studio-intro,.builder-intro,.agent-hero){margin-bottom:28px}
 body[data-design="refined"] .studio-controls{padding:23px}
 body[data-design="refined"] :is(.studio-controls,.builder-form,.builder-editor) :is(input:not([type=checkbox]):not([type=radio]),textarea,select){font-size:16px}
 body[data-design="refined"] .pwa-benefits{gap:12px}
 body[data-design="refined"] .pwa-benefits>div{padding:20px 17px;border-radius:18px}
}
@media(max-width:380px){
 body[data-design="refined"] .site-header{padding-inline:12px;gap:6px}
 body[data-design="refined"] .site-header .brand{font-size:12px;gap:6px}
 body[data-design="refined"] .nav-actions .nav-login{padding-inline:10px;font-size:9px}
 body[data-design="refined"] .hero-content h1{font-size:34px!important}
 body[data-design="refined"] .hero-actions>a{font-size:10px}
 body[data-design="refined"] .contact-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 html:has(body[data-design="refined"]){scroll-behavior:auto!important}
 body[data-design="refined"] :is(.refined-enter,.feature-card,.subscription-card,.service-link-card,.post-card,.home-feature-art img,.site-header,.primary-btn,.ghost-btn,.feature-link){animation:none!important;transition:none!important}
}