:root{
  --ink:#17222b;--paper:#fbfaf6;--surface:#fff;--soft:#eef2f1;--muted:#64707a;--accent:#0f8b8d;--accent-2:#ef8354;--line:rgba(23,34,43,.16);
  --font-head:'Manrope',sans-serif;--font-body:'DM Sans',sans-serif;--font-code:ui-monospace,SFMono-Regular,Consolas,monospace;
  --shadow:0 28px 80px -42px rgba(14,28,38,.48);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.nav-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
h1,h2,h3{font-family:var(--font-head);line-height:1.02;text-wrap:balance}
p{text-wrap:pretty}
.demo-wrap{width:min(1200px,calc(100% - 44px));margin-inline:auto}
.demo-section{padding:104px 0}
.skip-link{position:fixed;left:14px;top:10px;z-index:300;transform:translateY(-160%);background:var(--accent);color:#fff;padding:10px 14px;font-weight:800}
.skip-link:focus{transform:none}
.sample-bar{min-height:31px;padding:6px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--ink);color:color-mix(in srgb,var(--paper) 70%,transparent);font-family:var(--font-code);font-size:10px;letter-spacing:.09em;text-transform:uppercase}
.sample-bar b{color:var(--paper)}
.sample-bar a{text-decoration:underline;text-underline-offset:3px}
.demo-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--paper) 92%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.demo-nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.demo-logo{display:flex;align-items:center;gap:11px;font-family:var(--font-head);font-size:18px;font-weight:800;letter-spacing:-.035em}
.demo-logo-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:13px;font-weight:900}
.demo-links{display:flex;align-items:center;gap:27px;color:var(--muted);font-size:13px;font-weight:700}
.demo-links a{position:relative;padding:7px 0}
.demo-links a::after{content:'';position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--accent);transition:right .2s ease}
.demo-links a:hover::after{right:0}
.demo-actions{display:flex;align-items:center;gap:10px}
.demo-menu{display:none;width:45px;height:45px;border:1px solid var(--line);background:var(--surface);color:var(--ink);place-items:center}
.demo-menu span,.demo-menu::before,.demo-menu::after{content:'';display:block;width:20px;height:2px;background:currentColor;transition:.2s ease}
.demo-menu span{margin:5px 0}.nav-open .demo-menu span{opacity:0}.nav-open .demo-menu::before{transform:translateY(7px) rotate(45deg)}.nav-open .demo-menu::after{transform:translateY(-7px) rotate(-45deg)}
.demo-btn{min-height:48px;padding:12px 20px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;color:inherit}
.demo-btn:hover{transform:translateY(-2px)}
.demo-btn.primary{background:var(--accent);color:#fff;box-shadow:0 15px 28px -18px var(--accent)}
.demo-btn.secondary{background:color-mix(in srgb,var(--surface) 85%,transparent);border-color:var(--line)}
.demo-btn.text{min-height:auto;padding:10px 2px;border-bottom:1px solid currentColor}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:30px}
.demo-kicker{display:flex;align-items:center;gap:9px;color:var(--accent);font-family:var(--font-code);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.demo-kicker::before{content:'';width:25px;height:1px;background:currentColor}
.service-tag{display:block;color:var(--accent);font-family:var(--font-code);font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.service-copy h3{font-size:23px;margin:8px 0}
.service-copy p,.package-desc{color:var(--muted);font-size:14px}
.service-meta{margin-top:15px;color:var(--accent);font-size:12px;font-weight:800}
.service-number{font-family:var(--font-code);font-size:12px;font-weight:800;color:var(--accent)}
.package-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.package-index{font-family:var(--font-code);font-size:11px;color:var(--muted)}
.package-badge{padding:4px 8px;border:1px solid var(--line);font-family:var(--font-code);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.package-price{margin:16px 0 5px;font-family:var(--font-head);font-size:34px;font-weight:800;color:var(--accent);letter-spacing:-.04em}
.package-list{list-style:none;display:grid;gap:9px;margin:22px 0 28px;flex:1}
.package-list li{position:relative;padding-left:19px;color:var(--muted);font-size:13px}
.package-list li::before{content:'—';position:absolute;left:0;color:var(--accent);font-weight:900}
.lab-package,.dental-package,.tutor-package,.school-package,.trust-package,.umrah-package,.travel-ticket,.boutique-package,.restaurant-package,.salon-package,.gym-package,.photo-package,.repair-package,.realty-package,.legal-package,.interior-package{display:flex;flex-direction:column;min-width:0}
.faq-layout,.contact-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;align-items:start}
.faq-heading h2,.contact-copy h2{font-size:clamp(36px,5vw,62px);margin-top:16px}
.faq-heading p,.contact-copy>p{margin-top:18px;color:var(--muted);font-size:17px}
.faq-list{display:grid;border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-family:var(--font-head);font-size:16px;font-weight:800;cursor:pointer}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:'+';font-family:var(--font-code);color:var(--accent)}
.faq-list details[open] summary::after{content:'−'}
.faq-answer{padding:0 34px 19px 0;color:var(--muted);font-size:14px}
.contact-section{background:var(--ink);color:var(--paper)}
.contact-section .demo-kicker{color:var(--accent-2)}
.contact-copy>p{color:color-mix(in srgb,var(--paper) 67%,transparent)}
.contact-facts{display:grid;margin-top:32px;border-top:1px solid color-mix(in srgb,var(--paper) 16%,transparent)}
.contact-facts>div{display:grid;grid-template-columns:88px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid color-mix(in srgb,var(--paper) 16%,transparent);font-size:13px}
.contact-facts b{font-family:var(--font-code);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.contact-facts span{color:color-mix(in srgb,var(--paper) 70%,transparent)}
.lead-form{padding:34px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow)}
.form-heading>span{font-family:var(--font-code);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}
.form-heading h3{font-size:25px;margin:6px 0}.form-heading p{color:var(--muted);font-size:13px;margin-bottom:22px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}
.field label{font-family:var(--font-code);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid var(--line);background:var(--surface);color:var(--ink);outline:0;border-radius:0}
.field textarea{min-height:88px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent)}
.lead-form>.demo-btn{width:100%;margin-top:15px}.form-note{margin-top:9px;text-align:center;color:var(--muted);font-size:10px}
.demo-footer{padding:25px 0;background:color-mix(in srgb,var(--ink) 93%,#000);color:color-mix(in srgb,var(--paper) 62%,transparent);font-family:var(--font-code);font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.footer-row{display:flex;align-items:center;justify-content:space-between;gap:25px}.demo-footer a{text-decoration:underline;text-underline-offset:3px;color:var(--paper)}
.mobile-bar{display:none}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .58s ease,transform .58s ease}.reveal.in{opacity:1;transform:none}.delay-1{transition-delay:.07s}.delay-2{transition-delay:.14s}.delay-3{transition-delay:.21s}
figure[class*='-quote']{margin-top:76px}
figure[class*='-quote'] blockquote{font-family:var(--font-head);font-size:clamp(26px,4vw,48px);line-height:1.22;letter-spacing:-.025em}
figure[class*='-quote'] figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:8px 15px;margin-top:25px;color:var(--muted);font-size:13px}
figure[class*='-quote'] figcaption b{color:var(--ink)}figure[class*='-quote'] figcaption small{width:100%;font-size:10px}

/* 01 — Accurate Diagnostics: clinical report console */
body[data-design='lab']{--font-head:'Manrope',sans-serif;--font-body:'DM Sans',sans-serif;--accent-2:#45b7e8;background:#f7fbff}
.header-lab .demo-logo-mark{background:transparent;color:var(--accent);border:1px solid var(--accent);font-family:var(--font-code)}
.lab-hero{padding:50px 0 0;background:linear-gradient(#f8fbff,#eef6fb);border-bottom:1px solid var(--line)}
.lab-label{height:44px;display:grid;grid-template-columns:1fr 180px auto;align-items:center;gap:20px;border-block:1px solid var(--line);font-family:var(--font-code);font-size:10px;letter-spacing:.12em}
.lab-barcode{height:22px;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 5px,var(--ink) 5px 6px,transparent 6px 10px)}
.lab-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:74px;align-items:center;padding:74px 0}
.lab-copy h1{font-size:clamp(49px,6.7vw,82px);letter-spacing:-.06em;max-width:740px}.lab-copy>p{max-width:650px;margin-top:24px;color:var(--muted);font-size:19px}.lab-copy>small{display:block;margin-top:17px;color:var(--muted)}
.lab-report{background:#fff;border:1px solid var(--line);border-top:7px solid var(--accent);padding:28px;box-shadow:var(--shadow)}
.lab-report-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.lab-report-head span{font-family:var(--font-code);font-size:9px;letter-spacing:.1em;color:var(--muted)}.lab-report-head h2{font-size:25px;margin-top:5px}.lab-report-head>b{padding:5px 8px;background:#e6f7ef;color:#14714d;font-family:var(--font-code);font-size:9px}
.lab-report-body{margin-top:23px;border-top:1px solid var(--line)}.lab-report-row{display:grid;grid-template-columns:1fr auto;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.lab-report-row span{color:var(--muted)}.lab-report-row b{font-family:var(--font-code);font-size:12px}.lab-report>p{margin-top:18px;padding:13px;background:#edf6fb;color:var(--muted);font-size:12px}
.lab-signoff{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.lab-signoff>span{padding:11px;border:1px dashed var(--line);font-family:var(--font-code);font-weight:800}.lab-signoff small{display:block;color:var(--muted);font-size:9px;font-weight:500}
.lab-metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-bottom:0;background:#fff}.lab-metric{padding:22px;border-right:1px solid var(--line)}.lab-metric:last-child{border:0}.lab-metric b{display:block;font-family:var(--font-code);font-size:24px;color:var(--accent)}.lab-metric span{font-size:11px;color:var(--muted)}
.lab-section-head{display:grid;grid-template-columns:1fr .75fr;gap:70px;align-items:end;margin-bottom:42px}.lab-section-head h2{font-size:clamp(36px,5vw,59px);margin-top:13px}.lab-section-head>p{color:var(--muted)}
.lab-test-grid{border-top:1px solid var(--line)}.lab-test{display:grid;grid-template-columns:65px 1fr;padding:24px 0;border-bottom:1px solid var(--line)}.lab-test .service-copy{display:grid;grid-template-columns:150px 1.1fr 1fr 150px;gap:26px;align-items:start}.lab-test .service-copy h3{margin:0}.lab-test .service-copy p{margin:0}.lab-test .service-meta{margin:0;text-align:right}
.lab-workflow{background:#102a43;color:#f4fbff}.lab-workflow-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.lab-workflow h2{font-size:clamp(34px,4vw,52px);margin:14px 0 28px}.lab-workflow aside>p{color:#aac0cf}.lab-process{border-left:1px solid #35526a}.lab-step{position:relative;padding:0 0 24px 30px}.lab-step>span{position:absolute;left:-15px;top:0;width:30px;height:30px;display:grid;place-items:center;background:var(--accent);font-family:var(--font-code);font-size:9px}.lab-step h3{font-size:17px}.lab-step p{color:#aac0cf;font-size:13px;margin-top:5px}
.lab-decisions{display:grid;margin-top:26px}.lab-decision{display:grid;grid-template-columns:35px 1fr;gap:14px;padding:14px 0;border-top:1px solid #35526a}.lab-decision>span{font-family:var(--font-code);font-size:10px;color:var(--accent-2)}.lab-decision h3{font-size:16px}.lab-decision p{font-size:12px;color:#aac0cf}.lab-proof{display:flex;align-items:center;gap:15px;margin-top:20px}.lab-proof b{font-family:var(--font-code);font-size:33px;color:var(--accent-2)}.lab-proof span{max-width:190px;font-size:11px;color:#aac0cf}
.lab-pricing{background:#edf6fb}.lab-package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.lab-package{padding:29px;background:#fff}.lab-package.featured{box-shadow:inset 0 6px 0 var(--accent)}.lab-quote{padding:44px;border-left:7px solid var(--accent);background:#fff}.lab-faq{background:#fff}

/* 02 — Pearl Dental: calm care studio */
body[data-design='dental']{--font-head:'Manrope',sans-serif;--font-body:'DM Sans',sans-serif;--accent-2:#f0a36f;background:#f7fbfa}
.header-dental .demo-logo-mark{border-radius:50% 50% 42% 42%;background:var(--accent)}.header-dental .demo-btn,.dental-hero .demo-btn{border-radius:999px}
.dental-hero{padding:92px 0 0;background:#eef8f5;overflow:hidden}.dental-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:80px;align-items:center}.dental-pill{display:inline-flex;padding:8px 13px;border:1px solid #badbd4;border-radius:999px;color:var(--accent);font-size:11px;font-weight:800}.dental-copy h1{font-size:clamp(50px,7vw,84px);letter-spacing:-.065em;margin-top:22px}.dental-copy>p{max-width:610px;margin-top:23px;color:var(--muted);font-size:19px}.dental-copy>small{display:block;margin-top:18px;color:var(--muted)}
.dental-arch{position:relative;min-height:620px;padding:86px 45px 42px;background:#d9eee8;border-radius:48% 48% 10px 10px}.dental-orbit{position:absolute;left:-34px;top:42px;width:128px;height:128px;border-radius:50%;display:grid;place-content:center;text-align:center;background:#fff;border:1px solid #b9dbd2}.dental-orbit span,.dental-orbit small{font-size:9px;color:var(--muted)}.dental-orbit b{font-size:26px;color:var(--accent)}
.dental-appointment{background:#fff;padding:30px;border-radius:28px;box-shadow:var(--shadow)}.dental-appointment>div:first-child>span{font-size:10px;color:var(--muted)}.dental-appointment h2{font-size:27px;margin:5px 0 18px}.dental-row{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-top:1px solid var(--line);font-size:13px}.dental-row span{color:var(--muted)}.dental-appointment>p{padding:14px;margin-top:13px;background:#eef8f5;border-radius:15px;font-size:12px;color:var(--muted)}.dental-float{position:absolute;right:-25px;bottom:60px;padding:14px 18px;border-radius:18px;background:var(--ink);color:#fff}.dental-float b,.dental-float span{display:block}.dental-float b{font-size:24px}.dental-float span{font-size:10px;color:#b9d0d0}
.dental-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;background:#fff;border-radius:28px 28px 0 0}.dental-metric{padding:24px 25px}.dental-metric b{display:block;font-size:26px;color:var(--accent)}.dental-metric span{font-size:11px;color:var(--muted)}
.dental-heading{max-width:760px;margin-bottom:45px}.dental-heading h2{font-size:clamp(37px,5vw,60px);margin:14px 0}.dental-heading p{color:var(--muted);font-size:17px}.dental-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.dental-service{padding:29px 23px;background:#fff;border:1px solid #d4e7e2;border-radius:110px 110px 22px 22px;min-height:340px}.dental-service .service-number{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#e2f3ee;margin-bottom:48px}
.dental-care{background:#103c3b;color:#f4fbf9}.dental-care-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.dental-care h2{font-size:clamp(38px,5vw,62px);margin:15px 0}.dental-care-copy>p{color:#b9d0ce}.dental-proof{margin-top:38px;padding-top:25px;border-top:1px solid #39605e}.dental-proof b{display:block;font-size:48px;color:#94ded0}.dental-proof span{font-size:12px;color:#b9d0ce}.dental-decision{display:grid;grid-template-columns:42px 1fr;gap:17px;padding:18px 0;border-bottom:1px solid #39605e}.dental-decision>span{width:38px;height:38px;border:1px solid #5b8681;border-radius:50%;display:grid;place-items:center;font-size:10px}.dental-decision h3{font-size:18px}.dental-decision p{font-size:13px;color:#b9d0ce}
.dental-journey{background:#fff}.dental-process{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.dental-step{position:relative;padding-top:65px}.dental-step>span{position:absolute;top:0;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff}.dental-step::after{content:'';position:absolute;left:47px;right:-28px;top:21px;height:1px;background:#b6d8d1}.dental-step:last-child::after{display:none}.dental-step h3{font-size:18px}.dental-step p{margin-top:7px;color:var(--muted);font-size:13px}
.dental-packages{background:#eef8f5}.dental-package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.dental-package{padding:31px;background:#fff;border-radius:24px}.dental-package.featured{background:#d5eee7;transform:translateY(-10px)}.dental-quote{max-width:920px;margin-inline:auto;text-align:center}.dental-quote figcaption{justify-content:center}.dental-faq{background:#fff}.dental-contact .lead-form{border-radius:26px}

/* 03 — Nisha Home Tuition: personal study notebook */
body[data-design='tutor']{--font-head:'Sora',sans-serif;--font-body:'DM Sans',sans-serif;--accent-2:#3867d6;background:#fff9ed}
.header-tutor{background:rgba(255,249,237,.94)}.header-tutor .demo-logo-mark{transform:rotate(-5deg);background:#3867d6;border-radius:4px}.header-tutor .demo-btn{border-radius:6px}
.tutor-hero{padding:65px 0 0;background-color:#fffaf0;background-image:repeating-linear-gradient(0deg,transparent 0 37px,rgba(56,103,214,.09) 37px 38px)}.tutor-paper{position:relative;display:grid;grid-template-columns:44px 1fr .75fr;gap:55px;align-items:center;padding-block:65px;border-left:2px solid rgba(240,106,53,.45)}.tutor-margin{font-family:var(--font-code);font-size:10px;line-height:3.8;color:#cc7b66}.tutor-date{font-family:var(--font-code);font-size:10px;letter-spacing:.12em;color:#3867d6}.tutor-copy h1{font-size:clamp(47px,6.8vw,78px);letter-spacing:-.055em;margin-top:18px}.tutor-copy>p{font-size:18px;color:var(--muted);margin-top:24px}.tutor-copy>small{display:block;margin-top:17px;color:var(--muted)}
.tutor-note{position:relative;padding:35px 31px;background:#ffe59a;box-shadow:10px 12px 0 rgba(38,50,75,.12);transform:rotate(1.4deg)}.tutor-tape{position:absolute;top:-13px;left:37%;width:100px;height:28px;background:rgba(255,255,255,.62);transform:rotate(-4deg)}.tutor-note>small{font-family:var(--font-code);font-size:9px}.tutor-note h2{font-size:26px;margin:7px 0 18px}.tutor-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px dashed rgba(38,50,75,.25);font-size:12px}.tutor-note>p{margin-top:15px;font-size:12px}.tutor-stars{margin-top:18px;font-weight:800;color:#3867d6}
.tutor-tabs{display:grid;grid-template-columns:repeat(4,1fr)}.tutor-tab{padding:21px;border:1px solid var(--line);border-bottom:0;background:#fff}.tutor-tab:nth-child(even){background:#eef3ff}.tutor-tab b{display:block;font-size:24px}.tutor-tab span{font-size:11px;color:var(--muted)}
.tutor-heading{display:grid;grid-template-columns:170px 1fr 1fr;gap:35px;align-items:end;margin-bottom:44px}.tutor-heading>span{font-family:var(--font-code);font-size:10px;color:#3867d6}.tutor-heading h2{font-size:clamp(36px,5vw,58px)}.tutor-heading p{color:var(--muted)}
.tutor-chapters{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.tutor-chapter{display:grid;grid-template-columns:50px 1fr;padding:28px;background:#fff;border:1px solid var(--line);box-shadow:6px 6px 0 #dfe7fb}.tutor-chapter:nth-child(2n){box-shadow:6px 6px 0 #fbd7c7}.tutor-chapter .service-number{font-size:18px}.tutor-chapter .service-meta{padding-top:13px;border-top:1px dashed var(--line)}
.tutor-progress{background:#26324b;color:#fff}.tutor-progress-grid{display:grid;grid-template-columns:1fr .85fr;gap:75px}.tutor-progress h2{font-size:clamp(35px,4.5vw,57px);margin:14px 0 30px}.tutor-process{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#59657b}.tutor-step{padding:22px;background:#26324b}.tutor-step>span{font-family:var(--font-code);color:#f3b19a;font-size:10px}.tutor-step h3{font-size:17px;margin:9px 0}.tutor-step p{font-size:12px;color:#b9c1ce}.tutor-report{padding:31px;background:#fff9ed;color:var(--ink);transform:rotate(-1deg)}.tutor-report>span{font-family:var(--font-code);font-size:10px;color:#3867d6}.tutor-report h2{font-size:32px;margin:9px 0}.tutor-report>p{font-size:13px;color:var(--muted)}.tutor-decision{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:13px 0;border-bottom:1px dashed var(--line)}.tutor-decision>span{font-family:var(--font-code);font-size:9px}.tutor-decision h3{font-size:15px}.tutor-decision p{font-size:11px;color:var(--muted)}.tutor-report footer{display:flex;gap:12px;margin-top:20px}.tutor-report footer b{font-size:27px;color:#3867d6}.tutor-report footer span{font-size:10px;color:var(--muted)}
.tutor-package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tutor-package{padding:29px;border:2px solid var(--ink);background:#fff}.tutor-package:nth-child(2){transform:rotate(1deg);background:#fff1c9}.tutor-quote{padding:38px;background:#eef3ff;border:1px dashed #3867d6}.tutor-faq{background:#fff}

/* 04 — Little Roots: classroom noticeboard */
body[data-design='school']{--font-head:'Sora',sans-serif;--font-body:'DM Sans',sans-serif;--accent-2:#f1a238;background:#fffdf5}
.header-school .demo-logo-mark{border-radius:50% 40% 55% 42%;transform:rotate(-6deg)}.header-school .demo-btn,.school-hero .demo-btn{border-radius:999px}
.school-hero{position:relative;padding:95px 0 0;background:#fff3bd;overflow:hidden}.school-shape{position:absolute;border-radius:50%;opacity:.9}.shape-one{width:240px;height:240px;background:#f5a8a1;right:-90px;top:40px}.shape-two{width:150px;height:150px;background:#7dd7c3;left:-60px;bottom:80px}.school-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr .88fr;gap:80px;align-items:center}.school-sticker{display:inline-block;padding:9px 15px;background:#fff;border:2px solid var(--ink);border-radius:999px;transform:rotate(-2deg);font-size:11px;font-weight:800}.school-copy h1{font-size:clamp(50px,7.5vw,90px);letter-spacing:-.065em;margin-top:22px}.school-copy>p{font-size:19px;margin-top:23px;color:#566171}.school-copy>small{display:block;margin-top:16px;color:#68717c}
.school-board{position:relative;padding:45px 34px 33px;background:#fff;border:3px solid var(--ink);border-radius:26px;box-shadow:12px 12px 0 #1c9b79}.school-sun{position:absolute;right:-25px;top:-35px;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:#f6a944;font-weight:900;font-size:12px;transform:rotate(8deg)}.school-board>span{font-size:10px;font-weight:800;color:var(--accent)}.school-board h2{font-size:29px;margin:7px 0 20px}.school-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-top:2px dotted #d4d7da;font-size:12px}.school-board>p{margin-top:15px;padding:13px;background:#edf9f5;border-radius:12px;font-size:12px}.school-badges{display:flex;gap:10px;margin-top:15px}.school-badges>span{flex:1;padding:10px;background:#26324b;color:#fff;border-radius:12px;font-weight:800}.school-badges small{display:block;font-size:8px;color:#c5cbd4}
.school-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:75px}.school-metric{padding:23px;text-align:center;background:#fff;border-right:2px dashed #e0ca79}.school-metric:first-child{border-radius:22px 0 0}.school-metric:last-child{border:0;border-radius:0 22px 0 0}.school-metric b{display:block;font-size:25px;color:var(--accent)}.school-metric span{font-size:10px;color:var(--muted)}
.school-heading{max-width:750px;margin-bottom:45px}.school-heading h2{font-size:clamp(38px,5vw,61px);margin:15px 0}.school-heading p{color:var(--muted)}.school-room-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.school-room{min-height:330px;padding:25px;border:2px solid var(--ink);border-radius:28px}.school-room:nth-child(1){background:#caefe6;transform:rotate(-1deg)}.school-room:nth-child(2){background:#ffe4c4;transform:translateY(24px)}.school-room:nth-child(3){background:#dfe8ff;transform:rotate(1deg)}.school-room:nth-child(4){background:#ffd8d3;transform:translateY(-14px)}.school-room .service-number{display:block;font-size:26px;color:var(--ink);margin-bottom:50px}
.school-day{background:#26324b;color:#fff}.school-process{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.school-step{padding:25px 20px;background:#fff;color:var(--ink);border-radius:80px 80px 18px 18px;text-align:center}.school-step>span{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 20px;border-radius:50%;background:#f1a238}.school-step h3{font-size:17px}.school-step p{font-size:12px;color:var(--muted);margin-top:7px}
.school-trust-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.school-trust h2{font-size:clamp(37px,5vw,59px);margin:15px 0}.school-trust p{color:var(--muted)}.school-proof{display:flex;gap:15px;align-items:center;margin-top:30px}.school-proof b{font-size:43px;color:var(--accent)}.school-proof span{font-size:11px}.school-decisions{display:grid;grid-template-columns:1fr 1fr;gap:13px}.school-decision{padding:22px;border-radius:20px;background:#fff;border:1px solid var(--line)}.school-decision>span{font-size:10px;color:var(--accent)}.school-decision h3{font-size:17px;margin:12px 0 5px}.school-decision p{font-size:12px}
.school-packages{background:#fff3bd}.school-package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.school-package{padding:30px;background:#fff;border:2px solid var(--ink);border-radius:24px}.school-package.featured{box-shadow:8px 8px 0 var(--accent)}.school-quote{padding:38px;background:#fff;border-radius:25px}.school-faq{background:#fffdf5}

/* 05 — Noor Trust: transparent impact report */
body[data-design='trust']{--font-head:'Cormorant Garamond',serif;--font-body:'DM Sans',sans-serif;--accent-2:#c9a227;background:#fbf7ec}
.header-trust{background:rgba(251,247,236,.96)}.header-trust .demo-logo-mark{border-radius:50%;background:transparent;border:1px solid var(--accent);color:var(--accent);font-family:var(--font-head);font-size:16px}.header-trust .demo-btn{border-radius:0}
.trust-hero{padding:48px 0 0;border-bottom:4px double var(--ink)}.trust-dateline{display:flex;justify-content:space-between;padding:10px 0;border-block:1px solid var(--ink);font-family:var(--font-code);font-size:9px;letter-spacing:.11em}.trust-title{text-align:center;padding:65px 0 55px}.trust-title h1{font-size:clamp(58px,9vw,112px);font-weight:600;letter-spacing:-.055em;max-width:1100px;margin:auto}.trust-title>p{max-width:750px;margin:23px auto 0;font-size:19px;color:#596661}.trust-title .hero-actions{justify-content:center}.trust-title>small{display:block;margin-top:16px;color:var(--muted)}
.trust-ledger{display:grid;grid-template-columns:1.1fr repeat(4,.75fr) 1.2fr;border-top:1px solid var(--ink)}.trust-ledger>div:first-child,.trust-ledger-row,.trust-ledger>p{padding:20px;border-right:1px solid var(--ink)}.trust-ledger>div:first-child span{font-size:9px}.trust-ledger>div:first-child h2{font-size:22px}.trust-ledger-row span,.trust-ledger-row b{display:block}.trust-ledger-row span{font-size:9px;color:var(--muted)}.trust-ledger-row b{font-size:12px;margin-top:8px}.trust-ledger>p{border:0;font-size:11px;color:var(--muted)}.trust-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink)}.trust-metric{padding:22px;border-right:1px solid var(--ink)}.trust-metric:last-child{border:0}.trust-metric b{display:block;font-family:var(--font-head);font-size:34px}.trust-metric span{font-size:10px;color:var(--muted)}
.trust-service-layout{display:grid;grid-template-columns:190px 1fr;gap:55px}.trust-section-index{font-family:var(--font-code);font-size:9px;letter-spacing:.12em}.trust-services h2,.trust-impact h2,.trust-support h2{font-size:clamp(43px,6vw,72px);font-weight:600;margin:12px 0}.trust-services p,.trust-impact p,.trust-support p{color:var(--muted)}.trust-service-list{margin-top:45px;border-top:1px solid var(--ink)}.trust-service{display:grid;grid-template-columns:70px 1fr;padding:24px 0;border-bottom:1px solid var(--ink)}.trust-service .service-number{font-family:var(--font-head);font-size:20px}.trust-service .service-copy{display:grid;grid-template-columns:130px 1fr 1fr 150px;gap:24px}.trust-service h3{margin:0}.trust-service .service-meta{margin:0;text-align:right}
.trust-impact{background:#0b2e28;color:#fbf7ec}.trust-impact-head{max-width:800px}.trust-impact-head>span,.trust-support-grid>div>span{font-family:var(--font-code);font-size:9px;letter-spacing:.12em;color:#c9a227}.trust-impact-head p{color:#b7c6c1}.trust-decision-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px;border-block:1px solid #4a665f}.trust-decision{padding:23px;border-right:1px solid #4a665f}.trust-decision:last-child{border:0}.trust-decision>span{font-size:9px;color:#c9a227}.trust-decision h3{font-size:22px;margin:13px 0}.trust-decision p{font-size:12px;color:#b7c6c1}.trust-proof{display:flex;align-items:center;gap:20px;margin-top:30px}.trust-proof b{font-size:48px;color:#c9a227}.trust-proof span{max-width:250px;color:#b7c6c1;font-size:11px}.trust-proof em{margin-left:auto;font-style:normal;font-family:var(--font-code);font-size:10px}
.trust-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.trust-process{margin-top:35px}.trust-step{display:grid;grid-template-columns:38px 1fr;column-gap:15px;padding:16px 0;border-top:1px solid var(--line)}.trust-step>span{grid-row:1/3;font-family:var(--font-head);font-size:23px;color:var(--accent)}.trust-step h3{font-size:18px}.trust-step p{font-size:12px;color:var(--muted)}.trust-package-list{border-top:1px solid var(--ink)}.trust-package{padding:25px 0;border-bottom:1px solid var(--ink)}.trust-package .package-top{margin-bottom:8px}.trust-package h3{font-size:27px}.trust-package .package-list{grid-template-columns:1fr 1fr;margin:16px 0}.trust-package .demo-btn{align-self:flex-start}.trust-voice{padding-block:70px;background:#eae2cc}.trust-quote{margin:0!important;display:grid;grid-template-columns:1fr 250px;gap:50px}.trust-quote figcaption{display:grid!important;align-content:end}

/* 06 — Al-Falah Umrah: image-led pilgrimage journal */
body[data-design='umrah']{--font-head:'Cormorant Garamond',serif;--font-body:'DM Sans',sans-serif;--accent-2:#d7b45e;background:#fcf8ed}
.header-umrah{background:rgba(8,22,42,.9);color:#fcf8ed;border-color:rgba(215,180,94,.24);backdrop-filter:blur(18px)}.header-umrah .demo-links{color:#d7dce3}.header-umrah .demo-logo-mark{border-radius:50%;background:rgba(215,180,94,.08);border:1px solid #d7b45e;color:#d7b45e}.header-umrah .demo-btn{border-radius:0}.header-umrah .demo-menu{background:transparent;color:#fff;border-color:#52647c}
.umrah-hero{position:relative;isolation:isolate;padding:100px 0 0;background:#08162a;color:#fcf8ed;overflow:hidden}.umrah-hero-media{position:absolute;z-index:-3;inset:0 0 auto;height:860px;max-height:100%}.umrah-hero-media::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,17,33,.98) 0%,rgba(7,20,38,.92) 30%,rgba(8,22,42,.48) 58%,rgba(8,22,42,.08) 78%),linear-gradient(0deg,rgba(5,17,33,.98) 0%,transparent 42%,rgba(5,17,33,.16) 100%)}.umrah-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center center}.umrah-pattern{position:absolute;z-index:-1;inset:0 57% 0 0;opacity:.1;background-image:linear-gradient(30deg,#d7b45e 12%,transparent 12.5%,transparent 87%,#d7b45e 87.5%),linear-gradient(150deg,#d7b45e 12%,transparent 12.5%,transparent 87%,#d7b45e 87.5%);background-size:70px 122px;mask-image:linear-gradient(90deg,#000,transparent)}
.umrah-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,600px) 1fr;grid-template-rows:1fr;gap:70px;align-items:start;min-height:720px;padding:58px 0 64px}.umrah-copy{grid-column:1;grid-row:1}.umrah-kicker{font-family:var(--font-code);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#d7b45e}.umrah-copy h1{font-size:clamp(57px,6.2vw,80px);line-height:.91;font-weight:600;letter-spacing:-.05em;margin-top:22px}.umrah-copy h1 em{color:#e2c87f}.umrah-copy>p{max-width:530px;font-size:18px;margin-top:24px;color:#d3dae3}.umrah-copy>small{display:block;margin-top:18px;color:#aebac8}.umrah-copy .demo-btn{border-radius:0}.umrah-copy .secondary{background:rgba(8,22,42,.42);border-color:#64768a;color:#fff}.umrah-place-chip{display:grid;grid-template-columns:38px auto;column-gap:13px;width:max-content;max-width:100%;margin-top:28px;padding-top:17px;border-top:1px solid rgba(215,180,94,.42)}.umrah-place-chip>span{grid-row:1/3;font-family:var(--font-code);font-size:10px;color:#d7b45e;padding-top:4px}.umrah-place-chip b{font-family:var(--font-head);font-size:21px;line-height:1}.umrah-place-chip small{font-size:10px;color:#aebac8;margin-top:4px}
.umrah-passport{grid-column:2;grid-row:1;align-self:start;justify-self:end;position:relative;width:min(100%,420px);padding:25px 28px;background:rgba(248,240,220,.94);color:#10223d;border:1px solid #c59b3b;box-shadow:14px 14px 0 rgba(4,14,27,.8);backdrop-filter:blur(14px)}.umrah-passport-top{display:flex;justify-content:space-between;border-bottom:2px solid #10223d;padding-bottom:10px;font-family:var(--font-code);font-size:9px}.umrah-passport h2{font-size:31px;margin:18px 0 1px}.umrah-passport>small{font-size:9px;color:#6c7480}.umrah-passport-rows{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-top:14px}.umrah-passport-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 0;border-bottom:1px dashed #aaa087;font-size:10px}.umrah-passport>p{max-width:340px;margin-top:15px;font-size:10px;color:#626a72}.umrah-stamp{position:absolute;right:-24px;bottom:-21px;width:92px;height:92px;border:3px double #a98029;border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(-9deg);background:#f8f0dc;color:#a98029;font-family:var(--font-head);font-size:21px}.umrah-stamp span{display:block;max-width:70px;font-family:var(--font-body);font-size:7px}
.umrah-passport h2{min-height:64px}.umrah-passport-row b{min-width:106px;min-height:1.4em;text-align:right;white-space:nowrap}.umrah-stamp{animation:umrah-stamp-float 4.2s ease-in-out infinite}.umrah-stamp strong{display:block;min-height:1em;font:inherit;font-weight:400;line-height:.9}.umrah-typewriter::after{content:'';display:inline-block;width:1px;height:.82em;margin-left:3px;background:currentColor;vertical-align:-.04em;animation:umrah-caret .72s steps(1,end) infinite}.umrah-passport.is-updating{animation:umrah-card-pulse .72s ease}
@keyframes umrah-caret{0%,48%{opacity:1}49%,100%{opacity:0}}@keyframes umrah-stamp-float{0%,100%{transform:rotate(-9deg) translateY(0)}50%{transform:rotate(-7deg) translateY(-4px)}}@keyframes umrah-card-pulse{0%,100%{border-color:#c59b3b;box-shadow:14px 14px 0 rgba(4,14,27,.8)}50%{border-color:#3a8c7a;box-shadow:14px 14px 0 rgba(4,14,27,.8),0 0 0 4px rgba(58,140,122,.12)}}
@media(prefers-reduced-motion:reduce){.umrah-stamp,.umrah-passport.is-updating{animation:none}.umrah-typewriter::after{display:none}}
.umrah-metrics{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin-top:0;background:rgba(5,17,33,.78);border:1px solid rgba(215,180,94,.25);border-bottom:0;backdrop-filter:blur(16px)}.umrah-metric{padding:22px 24px;border-right:1px solid rgba(215,180,94,.22)}.umrah-metric:last-child{border:0}.umrah-metric b{display:block;font-family:var(--font-head);font-size:32px;color:#e2c87f}.umrah-metric span{font-size:10px;color:#c3ccd7}
.umrah-visual-story{padding:86px 0 108px;background:#08162a;color:#fcf8ed}.umrah-visual-intro{display:grid;grid-template-columns:.56fr 1.44fr;gap:50px;align-items:end;margin-bottom:38px}.umrah-visual-intro h2{max-width:820px;font-size:clamp(40px,5vw,68px);line-height:.95;font-weight:600}.umrah-visual-grid{display:grid;grid-template-columns:1.16fr .84fr;gap:22px;align-items:start}.umrah-visual-card{position:relative;min-height:470px;overflow:hidden;border:1px solid rgba(215,180,94,.36);background:#132943}.umrah-visual-card::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,15,29,.95) 0%,rgba(4,15,29,.12) 62%,transparent 100%)}.umrah-visual-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.umrah-visual-card-flight{min-height:345px;margin-top:86px}.umrah-visual-card figcaption{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:28px}.umrah-visual-card figcaption>span{display:block;margin-bottom:10px;font-family:var(--font-code);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#8fc7ad}.umrah-visual-card h3{max-width:580px;font-size:clamp(28px,3.3vw,43px);line-height:1}.umrah-visual-card-flight h3{font-size:clamp(25px,2.5vw,34px)}.umrah-visual-card p{margin-top:10px;font-size:11px;color:#d4dbe4}
.umrah-journey{background:#fcf8ed}.umrah-journey-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.umrah-sticky{position:sticky;top:120px;align-self:start}.umrah-sticky h2,.umrah-guidance-head h2{font-size:clamp(43px,6vw,72px);font-weight:600;margin:14px 0}.umrah-sticky p,.umrah-guidance-head p{color:var(--muted)}.umrah-service-spine{border-left:1px solid #c59b3b}.umrah-service{position:relative;padding:0 0 48px 50px}.umrah-service::before{content:'';position:absolute;left:-8px;top:0;width:15px;height:15px;border-radius:50%;background:#3a8c7a;border:4px solid #fcf8ed;box-shadow:0 0 0 1px #c59b3b}.umrah-service .service-number{font-family:var(--font-head);font-size:28px;color:#c59b3b}.umrah-service h3{font-size:29px}.umrah-service .service-meta{padding:10px 0;border-top:1px solid var(--line)}
.umrah-guidance{background:#eee4cb}.umrah-guidance-head{max-width:800px}.umrah-guidance-head>span{font-family:var(--font-code);font-size:9px;color:#87691f}.umrah-decision-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:45px;background:#bbae90;border:1px solid #bbae90}.umrah-decision{padding:25px;background:#f7efdd;display:grid;grid-template-columns:40px 1fr;gap:16px}.umrah-decision>span{font-family:var(--font-code);color:#3a8c7a}.umrah-decision h3{font-size:22px}.umrah-decision p{font-size:12px;color:var(--muted)}.umrah-proof{display:flex;align-items:center;gap:17px;margin-top:30px}.umrah-proof b{font-family:var(--font-head);font-size:48px}.umrah-proof span{font-size:11px}
.umrah-package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.umrah-package{position:relative;padding:30px;background:#fff;border:1px solid #c6b995}.umrah-package::before,.umrah-package::after{content:'';position:absolute;top:105px;width:18px;height:18px;border-radius:50%;background:#fcf8ed}.umrah-package::before{left:-10px}.umrah-package::after{right:-10px}.umrah-package.featured{background:#10223d;color:#fff;border-color:#10223d}.umrah-package.featured .package-desc,.umrah-package.featured li{color:#bbc5d1}.umrah-package.featured::before,.umrah-package.featured::after{background:#fcf8ed}.umrah-process{display:grid;grid-template-columns:repeat(4,1fr);margin-top:75px;border-top:1px solid #c6b995}.umrah-step{padding:24px;border-right:1px solid #c6b995}.umrah-step>span{font-family:var(--font-head);font-size:25px;color:#3a8c7a}.umrah-step h3{font-size:18px;margin:10px 0}.umrah-step p{font-size:12px;color:var(--muted)}.umrah-quote{text-align:center;max-width:900px;margin-inline:auto}.umrah-quote figcaption{justify-content:center}

/* 07 — Safar Trails: route explorer */
body[data-design='travel']{--font-head:'Sora',sans-serif;--font-body:'DM Sans',sans-serif;--accent-2:#f0a23a;background:#f8f4ea}
.header-travel .demo-logo-mark{border-radius:50%;background:#007f86}.header-travel .demo-btn{border-radius:999px}
.travel-hero{position:relative;padding:95px 0 0;overflow:hidden;background:#e8f0ed}.travel-gridlines{position:absolute;inset:0;background-image:linear-gradient(rgba(23,50,77,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(23,50,77,.07) 1px,transparent 1px);background-size:55px 55px}.travel-hero-grid{position:relative;display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center}.travel-coordinate{font-family:var(--font-code);font-size:9px;letter-spacing:.12em;color:#007f86}.travel-copy h1{font-size:clamp(50px,7vw,86px);letter-spacing:-.06em;margin-top:19px}.travel-copy>p{font-size:18px;color:#526677;margin-top:22px}.travel-copy>small{display:block;margin-top:17px;color:#607080}
.travel-map{position:relative;padding:32px;background:#fff;border:1px solid #afc4c4;box-shadow:var(--shadow);transform:rotate(1deg)}.travel-map::after{content:'N';position:absolute;right:25px;top:85px;width:35px;height:35px;border:1px solid #17324d;border-radius:50%;display:grid;place-items:center;font-family:var(--font-code);font-size:10px}.travel-map-top{display:flex;justify-content:space-between;font-family:var(--font-code);font-size:9px;color:#597078}.travel-map h2{font-size:30px;margin:8px 0 25px}.travel-route{display:flex;align-items:center;margin-bottom:22px}.travel-route i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#007f86;color:#fff;font-style:normal;font-size:11px}.travel-route span{flex:1;border-top:2px dashed #007f86}.travel-map-row{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-top:1px solid var(--line);font-size:12px}.travel-map>p{margin-top:15px;font-size:11px;color:var(--muted)}
.travel-metrics{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px;background:#17324d;color:#fff}.travel-metric{padding:23px}.travel-metric b{display:block;font-size:25px;color:#72dad6}.travel-metric span{font-size:10px;color:#b7c4cd}
.travel-heading{display:grid;grid-template-columns:180px 1fr 1fr;gap:35px;align-items:end;margin-bottom:42px}.travel-heading>span{font-family:var(--font-code);font-size:9px;color:#007f86}.travel-heading h2{font-size:clamp(38px,5vw,62px)}.travel-heading p{color:var(--muted)}.travel-route-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.travel-route-card{min-height:390px;padding:25px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.travel-route-card:nth-child(2n){transform:translateY(28px)}.travel-route-card .service-number{font-size:24px}.travel-route-card .service-copy h3{font-size:25px}.travel-route-card .service-meta{padding-top:13px;border-top:1px dashed var(--line)}
.travel-plan{background:#17324d;color:#fff}.travel-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#4a6073}.travel-itinerary,.travel-reasons{padding:45px;background:#17324d}.travel-itinerary>span,.travel-reasons>span{font-family:var(--font-code);font-size:9px;color:#72dad6}.travel-plan h2{font-size:clamp(34px,4.5vw,55px);margin:14px 0 30px}.travel-step{display:grid;grid-template-columns:35px 1fr;column-gap:14px;padding:15px 0;border-top:1px solid #4a6073}.travel-step>span{grid-row:1/3;color:#72dad6;font-size:10px}.travel-step h3{font-size:17px}.travel-step p{font-size:12px;color:#afbdc8}.travel-reasons>p{color:#afbdc8}.travel-decision{display:grid;grid-template-columns:35px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid #4a6073}.travel-decision>span{font-size:9px;color:#f0a23a}.travel-decision h3{font-size:15px}.travel-decision p{font-size:11px;color:#afbdc8}.travel-reasons footer{display:flex;gap:14px;align-items:center;margin-top:20px}.travel-reasons footer b{font-size:35px;color:#72dad6}.travel-reasons footer span{font-size:10px;color:#afbdc8}
.travel-package-grid,.travel-ticket-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.travel-ticket{padding:30px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 0 #dbe6e2}.travel-ticket.featured{background:#d9efea}.travel-quote{padding:38px;border:1px solid var(--line);background:#fff}.travel-faq{background:#eef4f1}

/* 08 — Zariya Studio: fashion lookbook */
body[data-design='boutique']{--font-head:'Cormorant Garamond',serif;--font-body:'DM Sans',sans-serif;--accent-2:#c28f71;background:#f8f1ec}
.header-boutique .demo-logo-mark{background:transparent;color:#2b1720;border:1px solid #2b1720;font-family:var(--font-head);font-size:17px}.header-boutique .demo-btn{border-radius:0}
.boutique-hero{padding:65px 0 0}.boutique-cover{display:grid;grid-template-columns:90px 1.05fr .95fr;min-height:680px;border:1px solid #2b1720}.boutique-issue{padding:26px 20px;border-right:1px solid #2b1720;writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--font-code);font-size:9px;letter-spacing:.16em}.boutique-copy{padding:70px 55px;display:flex;flex-direction:column;justify-content:center}.boutique-copy>span{font-size:10px;letter-spacing:.13em;text-transform:uppercase}.boutique-copy h1{font-size:clamp(60px,8vw,105px);font-weight:600;letter-spacing:-.055em;margin:18px 0}.boutique-copy>p{font-size:17px;color:#66545c}.boutique-copy>small{margin-top:18px;color:#77666d}.boutique-copy .demo-btn{border-radius:0}.boutique-look{position:relative;padding:60px 40px;background:#2b1720;color:#f8f1ec;overflow:hidden}.boutique-look-number{position:absolute;right:12px;top:-25px;font-family:var(--font-head);font-size:180px;color:#4a2936;line-height:1}.boutique-look>span{position:relative;font-size:9px;letter-spacing:.12em}.boutique-look h2{position:relative;font-size:40px;font-weight:600;margin:10px 0 35px}.boutique-look-row{position:relative;display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #694b57;font-size:12px}.boutique-look>p{position:relative;margin-top:20px;color:#cfbdc4;font-size:12px}.boutique-seal{position:absolute;right:28px;bottom:30px;width:108px;height:108px;border:1px solid #c28f71;border-radius:50%;display:grid;place-content:center;text-align:center;color:#c28f71;font-family:var(--font-head);font-size:24px}.boutique-seal small{display:block;font-family:var(--font-body);font-size:8px}
.boutique-metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #2b1720;border-top:0}.boutique-metric{padding:20px;border-right:1px solid #2b1720}.boutique-metric b{display:block;font-family:var(--font-head);font-size:30px}.boutique-metric span{font-size:9px;color:#79666e}
.boutique-heading{max-width:830px;margin-bottom:45px}.boutique-heading>span,.boutique-atelier>div>div>span,.boutique-atelier aside>span{font-size:9px;letter-spacing:.12em;text-transform:uppercase}.boutique-heading h2,.boutique-atelier h2{font-size:clamp(48px,7vw,82px);font-weight:600;margin:11px 0}.boutique-heading p{color:#79666e}.boutique-service-list{border-top:1px solid #2b1720}.boutique-service{display:grid;grid-template-columns:95px 1fr;padding:24px 0;border-bottom:1px solid #2b1720}.boutique-service .service-number{font-family:var(--font-head);font-size:26px;color:#9b3150}.boutique-service .service-copy{display:grid;grid-template-columns:130px 1fr 1fr 150px;gap:28px}.boutique-service h3{font-size:30px;font-weight:600;margin:0}.boutique-service .service-meta{margin:0;text-align:right}
.boutique-atelier{background:#2b1720;color:#f8f1ec}.boutique-atelier-grid{display:grid;grid-template-columns:1fr .85fr;gap:95px}.boutique-process{margin-top:35px;border-top:1px solid #694b57}.boutique-step{display:grid;grid-template-columns:50px 1fr;column-gap:15px;padding:16px 0;border-bottom:1px solid #694b57}.boutique-step>span{grid-row:1/3;font-family:var(--font-head);font-size:25px;color:#c28f71}.boutique-step h3{font-size:18px}.boutique-step p{font-size:12px;color:#cbb9c0}.boutique-atelier aside>p{color:#cbb9c0}.boutique-decision{display:grid;grid-template-columns:32px 1fr;gap:13px;padding:13px 0;border-bottom:1px solid #694b57}.boutique-decision>span{font-size:9px;color:#c28f71}.boutique-decision h3{font-size:17px}.boutique-decision p{font-size:11px;color:#cbb9c0}.boutique-atelier footer{display:flex;gap:15px;margin-top:22px}.boutique-atelier footer b{font-size:36px;color:#c28f71}.boutique-atelier footer span{font-size:10px;color:#cbb9c0}
.boutique-package-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #2b1720}.boutique-package{padding:30px 28px;border-right:1px solid #2b1720}.boutique-package:last-child{border:0}.boutique-package.featured{background:#eadad3}.boutique-package h3{font-family:var(--font-head);font-size:31px;font-weight:600}.boutique-quote{max-width:900px}.boutique-contact{background:#2b1720}

/* 09 — Daawat Table: contemporary menu and receipt */
body[data-design='restaurant']{--font-head:'Cormorant Garamond',serif;--font-body:'DM Sans',sans-serif;--accent-2:#d4a24f;background:#fff8eb}
.header-restaurant .demo-logo-mark{border-radius:50%;background:#b9442d;font-family:var(--font-head);font-size:18px}.header-restaurant .demo-btn{border-radius:999px}
.restaurant-hero{padding:75px 0 0;background:#302018;color:#fff8eb}.restaurant-cover{display:grid;grid-template-columns:1.05fr .75fr;gap:90px;align-items:center}.restaurant-mark{width:75px;height:75px;border-radius:50%;display:grid;place-items:center;border:1px solid #d4a24f;font-family:var(--font-head);font-size:40px;color:#d4a24f}.restaurant-copy>span{display:block;margin-top:25px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#d4a24f}.restaurant-copy h1{font-size:clamp(60px,8.2vw,106px);font-weight:600;letter-spacing:-.055em;margin:16px 0}.restaurant-copy>p{font-size:18px;color:#d6c6b9;max-width:650px}.restaurant-copy>small{display:block;margin-top:18px;color:#bfae9f}.restaurant-copy .secondary{background:transparent;color:#fff8eb;border-color:#735849}
.restaurant-receipt{padding:40px 35px 55px;background:#fff8eb;color:#302018;clip-path:polygon(0 0,100% 0,100% 97%,96% 100%,92% 97%,88% 100%,84% 97%,80% 100%,76% 97%,72% 100%,68% 97%,64% 100%,60% 97%,56% 100%,52% 97%,48% 100%,44% 97%,40% 100%,36% 97%,32% 100%,28% 97%,24% 100%,20% 97%,16% 100%,12% 97%,8% 100%,4% 97%,0 100%);transform:rotate(1.5deg)}.receipt-top{display:flex;justify-content:space-between;border-bottom:2px dashed #a6917f;padding-bottom:12px;font-family:var(--font-code);font-size:9px}.restaurant-receipt h2{font-size:35px;text-align:center;margin:24px 0}.receipt-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px dashed #b9a795;font-size:12px}.receipt-total{display:grid;grid-template-columns:auto 1fr;gap:15px;margin-top:18px;padding-top:16px;border-top:2px solid #302018;font-size:11px}.receipt-code{height:34px;width:160px;margin:25px auto 0;background:repeating-linear-gradient(90deg,#302018 0 2px,transparent 2px 4px,#302018 4px 7px,transparent 7px 10px)}
.restaurant-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px;border-top:1px solid #735849}.restaurant-metric{padding:24px;border-right:1px solid #735849}.restaurant-metric b{display:block;font-family:var(--font-head);font-size:34px;color:#e3bd72}.restaurant-metric span{font-size:10px;color:#c6b3a6}
.restaurant-menu-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:85px}.restaurant-menu-title>span,.restaurant-story>div>div>span{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#b9442d}.restaurant-menu-title h2,.restaurant-story h2{font-size:clamp(50px,7vw,84px);font-weight:600;margin:12px 0}.restaurant-menu-title p,.restaurant-story p{color:#76675e}.restaurant-dishes{border-top:2px solid #302018}.restaurant-dish{display:grid;grid-template-columns:55px 1fr;padding:22px 0;border-bottom:1px solid #aa998d}.restaurant-dish .service-copy{display:grid;grid-template-columns:1fr auto;column-gap:25px}.restaurant-dish .service-tag{grid-column:1/-1}.restaurant-dish h3{font-family:var(--font-head);font-size:29px;font-weight:600}.restaurant-dish p{grid-column:1/2}.restaurant-dish .service-meta{grid-column:2;grid-row:2/4;margin:8px 0 0;text-align:right}
.restaurant-story{background:#b9442d;color:#fff8eb}.restaurant-story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.restaurant-story p{color:#f0d7ca}.restaurant-proof{margin-top:35px}.restaurant-proof b{display:block;font-family:var(--font-head);font-size:55px}.restaurant-proof span{font-size:10px}.restaurant-decisions{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#d37a65}.restaurant-decision{padding:23px;background:#b9442d}.restaurant-decision>span{font-size:9px;color:#f0c878}.restaurant-decision h3{font-size:22px;margin:12px 0}.restaurant-decision p{font-size:12px;color:#f0d7ca}
.restaurant-package-list{margin-top:45px;border-top:2px solid #302018}.restaurant-package{display:grid;grid-template-columns:55px 1fr 150px 1fr 180px;align-items:start;gap:25px;padding:25px 0;border-bottom:1px solid #aa998d}.restaurant-package .package-top{display:contents}.restaurant-package .package-index{grid-column:1}.restaurant-package .package-badge{grid-column:5;grid-row:1}.restaurant-package h3{grid-column:2;font-family:var(--font-head);font-size:29px}.restaurant-package .package-price{grid-column:3;grid-row:1;margin:0;font-size:28px}.restaurant-package .package-desc{grid-column:2;grid-row:2}.restaurant-package .package-list{grid-column:4;grid-row:1/3;margin:0}.restaurant-package .demo-btn{grid-column:5;grid-row:2}.restaurant-process{display:grid;grid-template-columns:repeat(4,1fr);margin-top:75px}.restaurant-step{padding:25px 20px;border-top:1px solid #302018}.restaurant-step>span{font-family:var(--font-head);font-size:24px;color:#b9442d}.restaurant-step h3{font-size:19px;margin:10px 0}.restaurant-step p{font-size:12px;color:var(--muted)}.restaurant-quote{padding:40px;border:1px solid #302018}.restaurant-faq{background:#f4e7d5}

/* 10 — Muse Salon: appointment journal */
body[data-design='salon']{--font-head:'Cormorant Garamond',serif;--font-body:'DM Sans',sans-serif;--accent-2:#b88499;background:#f8f3f1}
.header-salon .demo-logo-mark{background:#231c22;border-radius:50%;font-family:var(--font-head);font-size:17px}.header-salon .demo-btn{border-radius:0}
.salon-hero{padding:58px 0 0;overflow:hidden}.salon-cover{position:relative;display:grid;grid-template-columns:.28fr .92fr .8fr;min-height:680px;border-top:1px solid #231c22;border-bottom:1px solid #231c22}.salon-mast{padding-top:40px;font-family:var(--font-head);font-size:clamp(70px,11vw,150px);line-height:.7;writing-mode:vertical-rl;transform:rotate(180deg);color:#ded1d4}.salon-mast small{font-family:var(--font-body);font-size:8px;letter-spacing:.14em;margin-right:16px}.salon-copy{padding:95px 40px 60px 20px}.salon-copy>span{font-size:9px;letter-spacing:.14em;text-transform:uppercase}.salon-copy h1{font-size:clamp(55px,7.5vw,96px);font-weight:600;letter-spacing:-.055em;margin:18px 0}.salon-copy>p{font-size:17px;color:#6c6067}.salon-copy>small{display:block;margin-top:18px;color:#746a70}.salon-book{margin:45px 0;padding:42px 34px;background:#231c22;color:#f8f3f1}.salon-book>span{font-size:9px;letter-spacing:.12em;color:#cda4b4}.salon-book h2{font-size:36px;font-weight:600;margin:7px 0 25px}.salon-slot{display:grid;grid-template-columns:1fr auto;gap:20px;padding:14px 0;border-bottom:1px solid #594c54;font-size:12px}.salon-book>p{margin-top:20px;color:#c7b9c0;font-size:11px}.salon-rating{margin-top:30px;padding-top:20px;border-top:1px solid #594c54}.salon-rating b{display:block;font-family:var(--font-head);font-size:38px;color:#d5a8ba}.salon-rating span{font-size:9px}
.salon-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #231c22}.salon-metric{padding:22px;border-right:1px solid #231c22}.salon-metric b{display:block;font-family:var(--font-head);font-size:31px}.salon-metric span{font-size:9px;color:#72666c}
.salon-heading{display:grid;grid-template-columns:150px 1fr 1fr;gap:40px;align-items:end;margin-bottom:45px}.salon-heading>span,.salon-standard span{font-size:9px;letter-spacing:.13em;text-transform:uppercase}.salon-heading h2,.salon-standard h2{font-size:clamp(48px,7vw,82px);font-weight:600}.salon-heading p{color:#766970}.salon-service-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:15px}.salon-service{padding:30px;background:#fff;border:1px solid #ddd0d4;min-height:300px}.salon-service:nth-child(1){grid-column:span 5}.salon-service:nth-child(2){grid-column:span 3;transform:translateY(30px);background:#eadfe2}.salon-service:nth-child(3){grid-column:span 4}.salon-service:nth-child(4){grid-column:4/span 6;margin-top:15px}.salon-service .service-number{font-family:var(--font-head);font-size:27px;color:#8f4665}.salon-service h3{font-family:var(--font-head);font-size:29px;font-weight:600;margin-top:50px}
.salon-standard{background:#231c22;color:#f8f3f1}.salon-standard-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.salon-statement>p{color:#c7b9c0;margin:20px 0}.salon-statement>b{display:block;font-family:var(--font-head);font-size:55px;color:#d5a8ba}.salon-statement>small{font-size:10px}.salon-decision-list{border-top:1px solid #594c54}.salon-decision{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid #594c54}.salon-decision>span{color:#d5a8ba}.salon-decision h3{font-size:21px}.salon-decision p{font-size:12px;color:#c7b9c0}
.salon-package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.salon-package{padding:30px;background:#fff;border:1px solid #ddd0d4}.salon-package.featured{background:#eadfe2}.salon-process{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid #231c22}.salon-step{padding:23px;border-right:1px solid #231c22}.salon-step>span{font-family:var(--font-head);font-size:26px;color:#8f4665}.salon-step h3{font-size:18px;margin:9px 0}.salon-step p{font-size:12px;color:var(--muted)}.salon-quote{max-width:900px;margin-left:auto;border-left:1px solid #231c22;padding-left:45px}

/* 11 — Forge Fitness: performance scoreboard */
body[data-design='gym']{--font-head:'Barlow Condensed',sans-serif;--font-body:'DM Sans',sans-serif;--accent-2:#b7f34a;background:#f4f5ef}
.header-gym,.gym-hero{background:#111513;color:#f4f5ef}.header-gym{border-color:#384039}.header-gym .demo-links{color:#aeb6af}.header-gym .demo-logo-mark{background:#b7f34a;color:#111513}.header-gym .demo-btn,.gym-hero .demo-btn{border-radius:0;text-transform:uppercase;letter-spacing:.06em}.header-gym .demo-menu{background:transparent;color:#fff;border-color:#4b524c}
.gym-hero{padding:45px 0 0}.gym-scoreline{display:flex;justify-content:space-between;padding:12px 0;border-block:1px solid #404840;font-family:var(--font-code);font-size:9px;letter-spacing:.12em;color:#b7f34a}.gym-hero-grid{display:grid;grid-template-columns:1.2fr .7fr;gap:70px;align-items:end;padding:55px 0 75px}.gym-copy h1{font-size:clamp(80px,12vw,160px);font-weight:900;text-transform:uppercase;letter-spacing:-.025em;line-height:.82}.gym-copy h1 em{font-style:normal;color:#b7f34a}.gym-copy>p{max-width:700px;margin-top:28px;color:#b7c0b8;font-size:18px}.gym-copy>small{display:block;margin-top:17px;color:#899188}.gym-copy .secondary{background:transparent;border-color:#4b524c;color:#fff}
.gym-scoreboard{border:2px solid #b7f34a;padding:27px;background:#191f1b}.gym-scoreboard>div:first-child{display:flex;justify-content:space-between;font-family:var(--font-code);font-size:9px;color:#b7f34a}.gym-scoreboard h2{font-size:37px;text-transform:uppercase;margin:15px 0}.gym-score-row{display:grid;grid-template-columns:1fr auto;padding:12px 0;border-top:1px solid #404840;font-size:12px}.gym-score-row b{font-family:var(--font-code);color:#b7f34a}.gym-scoreboard>p{margin-top:18px;font-size:11px;color:#abb4ac}
.gym-marquee{overflow:hidden;border-block:1px solid #b7f34a;background:#b7f34a;color:#111513}.gym-marquee>div{width:max-content;display:flex;animation:gym-scroll 28s linear infinite}.gym-metric{display:flex;align-items:center;gap:10px;padding:15px 32px;border-right:1px solid #111513;white-space:nowrap}.gym-metric b{font-family:var(--font-head);font-size:27px}.gym-metric span{font-size:10px;text-transform:uppercase}@keyframes gym-scroll{to{transform:translateX(-50%)}}
.gym-heading{display:grid;grid-template-columns:180px 1fr 1fr;gap:35px;align-items:end;margin-bottom:42px}.gym-heading>span,.gym-system>div>div>span,.gym-system aside>span{font-family:var(--font-code);font-size:9px;letter-spacing:.12em}.gym-heading h2,.gym-system h2{font-size:clamp(55px,8vw,94px);font-weight:900;text-transform:uppercase}.gym-heading p{color:var(--muted)}.gym-lanes{border-top:4px solid #111513}.gym-lane{display:grid;grid-template-columns:90px 1fr;padding:24px 0;border-bottom:2px solid #111513}.gym-lane .service-number{font-family:var(--font-head);font-size:34px;color:#111513}.gym-lane .service-copy{display:grid;grid-template-columns:140px 1fr 1fr 170px;gap:25px}.gym-lane h3{font-size:31px;text-transform:uppercase;margin:0}.gym-lane .service-meta{margin:0;text-align:right}
.gym-system{background:#111513;color:#f4f5ef}.gym-system-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:90px}.gym-system-grid>*{min-width:0}.gym-process{display:grid;grid-template-columns:1fr 1fr;margin-top:35px;border:1px solid #414941}.gym-step{padding:23px;border-right:1px solid #414941;border-bottom:1px solid #414941}.gym-step>span{font-family:var(--font-head);font-size:28px;color:#b7f34a}.gym-step h3{font-size:22px;text-transform:uppercase}.gym-step p{font-size:12px;color:#aeb6af}.gym-system aside>p{color:#aeb6af}.gym-decision{display:grid;grid-template-columns:35px minmax(0,1fr);gap:13px;padding:14px 0;border-bottom:1px solid #414941}.gym-decision>span{font-family:var(--font-head);font-size:20px;color:#b7f34a}.gym-decision h3{font-size:19px;text-transform:uppercase}.gym-decision p{font-size:11px;color:#aeb6af;overflow-wrap:anywhere}.gym-system footer{display:flex;gap:15px;align-items:center;margin-top:22px}.gym-system footer b{font-family:var(--font-head);font-size:44px;color:#b7f34a}.gym-system footer span{font-size:10px;color:#aeb6af}
.gym-package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:2px solid #111513}.gym-package{padding:30px;border-right:2px solid #111513}.gym-package.featured{background:#b7f34a;color:#111513}.gym-package.featured .package-price{color:#111513}.gym-package h3{font-size:30px;text-transform:uppercase}.gym-quote{padding:40px;background:#111513;color:#fff}.gym-quote figcaption b{color:#b7f34a}.gym-contact{background:#111513}

/* 12 — EverAfter: cinematic contact sheet */
body[data-design='photography']{--font-head:'Cormorant Garamond',serif;--font-body:'DM Sans',sans-serif;--accent-2:#b67a5f;background:#f5f1e8}
.header-photo{background:rgba(32,30,28,.96);color:#f5f1e8;border-color:#514b45}.header-photo .demo-links{color:#bdb5ac}.header-photo .demo-logo-mark{background:transparent;border:1px solid #a45236;color:#d58b70;font-family:var(--font-head)}.header-photo .demo-btn{border-radius:0}.header-photo .demo-menu{background:transparent;color:#fff;border-color:#5d5650}
.photo-hero{padding:80px 0 0;background:#201e1c;color:#f5f1e8}.photo-contact-sheet{display:grid;grid-template-columns:.82fr 1.18fr;gap:60px;align-items:center}.photo-copy>span{font-family:var(--font-code);font-size:9px;letter-spacing:.13em;color:#d58b70}.photo-copy h1{font-size:clamp(58px,8vw,102px);font-weight:600;letter-spacing:-.055em;margin:18px 0}.photo-copy>p{color:#c4bbb1;font-size:18px}.photo-copy>small{display:block;margin-top:18px;color:#999188}.photo-copy .demo-btn{border-radius:0}.photo-copy .secondary{background:transparent;color:#fff;border-color:#5d5650}
.photo-frames{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:230px 230px 250px;gap:10px;padding:12px;border:1px solid #514b45;background:#12110f}.photo-frame{position:relative;padding:18px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:#403b36;color:#fff}.photo-frame::before{content:'';position:absolute;inset:0;opacity:.58;background:linear-gradient(135deg,#756b62,#2e2a27)}.photo-frame:nth-child(2)::before{background:linear-gradient(45deg,#8c725f,#322e2a)}.photo-frame:nth-child(3)::before{background:linear-gradient(145deg,#5b6666,#242221)}.photo-frame:nth-child(4)::before{background:linear-gradient(20deg,#80645c,#37302c)}.photo-frame span,.photo-frame b{position:relative}.photo-frame span{font-family:var(--font-code);font-size:9px}.photo-frame b{font-family:var(--font-head);font-size:22px}.photo-info{grid-column:1/-1;background:#f5f1e8;color:#201e1c}.photo-info::before{display:none}.photo-info h2{font-size:29px}.photo-info-row{display:flex;justify-content:space-between;border-top:1px solid #b5aaa0;padding:8px 0;font-size:10px}
.photo-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid #514b45}.photo-metric{padding:23px;border-right:1px solid #514b45}.photo-metric b{display:block;font-family:var(--font-head);font-size:32px;color:#d58b70}.photo-metric span{font-size:9px;color:#bdb5ac}
.photo-heading{max-width:850px;margin-bottom:47px}.photo-heading>span,.photo-method>div>div>span,.photo-method aside>span{font-family:var(--font-code);font-size:9px;letter-spacing:.13em}.photo-heading h2,.photo-method h2{font-size:clamp(48px,7vw,83px);font-weight:600;margin:12px 0}.photo-heading p{color:var(--muted)}.photo-service-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;background:#201e1c;padding:7px}.photo-service{min-height:360px;padding:24px;background:#f5f1e8;display:flex;flex-direction:column;justify-content:space-between}.photo-service:nth-child(even){background:#ddd4c7}.photo-service .service-number{font-family:var(--font-head);font-size:27px}.photo-service h3{font-family:var(--font-head);font-size:27px;font-weight:600;margin-top:45px}
.photo-method{background:#201e1c;color:#f5f1e8}.photo-method-grid{display:grid;grid-template-columns:1fr .9fr;gap:90px}.photo-process{border-top:1px solid #514b45;padding-top:25px}.photo-step{display:grid;grid-template-columns:45px 1fr;column-gap:15px;padding:14px 0;border-bottom:1px solid #514b45}.photo-step>span{grid-row:1/3;font-family:var(--font-head);font-size:25px;color:#d58b70}.photo-step h3{font-size:19px}.photo-step p{font-size:12px;color:#bdb5ac}.photo-method aside>p{color:#bdb5ac}.photo-decision{display:grid;grid-template-columns:35px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid #514b45}.photo-decision>span{font-size:9px;color:#d58b70}.photo-decision h3{font-size:18px}.photo-decision p{font-size:11px;color:#bdb5ac}.photo-method footer{display:flex;gap:15px;margin-top:20px}.photo-method footer b{font-family:var(--font-head);font-size:40px;color:#d58b70}.photo-method footer span{font-size:10px;color:#bdb5ac}
.photo-package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.photo-package{padding:29px;border:1px solid #201e1c}.photo-package.featured{background:#201e1c;color:#fff}.photo-package.featured .package-desc,.photo-package.featured li{color:#bdb5ac}.photo-quote{border-top:1px solid #201e1c;padding-top:38px}.photo-contact{background:#201e1c}

/* 13 — RapidFix: service dispatch console */
body[data-design='services']{--font-head:'Barlow Condensed',sans-serif;--font-body:'DM Sans',sans-serif;--accent-2:#ff9a68;background:#f5f7f6}
.header-repair{background:rgba(19,32,43,.97);color:#fff;border-color:#44515b}.header-repair .demo-links{color:#bac2c8}.header-repair .demo-logo-mark{background:#ff6b2c}.header-repair .demo-btn{border-radius:4px;text-transform:uppercase}.header-repair .demo-menu{background:transparent;color:#fff;border-color:#56616a}
.repair-hero{padding:75px 0 0;background:#13202b;color:#fff}.repair-console{display:grid;grid-template-columns:1fr .8fr;gap:75px;align-items:center}.repair-status{display:flex;align-items:center;gap:9px;font-family:var(--font-code);font-size:9px;letter-spacing:.12em;color:#ff9a68}.repair-status i{width:8px;height:8px;border-radius:50%;background:#4dde8a;box-shadow:0 0 0 5px rgba(77,222,138,.13)}.repair-copy h1{font-size:clamp(68px,9vw,116px);text-transform:uppercase;letter-spacing:-.02em;margin-top:20px}.repair-copy>p{font-size:18px;color:#bcc5cb}.repair-copy>small{display:block;margin-top:16px;color:#929da5}.repair-copy .demo-btn{border-radius:4px;text-transform:uppercase}.repair-copy .secondary{background:transparent;color:#fff;border-color:#4e5b65}
.repair-dispatch{position:relative;padding:30px;background:#edf1f0;color:#13202b;border:2px solid #ff6b2c;box-shadow:12px 12px 0 #08121a}.dispatch-top{display:flex;justify-content:space-between;font-family:var(--font-code);font-size:9px}.repair-dispatch h2{font-size:34px;text-transform:uppercase;margin:12px 0}.dispatch-clock{padding:15px;background:#13202b;color:#ff6b2c;font-family:var(--font-code);font-size:28px}.dispatch-clock small{display:block;color:#aeb8bf;font-size:8px}.dispatch-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #b9c0c2;font-size:12px}.repair-dispatch>p{margin-top:17px;font-size:11px;color:#59656d}
.repair-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:78px;border-top:1px solid #46545f}.repair-metric{padding:22px;border-right:1px solid #46545f}.repair-metric b{display:block;font-family:var(--font-head);font-size:34px;color:#ff8a56}.repair-metric span{font-size:9px;color:#b8c0c6}
.repair-service-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:80px}.repair-heading>span,.repair-standard-head>span{font-family:var(--font-code);font-size:9px;color:#ff6b2c}.repair-heading h2,.repair-standard h2{font-size:clamp(50px,7vw,82px);text-transform:uppercase;margin:12px 0}.repair-heading p,.repair-standard p{color:var(--muted)}.repair-ticket-list{display:grid;gap:10px}.repair-ticket{display:grid;grid-template-columns:62px 1fr;padding:22px;border:2px solid #13202b;background:#fff;box-shadow:5px 5px 0 #d6dcda}.repair-ticket .service-number{font-family:var(--font-head);font-size:27px;color:#ff6b2c}.repair-ticket .service-copy{display:grid;grid-template-columns:1fr auto;gap:10px 25px}.repair-ticket .service-tag{grid-column:1/-1}.repair-ticket h3{font-size:27px;text-transform:uppercase}.repair-ticket p{grid-column:1}.repair-ticket .service-meta{grid-column:2;grid-row:2/4;text-align:right}
.repair-standard{background:#e4e9e7}.repair-standard-head{display:grid;grid-template-columns:1fr 1fr .45fr;gap:45px;align-items:end}.repair-standard-head>div{display:grid}.repair-standard-head>div b{font-family:var(--font-head);font-size:45px;color:#ff6b2c}.repair-standard-head>div span{font-size:10px}.repair-decision-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:45px}.repair-decision{padding:22px;background:#13202b;color:#fff}.repair-decision>span{font-family:var(--font-code);font-size:9px;color:#ff8a56}.repair-decision h3{font-size:21px;text-transform:uppercase;margin:13px 0}.repair-decision p{font-size:11px;color:#b8c0c6}.repair-process{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px;border:2px solid #13202b}.repair-step{padding:21px;border-right:2px solid #13202b}.repair-step>span{font-family:var(--font-head);font-size:26px;color:#ff6b2c}.repair-step h3{font-size:19px;text-transform:uppercase}.repair-step p{font-size:11px;color:var(--muted)}
.repair-package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.repair-package{padding:29px;background:#fff;border:2px solid #13202b}.repair-package.featured{background:#ff6b2c;color:#13202b}.repair-package.featured .package-price{color:#13202b}.repair-quote{padding:35px;background:#13202b;color:#fff}.repair-quote figcaption b{color:#ff8a56}.repair-contact{background:#13202b}

/* 14 — UrbanKey: property finder */
body[data-design='realty']{--font-head:'Manrope',sans-serif;--font-body:'DM Sans',sans-serif;--accent-2:#c88b66;background:#f5f3ee}
.header-realty .demo-logo-mark{background:#1d2b35}.header-realty .demo-btn{border-radius:4px}
.realty-hero{padding:80px 0 0;background:#e9e5dc}.realty-copy{max-width:920px;margin:0 auto 55px;text-align:center}.realty-copy>span{font-family:var(--font-code);font-size:9px;letter-spacing:.12em;color:#a7643c}.realty-copy h1{font-size:clamp(52px,7.5vw,92px);letter-spacing:-.065em;margin:17px 0}.realty-copy>p{font-size:18px;color:#5d6971;max-width:740px;margin:auto}.realty-search{max-width:770px;margin:28px auto 0;padding:8px 8px 8px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid #c9c4bb;text-align:left;font-size:13px}.realty-copy .hero-actions{justify-content:center;margin-top:8px}.realty-copy>small{display:block;margin-top:10px;color:#69747b}
.realty-browser{display:grid;grid-template-columns:1fr .72fr;grid-template-rows:42px 430px;background:#fff;border:1px solid #1d2b35;box-shadow:0 25px 60px -35px #1d2b35}.realty-browser-bar{grid-column:1/-1;display:flex;align-items:center;gap:7px;padding:0 15px;background:#1d2b35;color:#fff}.realty-browser-bar i{width:7px;height:7px;border-radius:50%;background:#a7643c}.realty-browser-bar span{margin-left:auto;font-family:var(--font-code);font-size:8px}.realty-map-pane{position:relative;overflow:hidden;background-color:#d9ded9;background-image:linear-gradient(30deg,transparent 49%,rgba(29,43,53,.13) 50%,transparent 51%),linear-gradient(120deg,transparent 49%,rgba(29,43,53,.13) 50%,transparent 51%);background-size:85px 85px}.realty-map-pane>span{position:absolute;left:20px;top:20px;font-family:var(--font-code);font-size:9px}.map-pin{position:absolute;width:40px;height:40px;display:grid;place-items:center;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#a7643c;color:#fff;font-size:9px}.map-pin::first-letter{transform:rotate(45deg)}.pin-a{left:22%;top:33%}.pin-b{left:60%;top:20%}.pin-c{left:68%;top:66%}.realty-property{padding:35px}.realty-property>span{font-family:var(--font-code);font-size:9px;color:#a7643c}.realty-property h2{font-size:29px;margin:9px 0 22px}.realty-property-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid var(--line);font-size:11px}.realty-property>p{margin-top:20px;padding:13px;background:#eeeae2;font-size:11px;color:var(--muted)}
.realty-listing-rail{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-inline:1px solid #1d2b35}.realty-mini-listing{padding:20px;border-right:1px solid #1d2b35}.realty-mini-listing span{font-family:var(--font-code);font-size:9px;color:#a7643c}.realty-mini-listing h3{font-size:15px;margin:7px 0}.realty-mini-listing p{font-size:10px;color:var(--muted)}
.realty-inventory-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:75px}.realty-heading>span,.realty-check>div>div>div>span{font-family:var(--font-code);font-size:9px;color:#a7643c}.realty-heading h2,.realty-check h2{font-size:clamp(42px,6vw,71px);margin:12px 0}.realty-heading p,.realty-check p{color:var(--muted)}.realty-metrics{display:grid;grid-template-columns:1fr 1fr;margin-top:35px;border:1px solid var(--line)}.realty-metric{padding:15px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.realty-metric b{display:block;font-size:21px}.realty-metric span{font-size:9px;color:var(--muted)}.realty-listings{border-top:1px solid #1d2b35}.realty-listing{display:grid;grid-template-columns:60px 1fr;padding:22px 0;border-bottom:1px solid #1d2b35}.realty-listing .service-copy{display:grid;grid-template-columns:1fr 1fr 170px;gap:25px}.realty-listing .service-tag{grid-column:1/-1}.realty-listing h3{margin:0}.realty-listing .service-meta{margin:0;text-align:right}
.realty-check{background:#1d2b35;color:#f5f3ee}.realty-check-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.realty-check p{color:#b8c0c5}.realty-proof{margin-top:30px}.realty-proof b{display:block;font-size:44px;color:#d1a284}.realty-proof span{font-size:10px}.realty-decision{display:grid;grid-template-columns:35px 1fr;gap:15px;padding:17px 0;border-bottom:1px solid #4d5961}.realty-decision>span{font-family:var(--font-code);font-size:9px;color:#d1a284}.realty-decision h3{font-size:18px}.realty-decision p{font-size:11px;color:#b8c0c5}.realty-process{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;border-top:1px solid #4d5961}.realty-step{padding:22px;border-right:1px solid #4d5961}.realty-step>span{font-family:var(--font-code);font-size:10px;color:#d1a284}.realty-step h3{font-size:17px;margin:9px 0}.realty-step p{font-size:11px;color:#b8c0c5}
.realty-package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.realty-package{padding:29px;background:#fff;border:1px solid #c8c2b9}.realty-package.featured{background:#1d2b35;color:#fff}.realty-package.featured .package-desc,.realty-package.featured li{color:#b8c0c5}.realty-quote{padding-top:35px;border-top:1px solid #1d2b35}.realty-contact{background:#1d2b35}

/* 15 — Mehta Legal: formal case brief */
body[data-design='legal']{--font-head:'Cormorant Garamond',serif;--font-body:'DM Sans',sans-serif;--accent-2:#b4893d;background:#f6f1e6}
.header-legal .demo-logo-mark{background:transparent;color:#172640;border:1px solid #172640;font-family:var(--font-head);font-size:17px}.header-legal .demo-btn{border-radius:0}
.legal-hero{padding:55px 0 0;border-bottom:4px double #172640}.legal-letterhead{display:grid;grid-template-columns:90px 1fr .78fr;gap:55px;padding:50px 0;border-top:1px solid #172640}.legal-folio{font-family:var(--font-code);font-size:9px;line-height:2;letter-spacing:.13em;border-right:1px solid #172640}.legal-copy>span{font-family:var(--font-code);font-size:9px;letter-spacing:.11em;color:#8a682c}.legal-copy h1{font-size:clamp(54px,7vw,88px);font-weight:600;letter-spacing:-.05em;margin:17px 0}.legal-copy>p{font-size:18px;color:#5b6170}.legal-copy>small{display:block;margin-top:17px;color:#6a707b}.legal-copy .demo-btn{border-radius:0}
.legal-docket{position:relative;padding:30px;border:1px solid #172640;background:#fbf8f0}.legal-docket>div:first-child{display:flex;justify-content:space-between;font-family:var(--font-code);font-size:9px}.legal-docket h2{font-size:31px;font-weight:600;margin:14px 0 22px}.legal-docket-row{display:grid;grid-template-columns:1fr auto;gap:20px;padding:12px 0;border-top:1px solid #a8a18f;font-size:11px}.legal-docket>p{margin-top:18px;padding-top:15px;border-top:2px solid #172640;font-size:11px;color:#656b73}.legal-seal{position:absolute;right:20px;bottom:-38px;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;border:3px double #b4893d;color:#b4893d;font-family:var(--font-head);font-size:23px;background:#f6f1e6;transform:rotate(-8deg)}
.legal-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #172640}.legal-metric{padding:22px;border-right:1px solid #172640}.legal-metric b{display:block;font-family:var(--font-head);font-size:31px}.legal-metric span{font-size:9px;color:#656b73}
.legal-practice-grid,.legal-standard-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:80px}.legal-practice-grid>div:first-child>span,.legal-standard-grid>div:first-child>span,.legal-heading>span{font-family:var(--font-code);font-size:9px;letter-spacing:.12em;color:#8a682c}.legal-practice h2,.legal-standard h2,.legal-heading h2{font-size:clamp(45px,6vw,75px);font-weight:600;margin:13px 0}.legal-practice p,.legal-standard p,.legal-heading p{color:var(--muted)}.legal-clauses{border-top:2px solid #172640}.legal-clause{display:grid;grid-template-columns:60px 1fr;padding:24px 0;border-bottom:1px solid #172640}.legal-clause .service-number{font-family:var(--font-head);font-size:22px;color:#8a682c}.legal-clause .service-copy{display:grid;grid-template-columns:1fr 1fr 160px;gap:25px}.legal-clause .service-tag{grid-column:1/-1}.legal-clause h3{font-family:var(--font-head);font-size:28px;font-weight:600;margin:0}.legal-clause .service-meta{margin:0;text-align:right}
.legal-standard{background:#172640;color:#f6f1e6}.legal-standard p{color:#bac1cc}.legal-proof{margin-top:35px}.legal-proof b{display:block;font-family:var(--font-head);font-size:50px;color:#d0ad67}.legal-proof span{font-size:10px}.legal-decisions{border-top:1px solid #4b5870}.legal-decision{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:18px 0;border-bottom:1px solid #4b5870}.legal-decision>span{font-family:var(--font-head);font-size:20px;color:#d0ad67}.legal-decision h3{font-size:20px}.legal-decision p{font-size:11px;color:#bac1cc}
.legal-heading{max-width:850px}.legal-package-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;border:1px solid #172640}.legal-package{padding:29px;border-right:1px solid #172640}.legal-package.featured{background:#e8ddc6}.legal-package h3{font-family:var(--font-head);font-size:29px;font-weight:600}.legal-process{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;border-block:1px solid #172640}.legal-step{padding:23px;border-right:1px solid #172640}.legal-step>span{font-family:var(--font-head);font-size:24px;color:#8a682c}.legal-step h3{font-size:18px}.legal-step p{font-size:11px;color:var(--muted)}.legal-quote{padding:38px;border-left:1px solid #172640;margin-left:90px}.legal-contact{background:#172640}

/* 16 — Line and Living: architecture folio */
body[data-design='interiors']{--font-head:'Manrope',sans-serif;--font-body:'DM Sans',sans-serif;--accent-2:#bd8060;background:#f3eee5}
.header-interior .demo-logo-mark{background:#25302b}.header-interior .demo-btn{border-radius:0}
.interior-hero{padding:75px 0 0}.interior-plan{display:grid;grid-template-columns:.77fr 1.23fr;gap:65px;align-items:center}.interior-copy>span{font-family:var(--font-code);font-size:8px;letter-spacing:.12em;color:#a65d3b}.interior-copy h1{font-size:clamp(50px,6.5vw,82px);letter-spacing:-.065em;margin:18px 0}.interior-copy>p{font-size:17px;color:#616b66}.interior-copy>small{display:block;margin-top:17px;color:#707872}.interior-copy .demo-btn{border-radius:0}
.interior-blueprint{position:relative;min-height:620px;border:1px solid #25302b;background-color:#e5e0d7;background-image:linear-gradient(rgba(37,48,43,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(37,48,43,.08) 1px,transparent 1px);background-size:25px 25px}.blueprint-room{position:absolute;border:2px solid #25302b}.blueprint-room span{position:absolute;left:10px;top:8px;font-family:var(--font-code);font-size:8px}.room-a{left:7%;top:7%;width:53%;height:48%}.room-b{right:7%;top:7%;width:30%;height:68%}.room-c{left:7%;bottom:7%;width:53%;height:30%}.blueprint-note{position:absolute;right:5%;bottom:5%;width:48%;padding:24px;background:#25302b;color:#f3eee5}.blueprint-note>small{font-family:var(--font-code);font-size:8px;color:#cf9778}.blueprint-note h2{font-size:24px;margin:7px 0 15px}.blueprint-row{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid #53615b;font-size:9px}
.interior-materials{display:grid;grid-template-columns:50px 50px 50px 1fr;gap:12px;align-items:stretch;margin-top:55px}.material{min-height:95px}.material.clay{background:#a65d3b}.material.stone{background:#b9b3a8}.material.wood{background:repeating-linear-gradient(90deg,#7f604a 0 4px,#9c785f 4px 9px)}.interior-materials>div{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #25302b}.interior-metric{padding:17px;border-right:1px solid #25302b}.interior-metric b{display:block;font-size:20px}.interior-metric span{font-size:8px;color:var(--muted)}
.interior-heading{display:grid;grid-template-columns:170px 1fr 1fr;gap:35px;align-items:end;margin-bottom:45px}.interior-heading>span,.interior-method>div>div>span,.interior-method aside>span{font-family:var(--font-code);font-size:8px;letter-spacing:.12em;color:#a65d3b}.interior-heading h2,.interior-method h2{font-size:clamp(39px,5.5vw,67px)}.interior-heading p{color:var(--muted)}.interior-project-list{border-top:1px solid #25302b}.interior-project{display:grid;grid-template-columns:70px 1fr;padding:28px 0;border-bottom:1px solid #25302b}.interior-project .service-number{font-size:10px}.interior-project .service-copy{display:grid;grid-template-columns:120px 1fr 1fr 150px;gap:27px}.interior-project h3{font-size:27px;margin:0}.interior-project .service-meta{margin:0;text-align:right}
.interior-method{background:#25302b;color:#f3eee5}.interior-method-grid{display:grid;grid-template-columns:1fr .85fr;gap:90px}.interior-process{margin-top:35px;border-top:1px solid #56615c}.interior-step{display:grid;grid-template-columns:45px 1fr;column-gap:15px;padding:17px 0;border-bottom:1px solid #56615c}.interior-step>span{grid-row:1/3;font-family:var(--font-code);font-size:9px;color:#cf9778}.interior-step h3{font-size:17px}.interior-step p{font-size:11px;color:#bec5c1}.interior-method aside>p{color:#bec5c1}.interior-decision{display:grid;grid-template-columns:35px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid #56615c}.interior-decision>span{font-family:var(--font-code);font-size:9px;color:#cf9778}.interior-decision h3{font-size:17px}.interior-decision p{font-size:11px;color:#bec5c1}.interior-method footer{display:flex;align-items:center;gap:15px;margin-top:22px}.interior-method footer b{font-size:40px;color:#cf9778}.interior-method footer span{font-size:10px;color:#bec5c1}
.interior-package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.interior-package{padding:30px;border:1px solid #25302b}.interior-package.featured{background:#25302b;color:#fff}.interior-package.featured .package-desc,.interior-package.featured li{color:#bec5c1}.interior-quote{max-width:930px;border-top:1px solid #25302b;padding-top:35px}.interior-contact{background:#25302b}

@media(max-width:1080px){
  .lab-test .service-copy,.trust-service .service-copy,.boutique-service .service-copy,.gym-lane .service-copy,.interior-project .service-copy{grid-template-columns:120px 1fr 1fr}.lab-test .service-meta,.trust-service .service-meta,.boutique-service .service-meta,.gym-lane .service-meta,.interior-project .service-meta{grid-column:2/-1;text-align:left}
  .restaurant-package{grid-template-columns:45px 1fr 130px}.restaurant-package .package-badge,.restaurant-package .package-list,.restaurant-package .demo-btn{grid-column:auto}.restaurant-package .package-badge{grid-column:3}.restaurant-package .package-list{grid-column:2;grid-row:3}.restaurant-package .demo-btn{grid-column:3;grid-row:3}
}

@media(max-width:900px){
  .demo-section{padding:82px 0}.demo-actions>.demo-btn{display:none}.demo-menu{display:grid}
  .demo-links{position:fixed;left:0;right:0;top:103px;display:grid;gap:0;padding:14px 22px;background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line);transform:translateY(-145%);opacity:0;pointer-events:none;transition:.2s ease}.demo-links a{padding:14px;border-bottom:1px solid var(--line)}.nav-open .demo-links{transform:none;opacity:1;pointer-events:auto}
  .header-umrah .demo-links,.header-gym .demo-links,.header-photo .demo-links,.header-repair .demo-links{background:var(--ink);color:var(--paper)}
  .lab-hero-grid,.dental-hero-grid,.school-hero-grid,.umrah-hero-grid,.travel-hero-grid,.restaurant-cover,.repair-console,.interior-plan,.photo-contact-sheet{grid-template-columns:1fr;gap:50px}
  .lab-workflow-grid,.dental-care-grid,.tutor-progress-grid,.school-trust-grid,.trust-support-grid,.umrah-journey-grid,.travel-plan-grid,.boutique-atelier-grid,.restaurant-story-grid,.salon-standard-grid,.gym-system-grid,.photo-method-grid,.realty-check-grid,.legal-practice-grid,.legal-standard-grid,.interior-method-grid,.repair-service-grid{grid-template-columns:1fr;gap:55px}
  .umrah-hero-grid{min-height:auto;padding:52px 0 64px}.umrah-hero-media::after{background:linear-gradient(90deg,rgba(5,17,33,.96),rgba(7,20,38,.78)),linear-gradient(0deg,rgba(5,17,33,.96),transparent 48%)}.umrah-passport{grid-column:1;grid-row:auto;justify-self:start;width:min(100%,610px);max-width:610px;margin-top:0}.umrah-visual-intro,.umrah-visual-grid{grid-template-columns:1fr}.umrah-visual-intro{gap:14px}.umrah-visual-card-flight{margin-top:0}
  .dental-arch{width:min(600px,100%);margin:auto}.tutor-paper{grid-template-columns:35px 1fr}.tutor-note{grid-column:2}.trust-ledger{grid-template-columns:1fr 1fr}.trust-ledger>div:first-child,.trust-ledger>p{grid-column:1/-1;border-bottom:1px solid var(--ink)}.trust-ledger-row:nth-child(odd){border-right:0}.boutique-cover{grid-template-columns:65px 1fr}.boutique-look{grid-column:2}.salon-cover{grid-template-columns:110px 1fr}.salon-book{grid-column:2}.gym-hero-grid{grid-template-columns:1fr}.realty-browser{grid-template-columns:1fr;grid-template-rows:42px 360px auto}.realty-map-pane{grid-column:1}.realty-property{grid-column:1}.legal-letterhead{grid-template-columns:65px 1fr}.legal-docket{grid-column:2}.interior-blueprint{min-height:560px}
  .dental-service-grid,.school-room-grid,.trust-decision-grid,.travel-route-rail,.photo-service-strip,.repair-decision-grid{grid-template-columns:1fr 1fr}.school-room:nth-child(n),.travel-route-card:nth-child(n){transform:none}.salon-service:nth-child(n){grid-column:span 6;transform:none}.realty-inventory-grid{grid-template-columns:1fr}.realty-listing-rail{grid-template-columns:1fr 1fr}.realty-mini-listing{border-bottom:1px solid #1d2b35}.repair-standard-head{grid-template-columns:1fr 1fr}.repair-standard-head>div{grid-column:1/-1}
  .lab-package-grid,.dental-package-grid,.tutor-package-grid,.school-package-grid,.umrah-package-grid,.travel-ticket-grid,.boutique-package-grid,.salon-package-grid,.gym-package-grid,.photo-package-grid,.repair-package-grid,.realty-package-grid,.legal-package-grid,.interior-package-grid{grid-template-columns:1fr 1fr}.restaurant-package-list{display:grid;grid-template-columns:1fr 1fr;gap:15px;border:0}.restaurant-package{display:flex;padding:25px;border:1px solid #302018}.restaurant-package .package-top{display:flex}.restaurant-package .package-list{margin:20px 0}.restaurant-package .demo-btn{margin-top:auto}
  .faq-layout,.contact-layout{grid-template-columns:1fr;gap:45px}
}

@media(max-width:680px){
  body{font-size:15px;padding-bottom:72px}.demo-wrap{width:min(100% - 30px,1200px)}.demo-section{padding:68px 0}.sample-bar{justify-content:center;text-align:center}.sample-bar>span:first-child{display:none}.demo-nav{min-height:64px}.demo-logo{font-size:16px}.demo-logo-mark{width:35px;height:35px}.demo-links{top:95px}.hero-actions{display:grid}.hero-actions .demo-btn{width:100%;min-height:48px;padding:12px 4px}
  .umrah-hero{padding-top:74px}.umrah-hero-grid{gap:36px;padding:42px 0 54px}.umrah-hero-media img{object-position:66% center}.umrah-hero-media::after{background:linear-gradient(90deg,rgba(5,17,33,.92),rgba(5,17,33,.74)),linear-gradient(0deg,rgba(5,17,33,.98) 0%,rgba(5,17,33,.28) 70%)}.umrah-pattern{inset:0;opacity:.06}.umrah-copy>p{font-size:16px}.umrah-place-chip{margin-top:23px}.umrah-passport{padding:23px 20px;box-shadow:8px 8px 0 rgba(4,14,27,.8)}.umrah-passport h2{font-size:27px}.umrah-passport-rows{grid-template-columns:1fr}.umrah-passport-row{font-size:10px}.umrah-stamp{right:8px;bottom:-16px;width:76px;height:76px;font-size:18px}.umrah-metric{padding:18px 16px}.umrah-visual-story{padding:60px 0 70px}.umrah-visual-intro{margin-bottom:25px}.umrah-visual-intro h2{font-size:42px}.umrah-visual-grid{gap:16px}.umrah-visual-card,.umrah-visual-card-flight{min-height:310px}.umrah-visual-card figcaption{padding:22px}.umrah-visual-card h3,.umrah-visual-card-flight h3{font-size:28px}
  .lab-label{grid-template-columns:1fr auto}.lab-barcode{display:none}.lab-hero-grid{padding:55px 0}.lab-copy h1,.dental-copy h1,.tutor-copy h1,.school-copy h1,.travel-copy h1,.repair-copy h1,.realty-copy h1,.legal-copy h1,.interior-copy h1{font-size:clamp(43px,13vw,65px)}.gym-copy h1{font-size:clamp(70px,22vw,105px)}.trust-title h1,.boutique-copy h1,.restaurant-copy h1,.salon-copy h1,.photo-copy h1,.umrah-copy h1{font-size:clamp(52px,16vw,78px)}
  .lab-metrics,.dental-metrics,.tutor-tabs,.school-metrics,.trust-metrics,.umrah-metrics,.travel-metrics,.restaurant-metrics,.salon-metrics,.repair-metrics,.legal-metrics{grid-template-columns:1fr 1fr}.lab-metric:nth-child(2),.dental-metric:nth-child(2),.school-metric:nth-child(2){border-right:0}.lab-metric:nth-child(-n+2),.dental-metric:nth-child(-n+2),.school-metric:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .lab-section-head,.tutor-heading,.travel-heading,.salon-heading,.gym-heading,.interior-heading{grid-template-columns:1fr;gap:12px}.lab-test .service-copy,.trust-service .service-copy,.boutique-service .service-copy,.gym-lane .service-copy,.interior-project .service-copy,.realty-listing .service-copy,.legal-clause .service-copy{grid-template-columns:1fr}.lab-test .service-meta,.trust-service .service-meta,.boutique-service .service-meta,.gym-lane .service-meta,.interior-project .service-meta,.realty-listing .service-meta,.legal-clause .service-meta{grid-column:auto;text-align:left}.lab-test,.trust-service,.boutique-service,.gym-lane,.interior-project{grid-template-columns:45px 1fr}
  .lab-package-grid,.dental-package-grid,.tutor-package-grid,.school-package-grid,.umrah-package-grid,.travel-ticket-grid,.boutique-package-grid,.salon-package-grid,.gym-package-grid,.photo-package-grid,.repair-package-grid,.realty-package-grid,.legal-package-grid,.interior-package-grid,.restaurant-package-list{grid-template-columns:1fr}.dental-package.featured{transform:none}
  .dental-arch{min-height:auto;padding:70px 20px 30px}.dental-orbit{left:10px;top:9px;width:90px;height:90px}.dental-float{position:static;margin-top:12px}.dental-service-grid,.school-room-grid,.trust-decision-grid,.travel-route-rail,.photo-service-strip,.repair-decision-grid,.school-decisions{grid-template-columns:1fr}.dental-service,.school-room,.travel-route-card,.photo-service{min-height:auto}.dental-service .service-number{margin-bottom:22px}
  .tutor-paper{grid-template-columns:1fr;padding:50px 0;border-left:0}.tutor-margin{display:none}.tutor-note{grid-column:1}.tutor-chapters,.tutor-process{grid-template-columns:1fr}.tutor-heading{display:block}.tutor-heading h2{margin:12px 0}
  .school-badges{display:grid}.school-process,.dental-process,.umrah-process,.restaurant-process,.salon-process,.repair-process,.realty-process,.legal-process{grid-template-columns:1fr 1fr}.school-step{border-radius:50px 50px 15px 15px}
  .trust-service-layout{grid-template-columns:1fr}.trust-service-layout{gap:25px}.trust-proof{flex-wrap:wrap}.trust-proof em{margin-left:0;width:100%}.trust-quote{grid-template-columns:1fr}.trust-ledger{grid-template-columns:1fr}.trust-ledger-row{border-right:0}.trust-decision-grid{grid-template-columns:1fr}
  .umrah-stamp{right:8px}.umrah-decision-grid{grid-template-columns:1fr}.umrah-sticky{position:static}.boutique-cover{grid-template-columns:42px 1fr}.boutique-copy{padding:55px 25px}.boutique-look{padding:45px 25px}.boutique-issue{padding:20px 12px}.boutique-seal{position:static;margin-top:25px}.boutique-metrics{grid-template-columns:1fr 1fr}.boutique-metric:nth-child(2){border-right:0}.boutique-metric:nth-child(-n+2){border-bottom:1px solid #2b1720}
  .restaurant-cover{gap:45px}.restaurant-receipt{padding-inline:24px}.restaurant-menu-grid{grid-template-columns:1fr}.restaurant-dish .service-copy{grid-template-columns:1fr}.restaurant-dish .service-meta{grid-column:1;grid-row:auto;text-align:left}.restaurant-story-grid{grid-template-columns:1fr}.restaurant-decisions{grid-template-columns:1fr}.salon-cover{grid-template-columns:55px 1fr}.salon-mast{font-size:70px}.salon-copy{padding:60px 20px}.salon-book{grid-column:1/-1;margin:0}.salon-service:nth-child(n){grid-column:1/-1}.salon-service-grid{display:grid;grid-template-columns:1fr}
  .gym-marquee>div{animation:none;display:grid;width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden}.gym-marquee .gym-metric{min-width:0;padding:14px 12px;white-space:normal}.gym-marquee .gym-metric:nth-child(n+5){display:none}.gym-lanes .gym-lane{grid-template-columns:45px 1fr}.gym-system h2{font-size:48px;overflow-wrap:anywhere}.gym-process{grid-template-columns:1fr}.photo-frames{grid-template-rows:180px 180px auto}.photo-frame b{font-size:18px}.repair-standard-head{grid-template-columns:1fr}.repair-decision-grid{grid-template-columns:1fr}.repair-ticket .service-copy{grid-template-columns:1fr}.repair-ticket .service-meta{grid-column:1;grid-row:auto;text-align:left}
  .realty-search{display:grid;padding:14px}.realty-browser{grid-template-rows:42px 300px auto}.realty-listing-rail{grid-template-columns:1fr}.realty-listing{grid-template-columns:45px 1fr}.legal-letterhead{grid-template-columns:1fr}.legal-folio{border-right:0;border-bottom:1px solid #172640;padding-bottom:15px}.legal-docket{grid-column:1}.legal-practice-grid,.legal-standard-grid{grid-template-columns:1fr}.legal-quote{margin-left:0}.interior-blueprint{min-height:480px}.blueprint-note{width:80%;right:5%}.interior-materials{grid-template-columns:repeat(3,1fr)}.interior-materials>div{grid-column:1/-1;grid-template-columns:1fr 1fr}
  .form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.lead-form{padding:24px}.footer-row{flex-direction:column;text-align:center}.mobile-bar{position:fixed;z-index:150;left:0;right:0;bottom:0;display:grid;grid-template-columns:.8fr 1.2fr;gap:8px;padding:10px;background:color-mix(in srgb,var(--paper) 94%,transparent);border-top:1px solid var(--line);backdrop-filter:blur(16px)}.mobile-bar .demo-btn{min-height:50px;padding:9px;font-size:12px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.demo-btn:hover{transform:none}.gym-marquee>div{animation:none}}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:#fff}