/*
Theme Name: iDemo Showcase
Theme URI: https://idemo.dev
Author: 7TuT
Author URI: https://7tut.com
Description: Premium, performance-first multi-layout theme for iDemo blueprint and temporary demo sites.
Version: 1.2.0
Requires at least: 6.8
Requires PHP: 8.2
Text Domain: idemo-showcase
*/
:root{--brand:#146cff;--brand2:#6947ff;--brand-rgb:20,108,255;--ink:#071a38;--muted:#64728a;--surface:#fff;--soft:#f4f7fd;--soft2:#eef4ff;--line:#dfe7f2;--radius:24px;--radius-sm:15px;--shadow:0 22px 60px rgba(14,39,84,.11);--max:1220px;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;text-rendering:optimizeLegibility}body{margin:0;color:var(--ink);font-family:var(--font);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img,svg{max-width:100%}.wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-80px;z-index:9999;padding:10px 14px;border-radius:10px;background:#fff;box-shadow:var(--shadow);font-weight:800}.skip-link:focus{top:16px}.site-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.88);border-bottom:1px solid rgba(223,231,242,.78);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.nav{min-height:78px;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;min-width:0}.brand-mark{width:36px;height:36px;flex:0 0 36px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:grid;place-items:center;color:#fff;font-size:17px;font-weight:900;box-shadow:0 10px 25px rgba(var(--brand-rgb),.24)}.brand-copy{display:grid;line-height:1.05}.brand-copy b{font-size:19px;letter-spacing:-.035em;white-space:nowrap}.brand-copy small{margin-top:4px;color:var(--muted);font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.1em}.nav-links{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:13px;font-weight:760}.nav-links a{position:relative;padding:29px 0 27px}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:21px;height:2px;border-radius:99px;background:var(--brand);transition:right .2s ease}.nav-links a:hover{color:var(--brand)}.nav-links a:hover:after{right:0}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 20px;border-radius:14px;font-size:13px;font-weight:820;border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.nav-cta svg,.btn svg,.text-link svg{width:16px;height:16px}.btn-primary,.nav-cta{color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 13px 30px rgba(var(--brand-rgb),.22)}.btn-secondary{background:rgba(255,255,255,.86);border-color:var(--line)}.btn:hover,.nav-cta:hover{transform:translateY(-1px)}.menu-toggle{display:none;margin-left:auto;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:12px;width:44px;height:44px;padding:10px}.menu-toggle svg{width:22px;height:22px}.hero{position:relative;overflow:hidden;padding:90px 0 78px;background:radial-gradient(circle at 9% 16%,rgba(var(--brand-rgb),.10),transparent 34%),linear-gradient(135deg,var(--soft),#fff 57%,color-mix(in srgb,var(--brand2) 8%,#fff));border-bottom:1px solid var(--line)}.hero:after{content:"";position:absolute;inset:auto -15% -45% 35%;height:65%;background:radial-gradient(ellipse,color-mix(in srgb,var(--brand2) 11%,transparent),transparent 68%);pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,.92fr);gap:72px;align-items:center}.hero-badges{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.11em;color:var(--brand)}.eyebrow{padding:7px 10px;border:1px solid color-mix(in srgb,var(--brand) 21%,var(--line));border-radius:999px;background:rgba(255,255,255,.82)}.live-dot{display:inline-flex;align-items:center;gap:7px;color:#3c4d66;font-size:11px;font-weight:760}.live-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.12)}.hero h1{font-size:clamp(48px,5.6vw,76px);line-height:1.01;letter-spacing:-.062em;margin:20px 0 23px;max-width:760px}.hero h1 span{display:inline;background:linear-gradient(90deg,var(--brand),var(--brand2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:17px;color:var(--muted);max-width:640px;margin:0 0 29px}.hero-actions{display:flex;flex-wrap:wrap;gap:11px}.hero-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:38px;max-width:700px}.proof{display:flex;align-items:center;gap:9px;min-width:0}.proof-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--brand) 17%,var(--line));border-radius:11px;background:rgba(255,255,255,.72);color:var(--brand)}.proof-icon svg{width:16px;height:16px}.proof>span:last-child{display:grid;line-height:1.13}.proof b{font-size:13px}.proof small{margin-top:4px;color:var(--muted);font-size:9px;white-space:nowrap}.hero-visual{position:relative;min-height:480px}.device-shell{position:absolute;inset:14px 0 10px 0;border-radius:30px;padding:10px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);box-shadow:0 35px 85px rgba(17,39,84,.18);transform:perspective(1100px) rotateY(-2deg);backdrop-filter:blur(18px)}.device-top{height:42px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#f5f7fb;border:1px solid var(--line);border-bottom:0;border-radius:20px 20px 0 0}.device-top>span{width:7px;height:7px;border-radius:50%;background:#cbd4e1}.device-top em{margin-left:auto;font-style:normal;color:#75829a;font-size:9px;font-weight:700}.device-body{position:relative;height:398px;overflow:hidden;border:1px solid var(--line);border-radius:0 0 20px 20px;background:#fff}.floating-proof{position:absolute;right:-14px;bottom:-6px;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(255,255,255,.9);border-radius:15px;background:rgba(255,255,255,.92);box-shadow:0 17px 45px rgba(17,39,84,.16);backdrop-filter:blur(12px)}.floating-proof svg{width:22px;height:22px;color:var(--brand)}.floating-proof span{display:grid;line-height:1.1}.floating-proof b{font-size:11px}.floating-proof small{margin-top:4px;color:var(--muted);font-size:8px}.trust-strip{border-bottom:1px solid var(--line);background:#fff}.trust-inner{min-height:66px;display:flex;align-items:center;justify-content:center;gap:24px;color:#8390a4;font-size:10px;font-weight:720;text-transform:uppercase;letter-spacing:.09em}.trust-inner b{color:#33445e}.trust-inner i{width:3px;height:3px;border-radius:50%;background:#bbc5d4}.section{padding:84px 0;content-visibility:auto;contain-intrinsic-size:1px 700px}.section.soft{background:linear-gradient(180deg,var(--soft),color-mix(in srgb,var(--soft) 66%,#fff))}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-head h2,.about-title,.process-copy h2,.faq-wrap h2,.contact-card h2{font-size:clamp(31px,3.6vw,46px);letter-spacing:-.046em;line-height:1.08;margin:10px 0 0}.section-head h2 em,.process-copy h2 em,.faq-wrap h2 em,.contact-card h2 em{font-style:normal;color:var(--brand)}.section-head p,.about-text,.process-copy p,.faq-wrap>div>p,.contact-card>p{margin:10px 0 0;color:var(--muted);max-width:650px}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--brand);font-size:12px;font-weight:820;white-space:nowrap}.text-link svg{transition:transform .18s ease}.text-link:hover svg{transform:translateX(3px)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 8px 28px rgba(28,54,105,.045)}.service-card{position:relative;overflow:hidden;min-height:245px}.service-card:before{content:"";position:absolute;inset:auto -50px -80px auto;width:150px;height:150px;border-radius:50%;background:color-mix(in srgb,var(--brand) 7%,transparent)}.card-top{display:flex;align-items:center;justify-content:space-between}.card-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--brand) 9%,#fff);border:1px solid color-mix(in srgb,var(--brand) 14%,var(--line));color:var(--brand)}.card-icon svg{width:20px;height:20px}.card-index{font-size:10px;color:#a4afbf;font-weight:800;letter-spacing:.1em}.card h3{font-size:19px;line-height:1.25;margin:20px 0 9px}.card p{color:var(--muted);font-size:13px;margin:0}.card-line{position:absolute;left:24px;right:24px;bottom:21px;height:1px;background:linear-gradient(90deg,var(--brand),transparent);opacity:.25}.showcase-grid{align-items:stretch}.showcase-card{overflow:hidden;border-radius:24px;border:1px solid var(--line);background:#fff;box-shadow:0 14px 42px rgba(17,39,84,.075)}.showcase-media{height:230px;position:relative;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 8%,#fff),color-mix(in srgb,var(--brand2) 15%,#fff))}.showcase-media:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-50px;top:-60px;background:color-mix(in srgb,var(--brand2) 12%,transparent)}.mini-browser{position:absolute;left:11%;right:8%;top:15%;height:76%;padding:10px;border-radius:13px;background:#fff;box-shadow:0 22px 50px rgba(14,39,84,.17);transform:rotate(-1.5deg)}.media-2 .mini-browser{transform:rotate(1.7deg) translateY(4px)}.media-3 .mini-browser{transform:translateY(-1px)}.mini-browser>span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#cbd4df;margin-right:3px}.mini-browser>div{position:relative;height:calc(100% - 16px);margin-top:7px;border-radius:8px;background:var(--soft);overflow:hidden}.mini-browser i{position:absolute;left:10%;right:40%;height:7px;border-radius:8px;background:#d3ddea}.mini-browser i:first-child{top:19%}.mini-browser i:nth-child(2){top:31%;right:52%}.mini-browser b{position:absolute;right:7%;bottom:-5%;width:45%;height:78%;border-radius:18px 18px 0 0;background:linear-gradient(145deg,var(--brand),var(--brand2));opacity:.75}.showcase-body{padding:23px}.mini-label{font-size:9px;font-weight:850;letter-spacing:.1em;color:var(--brand)}.showcase-body h3{font-size:20px;line-height:1.2;margin:8px 0 8px}.showcase-body p{font-size:13px;color:var(--muted);margin:0}.meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:17px}.tag{padding:5px 8px;border-radius:999px;background:var(--soft);border:1px solid var(--line);font-size:9px;font-weight:800;color:#69778e}.process{padding-top:70px}.process-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;padding:48px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 18px 60px rgba(17,39,84,.06)}.process-copy .text-link{margin-top:20px}.process-steps{display:grid;gap:10px}.process-step{display:flex;align-items:center;gap:16px;padding:15px 17px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(90deg,var(--soft),#fff)}.process-step>b{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:11px;background:#fff;color:var(--brand);font-size:10px;box-shadow:0 7px 18px rgba(17,39,84,.07)}.process-step>span{display:grid;line-height:1.15}.process-step strong{font-size:13px}.process-step small{margin-top:5px;color:var(--muted);font-size:10px}.split{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}.stat{padding:19px;border-radius:16px;background:#fff;border:1px solid var(--line)}.stat strong{display:block;font-size:28px;line-height:1;letter-spacing:-.04em}.stat span{display:block;margin-top:6px;color:var(--muted);font-size:10px}.stats-wide{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0}.testimonial{position:relative;margin:0;padding:34px;border-radius:26px;background:linear-gradient(145deg,var(--ink),color-mix(in srgb,var(--ink) 78%,var(--brand)));color:#fff;overflow:hidden}.testimonial:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-100px;bottom:-140px;background:color-mix(in srgb,var(--brand) 35%,transparent)}.quote-mark{font:700 62px/1 Georgia,serif;color:color-mix(in srgb,var(--brand) 65%,#fff);opacity:.85}.testimonial p{position:relative;z-index:1;font-size:20px;line-height:1.5;margin:-10px 0 26px}.testimonial footer{position:relative;z-index:1;display:flex;align-items:center;gap:10px}.avatar-dot{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:inset 0 0 0 4px rgba(255,255,255,.16)}.testimonial footer span:last-child{display:grid}.testimonial footer strong{font-size:11px}.testimonial footer small{color:#aebfd8;font-size:9px}.faq-section{background:#fff}.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.faq-list{display:grid;gap:9px}.faq-list details{border:1px solid var(--line);border-radius:16px;background:#fff;padding:0 17px}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;font-size:12px;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{width:27px;height:27px;border-radius:9px;background:var(--soft);display:grid;place-items:center;color:var(--brand);font-size:16px;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:-2px 38px 16px 0;color:var(--muted);font-size:12px}.cta{margin:0 auto 78px;width:min(var(--max),calc(100% - 48px));border-radius:28px;padding:46px 50px;background:radial-gradient(circle at 92% 0,color-mix(in srgb,var(--brand) 40%,transparent),transparent 35%),linear-gradient(135deg,var(--ink),color-mix(in srgb,var(--ink) 72%,var(--brand)));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:32px;overflow:hidden}.section-kicker.light{color:#bcd3ff}.cta h2{font-size:34px;line-height:1.12;letter-spacing:-.042em;margin:9px 0 8px}.cta p{margin:0;color:#c4d0e2;max-width:720px;font-size:13px}.cta-btn{background:#fff;color:var(--ink);white-space:nowrap}.site-footer{padding:48px 0 27px;background:#06152f;color:#fff}.footer-grid{display:grid;grid-template-columns:1.4fr .75fr .75fr;gap:58px}.footer-grid p,.footer-grid a{color:#aab9d2;font-size:11px}.footer-grid p{max-width:430px}.footer-grid h4{margin:0 0 13px;font-size:11px}.footer-brand .brand-copy b{color:#fff}.footer-brand .brand-copy small{color:#7f93b3}.footer-links{display:grid;gap:8px}.footer-links a:hover{color:#fff}.footer-bottom{margin-top:32px;padding-top:18px;border-top:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;color:#778aa8;font-size:9px}.page-hero{padding:72px 0 55px;background:radial-gradient(circle at 75% 20%,color-mix(in srgb,var(--brand) 10%,transparent),transparent 28%),linear-gradient(180deg,var(--soft),#fff)}.page-hero-inner{display:grid;grid-template-columns:1fr 280px;gap:50px;align-items:center}.page-hero h1{font-size:clamp(42px,5vw,62px);line-height:1.02;letter-spacing:-.056em;margin:17px 0 12px}.page-hero p{color:var(--muted);max-width:700px;margin:0}.page-orb{position:relative;height:180px}.page-orb i{position:absolute;border-radius:50%;background:linear-gradient(145deg,var(--brand),var(--brand2));box-shadow:0 20px 50px rgba(var(--brand-rgb),.15)}.page-orb i:first-child{width:150px;height:150px;right:20px;top:10px;opacity:.15}.page-orb i:nth-child(2){width:90px;height:90px;right:90px;top:40px;opacity:.2}.page-orb i:nth-child(3){width:44px;height:44px;right:30px;top:70px;opacity:.6}.content{padding:55px 0 85px}.entry{max-width:820px;font-size:15px}.entry h2{font-size:30px;letter-spacing:-.03em;margin-top:40px}.entry p{color:#53627a}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}.contact-card,.contact-side{border:1px solid var(--line);border-radius:26px;background:#fff}.contact-card{padding:40px}.contact-points{display:grid;gap:9px;margin:24px 0}.contact-points span{display:flex;align-items:center;gap:8px;color:#4d5d75;font-size:12px}.contact-points svg{width:16px;height:16px;color:#10a574}.contact-side{padding:16px;display:grid;gap:12px;background:var(--soft)}.contact-mini{min-height:170px;padding:24px;border-radius:19px;background:#fff;border:1px solid var(--line);display:grid;align-content:center}.contact-mini small{color:var(--brand);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.contact-mini b{font-size:21px;margin:7px 0}.contact-mini span{color:var(--muted);font-size:11px}
/* Variant visuals */
.device-body:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(var(--brand-rgb),.035),transparent 50%);pointer-events:none}.beauty-copy{position:absolute;left:8%;top:17%;width:40%;display:grid;gap:10px}.beauty-copy i{width:45px;height:5px;border-radius:6px;background:var(--brand);opacity:.55}.beauty-copy b{font:700 28px/1.05 Georgia,serif;color:var(--ink)}.beauty-copy small{font-size:10px;color:var(--muted)}.beauty-copy span{width:68%;height:7px;border-radius:7px;background:#e5dce1}.beauty-portrait{position:absolute;right:7%;bottom:0;width:43%;height:86%;border-radius:100px 100px 18px 18px;background:linear-gradient(160deg,#f8d8e2,#e9c6bd 52%,#b97a75);overflow:hidden}.beauty-portrait i:first-child{position:absolute;width:42%;height:38%;border-radius:50%;background:#342123;left:29%;top:7%}.beauty-portrait i:nth-child(2){position:absolute;width:56%;height:65%;border-radius:50% 50% 14px 14px;background:#f3d0bf;left:23%;top:18%}.beauty-portrait i:nth-child(3){position:absolute;width:90%;height:40%;border-radius:50% 50% 0 0;background:#d07b8a;left:5%;bottom:-15%}.mini-pill{position:absolute;left:8%;top:58%;padding:8px 13px;border-radius:999px;background:var(--brand);color:#fff;font-size:9px;font-weight:800}.restaurant-title{position:absolute;left:8%;top:12%;font:800 30px/1 Georgia,serif;letter-spacing:.08em}.restaurant-title small{display:block;margin-top:8px;font:600 8px/1.4 var(--font);letter-spacing:.14em;color:var(--muted);text-transform:uppercase}.plates{position:absolute;right:3%;bottom:4%;width:67%;height:70%}.plates i{position:absolute;border-radius:50%;box-shadow:0 18px 38px rgba(41,29,17,.18),inset 0 0 0 12px #efe7dc;background:radial-gradient(circle at 50% 50%,#6a3f26 0 18%,#bd6b3c 19% 28%,#71864c 29% 39%,#f5e9d8 40%)}.plates i:first-child{width:150px;height:150px;right:13%;top:3%}.plates i:nth-child(2){width:108px;height:108px;left:4%;bottom:8%}.plates i:nth-child(3){width:84px;height:84px;right:3%;bottom:2%}.menu-lines{position:absolute;left:8%;bottom:14%;display:grid;gap:7px}.menu-lines b,.menu-lines span{height:5px;border-radius:6px;background:#ded1c0}.menu-lines b{width:90px;background:var(--brand)}.menu-lines span{width:115px}.commerce-head{position:absolute;left:6%;right:6%;top:8%;display:flex;justify-content:space-between;align-items:center}.commerce-head b{font-size:18px}.commerce-head span{padding:7px 10px;border-radius:9px;background:var(--ink);color:#fff;font-size:8px}.product-grid{position:absolute;left:6%;right:6%;top:24%;bottom:15%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.product-grid i{border-radius:13px;background:linear-gradient(160deg,#eef1f7,#d8e3f4);position:relative;overflow:hidden}.product-grid i:before{content:"";position:absolute;width:56%;height:66%;left:22%;top:9%;border-radius:40% 40% 18% 18%;background:linear-gradient(145deg,var(--brand2),var(--brand));opacity:.65}.commerce-nav{position:absolute;left:6%;bottom:7%;display:flex;gap:7px}.commerce-nav span{width:48px;height:6px;border-radius:6px;background:#dae2ee}.corp-copy{position:absolute;left:7%;top:15%;display:grid}.corp-copy small{color:var(--brand);font-size:8px;text-transform:uppercase;font-weight:850;letter-spacing:.12em}.corp-copy b{margin-top:10px;font-size:28px;line-height:1.05;letter-spacing:-.04em}.corp-copy span{width:130px;height:6px;border-radius:6px;background:#d7e0ec;margin-top:12px}.corp-copy span:last-child{width:90px;margin-top:7px}.corp-metrics{position:absolute;right:6%;top:12%;width:47%;height:75%;padding:13px;border-radius:16px;background:var(--soft);border:1px solid var(--line)}.corp-metrics i{display:inline-block;width:29%;height:55px;margin-right:4%;border-radius:10px;background:#fff;border:1px solid var(--line)}.corp-metrics b{position:absolute;left:13px;right:13px;bottom:13px;height:53%;border-radius:12px;background:linear-gradient(180deg,rgba(var(--brand-rgb),.07),rgba(var(--brand-rgb),.02));overflow:hidden}.corp-metrics b:after{content:"";position:absolute;left:5%;right:5%;top:50%;height:3px;transform:rotate(-8deg);background:linear-gradient(90deg,var(--brand),var(--brand2));box-shadow:32px -18px 0 -1px var(--brand),70px 3px 0 -1px var(--brand2)}.property-photo{position:absolute;inset:7% 31% 7% 5%;border-radius:17px;background:linear-gradient(180deg,#d7e4ea 0 45%,#7d927d 46% 65%,#d2c1a4 66%);overflow:hidden}.property-photo i{position:absolute;left:20%;right:10%;bottom:22%;height:43%;background:#f1ede6;clip-path:polygon(0 28%,55% 0,100% 24%,100% 100%,0 100%)}.property-photo span{position:absolute;left:0;right:0;bottom:0;height:20%;background:#b89c77}.property-card{position:absolute;right:5%;top:18%;width:30%;padding:17px;border-radius:15px;background:#fff;box-shadow:0 16px 38px rgba(35,29,24,.15)}.property-card small{font-size:7px;color:var(--muted)}.property-card b{display:block;font:700 18px/1.2 Georgia,serif;margin:7px 0 15px}.property-card div{display:grid;gap:6px}.property-card div span{height:5px;border-radius:5px;background:#ddd6cc}.course-video{position:absolute;left:5%;top:9%;width:60%;height:61%;border-radius:15px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:grid;place-items:center;color:#fff}.course-video span{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.18);font-size:18px}.course-list{position:absolute;right:5%;top:9%;width:27%;bottom:10%;padding:13px;border-radius:15px;background:#fff;border:1px solid var(--line);display:grid;align-content:start;gap:9px}.course-list b{font-size:9px}.course-list i{height:27px;border-radius:8px;background:var(--soft)}.course-progress{position:absolute;left:5%;bottom:11%;width:60%;height:8px;border-radius:999px;background:#e1e8f3}.course-progress span{display:block;width:67%;height:100%;border-radius:inherit;background:var(--brand)}.travel-photo{position:absolute;left:5%;top:8%;right:30%;bottom:8%;border-radius:18px;background:linear-gradient(180deg,#b9e7f1 0 45%,#59b8c7 46% 62%,#f0d29a 63%);overflow:hidden}.travel-photo i{position:absolute;right:-10%;top:5%;width:55%;height:52%;border-radius:50% 50% 0 0;background:#7fa98b;transform:rotate(-16deg)}.travel-photo span{position:absolute;left:20px;bottom:18px;color:#fff;font:700 22px/1 Georgia,serif;text-shadow:0 2px 10px rgba(0,0,0,.25)}.travel-route{position:absolute;right:5%;top:20%;width:27%;padding:16px;border-radius:15px;background:#fff;box-shadow:0 16px 38px rgba(8,43,54,.15)}.travel-route b{font-size:20px;color:var(--brand)}.travel-route i{display:block;width:100%;height:7px;margin-top:13px;border-radius:7px;background:#dfe8eb}.travel-route i:nth-child(3){width:75%}.travel-route i:nth-child(4){width:55%}.clinic-card{position:absolute;left:6%;top:11%;width:42%;bottom:12%;border-radius:17px;background:linear-gradient(150deg,var(--soft),#fff);border:1px solid var(--line);padding:17px}.doctor{height:58%;border-radius:13px;background:linear-gradient(160deg,#cfeaec,#e3edf5);position:relative;overflow:hidden}.doctor:before{content:"";position:absolute;width:36%;height:48%;border-radius:50%;background:#dfb9a5;left:32%;top:10%}.doctor:after{content:"";position:absolute;width:70%;height:55%;border-radius:50% 50% 0 0;background:#fff;left:15%;bottom:-18%}.clinic-card b{display:block;margin-top:12px;font-size:13px}.clinic-card small{font-size:8px;color:var(--muted)}.calendar{position:absolute;right:6%;top:18%;width:40%;padding:16px;border-radius:15px;background:#fff;box-shadow:0 16px 40px rgba(11,47,60,.12)}.calendar>b{font-size:11px}.calendar>div{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:14px}.calendar i{aspect-ratio:1;border-radius:6px;background:var(--soft)}.calendar i.active{background:var(--brand)}.agency-type{position:absolute;left:6%;top:10%;font-size:34px;line-height:.9;font-weight:900;letter-spacing:-.07em}.agency-type span{color:var(--brand)}.agency-grid{position:absolute;left:6%;right:6%;bottom:8%;height:54%;display:grid;grid-template-columns:1.35fr .8fr .8fr;grid-template-rows:1fr 1fr;gap:8px}.agency-grid i{border-radius:11px;background:linear-gradient(135deg,var(--brand),var(--brand2));opacity:.78}.agency-grid i:first-child{grid-row:1/3}.agency-grid i:nth-child(2){background:linear-gradient(135deg,#18111f,#5b3ca4)}.agency-grid i:nth-child(3){background:linear-gradient(135deg,#f0bfcb,#e6677e)}.agency-grid i:nth-child(4){grid-column:2/4;background:linear-gradient(135deg,#f2e7ff,#8b67d7)}.app-side,.ai-side,.saas-side{position:absolute;left:0;top:0;bottom:0;width:18%;padding:17px 10px;background:#0c1e40}.app-side i,.ai-side i,.saas-side i{display:block;height:8px;border-radius:6px;background:rgba(255,255,255,.17);margin:12px 0}.app-main,.saas-main{position:absolute;left:18%;right:0;top:0;bottom:0;padding:20px;background:#f6f8fc}.app-kpis,.saas-kpis,.analytics-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.app-kpis b,.saas-kpis b,.analytics-kpis b{height:56px;border-radius:10px;background:#fff;border:1px solid var(--line)}.app-chart,.saas-chart{position:absolute;left:20px;right:20px;top:100px;height:145px;border-radius:12px;background:#fff;border:1px solid var(--line);overflow:hidden}.app-chart span,.saas-chart span{position:absolute;left:8%;right:8%;top:55%;height:3px;background:linear-gradient(90deg,var(--brand),var(--brand2));transform:rotate(-5deg);box-shadow:45px -22px 0 -1px var(--brand),92px 6px 0 -1px var(--brand2)}.app-table{position:absolute;left:20px;right:20px;bottom:18px;display:grid;gap:7px}.app-table i{height:17px;border-radius:6px;background:#e8edf5}.analytics-kpis{position:absolute;left:5%;right:5%;top:7%}.analytics-chart{position:absolute;left:5%;top:27%;width:62%;bottom:8%;border-radius:15px;background:#fff;border:1px solid var(--line);overflow:hidden}.analytics-chart span{position:absolute;left:8%;right:7%;top:51%;height:3px;background:linear-gradient(90deg,var(--brand),var(--brand2));transform:rotate(-7deg);box-shadow:45px -28px 0 -1px var(--brand),95px 4px 0 -1px var(--brand2),140px -20px 0 -1px var(--brand)}.analytics-chart i{position:absolute;bottom:0;top:0;width:1px;background:#eef2f7}.analytics-chart i:nth-child(2){left:30%}.analytics-chart i:nth-child(3){left:55%}.analytics-chart i:nth-child(4){left:78%}.analytics-bars{position:absolute;right:5%;top:27%;width:24%;bottom:8%;padding:15px;border-radius:15px;background:#fff;border:1px solid var(--line);display:flex;align-items:end;gap:6px}.analytics-bars i{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--brand2),var(--brand));height:38%}.analytics-bars i:nth-child(2){height:64%}.analytics-bars i:nth-child(3){height:82%}.analytics-bars i:nth-child(4){height:55%}.analytics-bars i:nth-child(5){height:72%}.ai-side{width:17%;background:#11172e}.ai-side b{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff}.ai-prompt{position:absolute;left:21%;right:6%;top:8%;padding:16px;border-radius:14px;background:#fff;border:1px solid var(--line)}.ai-prompt small{display:block;color:var(--muted);font-size:8px}.ai-prompt b{display:block;margin-top:5px;font-size:15px}.ai-prompt span{display:block;width:56%;height:6px;border-radius:6px;background:#e5eaf2;margin-top:11px}.ai-output{position:absolute;left:21%;right:6%;top:35%;bottom:8%;padding:19px;border-radius:15px;background:linear-gradient(160deg,#f8f9ff,#fff);border:1px solid var(--line)}.ai-output i{display:block;height:7px;border-radius:7px;background:#dfe5ef;margin-bottom:10px}.ai-output i:nth-child(2){width:86%}.ai-output i:nth-child(3){width:68%}.ai-output b{position:absolute;left:19px;bottom:18px;padding:7px 10px;border-radius:8px;background:var(--ink);color:#fff;font-size:8px}.saas-side{width:16%}.saas-main{left:16%}.saas-title{width:35%;height:10px;border-radius:8px;background:#cfd9e8;margin-bottom:15px}
.theme-beauty{--brand:#d75f8e;--brand2:#9f67d7;--brand-rgb:215,95,142;--ink:#26182d;--soft:#fff6fa;--soft2:#fff0f6}.theme-restaurant{--brand:#af7c38;--brand2:#66462a;--brand-rgb:175,124,56;--ink:#211811;--soft:#fbf7f0;--soft2:#f7efe5}.theme-commerce{--brand:#1268ff;--brand2:#4f46e5;--brand-rgb:18,104,255;--ink:#071a3b;--soft:#f4f7ff;--soft2:#edf3ff}.theme-corporate{--brand:#0b5fe6;--brand2:#173b75;--brand-rgb:11,95,230;--ink:#06162f;--soft:#f3f7fc;--soft2:#eaf1fa}.theme-property{--brand:#866746;--brand2:#3f3327;--brand-rgb:134,103,70;--ink:#231d18;--soft:#f8f5f0;--soft2:#f2ece4}.theme-education{--brand:#4c6fff;--brand2:#8a5cf6;--brand-rgb:76,111,255;--ink:#101e43;--soft:#f5f7ff;--soft2:#eef1ff}.theme-travel{--brand:#0a9c88;--brand2:#2f80ed;--brand-rgb:10,156,136;--ink:#082b36;--soft:#f0fbf9;--soft2:#e5f8f5}.theme-clinic{--brand:#149f9a;--brand2:#3d74f6;--brand-rgb:20,159,154;--ink:#0b2f3c;--soft:#f2fbfb;--soft2:#eaf8f7}.theme-agency{--brand:#7b4dff;--brand2:#ff5470;--brand-rgb:123,77,255;--ink:#17101f;--soft:#faf7ff;--soft2:#f3edff}.theme-crm{--brand:#2563eb;--brand2:#06b6d4;--brand-rgb:37,99,235;--ink:#07172f;--soft:#f4f8ff;--soft2:#eaf4ff}.theme-saas{--brand:#635bff;--brand2:#00aee8;--brand-rgb:99,91,255;--ink:#09162d;--soft:#f4f7ff;--soft2:#ecf3ff}.theme-analytics{--brand:#6d5dfc;--brand2:#17b897;--brand-rgb:109,93,252;--ink:#0c1731;--soft:#f6f7ff;--soft2:#eef1ff}.theme-ai{--brand:#7c3aed;--brand2:#0ea5e9;--brand-rgb:124,58,237;--ink:#0d1228;--soft:#f7f5ff;--soft2:#f0edff}
@media(max-width:1080px){.nav{gap:18px}.nav-links{gap:16px;font-size:12px}.hero-grid{grid-template-columns:1fr minmax(400px,.9fr);gap:42px}.hero-visual{min-height:430px}.device-body{height:350px}.hero-proof{grid-template-columns:repeat(2,1fr)}.process-shell{gap:38px;padding:38px}.footer-grid{gap:38px}}
@media(max-width:880px){.wrap{width:min(var(--max),calc(100% - 34px))}.menu-toggle{display:grid;place-items:center}.nav-links{display:none;position:absolute;left:17px;right:17px;top:70px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:2px}.nav-links.open{display:flex}.nav-links a{padding:12px 13px;border-radius:10px}.nav-links a:hover{background:var(--soft)}.nav-links a:after{display:none}.nav-cta{display:none}.hero{padding:64px 0}.hero-grid,.split,.faq-wrap,.contact-grid,.process-shell,.page-hero-inner{grid-template-columns:1fr}.hero-visual{min-height:420px;max-width:640px;width:100%;margin-inline:auto}.device-shell{inset:10px}.grid-3{grid-template-columns:1fr 1fr}.process-shell{gap:30px}.stats-wide{grid-template-columns:repeat(2,1fr)}.page-orb{display:none}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.cta{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.wrap{width:calc(100% - 28px)}.nav{min-height:66px}.brand-copy b{font-size:17px}.brand-mark{width:32px;height:32px;flex-basis:32px}.hero{padding:46px 0 52px}.hero h1{font-size:44px}.hero-lead{font-size:15px}.hero-actions .btn{width:100%}.hero-proof{gap:10px}.proof-icon{width:31px;height:31px;flex-basis:31px}.trust-inner{justify-content:flex-start;overflow:auto;white-space:nowrap;padding-block:4px}.section{padding:62px 0}.section-head{align-items:flex-start;flex-direction:column}.grid-3{grid-template-columns:1fr}.hero-visual{min-height:305px}.device-shell{inset:0;padding:7px;border-radius:22px}.device-top{height:32px;border-radius:15px 15px 0 0}.device-body{height:260px;border-radius:0 0 15px 15px}.floating-proof{display:none}.beauty-copy b{font-size:19px}.plates i:first-child{width:100px;height:100px}.plates i:nth-child(2){width:75px;height:75px}.plates i:nth-child(3){width:55px;height:55px}.agency-type{font-size:24px}.process-shell{padding:24px;border-radius:22px}.stat-grid,.stats-wide{grid-template-columns:1fr 1fr}.testimonial{padding:26px}.testimonial p{font-size:17px}.faq-wrap{gap:30px}.cta{width:calc(100% - 28px);padding:32px 24px;margin-bottom:58px}.cta h2{font-size:28px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:7px}.page-hero{padding:50px 0 38px}.page-hero h1{font-size:40px}.contact-card{padding:26px}.showcase-media{height:205px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}}