[data-demo=saas] .gradient-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}[data-demo=saas] .gradient-bg{background:var(--gradient)}[data-demo=saas] .announce{background:var(--gradient);color:#fff;font-size:var(--step--1)}[data-demo=saas] .announce .container{display:flex;align-items:center;justify-content:center;gap:.7rem;padding-block:.6rem;flex-wrap:wrap}[data-demo=saas] .announce__pill{background:rgba(255,255,255,.22);padding:.15rem .55rem;border-radius:999px;font-weight:700;letter-spacing:.04em}[data-demo=saas] .announce a{font-weight:600;display:inline-flex;align-items:center;gap:.3rem}[data-demo=saas] .announce a:hover{text-decoration:underline}[data-demo=saas] .header{position:sticky;top:0;z-index:50;transition:background .3s,border-color .3s,backdrop-filter .3s;border-bottom:1px solid transparent}[data-demo=saas] .header.is-scrolled{background:hsl(var(--background)/.78);backdrop-filter:blur(14px);border-color:hsl(var(--border))}[data-demo=saas] .header__bar{display:flex;align-items:center;gap:1.5rem;height:68px}[data-demo=saas] .brand{display:flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-weight:700;font-size:1.18rem;letter-spacing:-.02em}[data-demo=saas] .brand__mark{width:30px;height:30px;border-radius:9px;background:var(--gradient);display:grid;place-items:center;box-shadow:0 6px 16px -6px hsl(var(--glow)/.7)}[data-demo=saas] .brand__mark svg{width:17px;height:17px}[data-demo=saas] .nav{display:flex;align-items:center;gap:.4rem;margin-inline:auto}[data-demo=saas] .nav a{padding:.5rem .8rem;border-radius:8px;font-size:var(--step-0);font-weight:500;color:hsl(var(--muted-foreground));transition:color .18s,background .18s}[data-demo=saas] .nav a:hover{color:hsl(var(--foreground));background:hsl(var(--muted))}[data-demo=saas] .header__actions{display:flex;align-items:center;gap:.5rem}[data-demo=saas] .icon-btn{width:40px;height:40px;border-radius:9px;display:grid;place-items:center;color:hsl(var(--muted-foreground));transition:background .18s,color .18s}[data-demo=saas] .icon-btn:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}[data-demo=saas] .icon-btn svg{width:19px;height:19px}[data-demo=saas] .theme-toggle .moon,[data-demo=saas][data-mode=dark] .theme-toggle .sun{display:none}[data-demo=saas][data-mode=dark] .theme-toggle .moon{display:block}[data-demo=saas] .nav-toggle{display:none}@media (max-width:920px){[data-demo=saas] .nav{position:fixed;inset:68px 0 auto 0;flex-direction:column;align-items:stretch;gap:0;background:hsl(var(--background));border-bottom:1px solid hsl(var(--border));padding:.75rem var(--container-x) 1.25rem;margin:0;transform:translateY(-130%);transition:transform .32s var(--ease);box-shadow:0 24px 40px -24px hsl(var(--foreground)/.25)}[data-demo=saas] .nav.is-open{transform:translateY(0)}[data-demo=saas] .nav a{padding:.85rem .6rem;border-radius:10px;font-size:var(--step-1)}[data-demo=saas] .nav-toggle{display:grid}[data-demo=saas] .header__actions .btn.hide-sm{display:none}}[data-demo=saas] .hero{position:relative;overflow:hidden;text-align:center;padding-top:clamp(3rem,6vw,6rem)}[data-demo=saas] .hero__glow{position:absolute;top:-18%;left:50%;transform:translateX(-50%);width:min(1100px,120vw);aspect-ratio:1;background:radial-gradient(circle,hsl(var(--grad-b)/.2),transparent 62%);filter:blur(20px);z-index:0;pointer-events:none}[data-demo=saas] .hero__inner{position:relative;z-index:1}[data-demo=saas] .hero .badge{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border-color:hsl(var(--primary)/.2)}[data-demo=saas] .hero h1{margin-top:1.5rem;max-width:16ch;margin-inline:auto}[data-demo=saas] .hero .lede{margin:1.5rem auto 0;text-align:center}[data-demo=saas] .hero__cta{display:flex;gap:.85rem;justify-content:center;flex-wrap:wrap;margin-top:2.2rem}[data-demo=saas] .hero__proof{margin-top:1.4rem;font-size:var(--step--1);color:hsl(var(--muted-foreground));display:flex;gap:.5rem;align-items:center;justify-content:center}[data-demo=saas] .stars{color:hsl(42 95% 55%);letter-spacing:.08em}[data-demo=saas] .mockup-wrap{margin-top:clamp(2.5rem,5vw,4.5rem);position:relative;z-index:1;perspective:1600px}[data-demo=saas] .mockup{max-width:1080px;margin-inline:auto;border-radius:16px;overflow:hidden;border:1px solid hsl(var(--border));background:hsl(var(--card));box-shadow:0 50px 120px -40px hsl(var(--glow)/.45),0 18px 50px -30px hsl(var(--foreground)/.35)}@media (prefers-reduced-motion:no-preference){[data-demo=saas] .mockup{animation:floaty 7s var(--ease) infinite}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}[data-demo=saas] .mockup__bar{display:flex;align-items:center;gap:.45rem;padding:.7rem .95rem;border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted))}[data-demo=saas] .mockup__dot{width:11px;height:11px;border-radius:50%;background:hsl(var(--border))}[data-demo=saas] .mockup__dot:first-child{background:#ff5f57}[data-demo=saas] .mockup__dot:nth-child(2){background:#febc2e}[data-demo=saas] .mockup__dot:nth-child(3){background:#28c840}[data-demo=saas] .mockup__url{margin-left:.6rem;font-size:.72rem;color:hsl(var(--muted-foreground));background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:7px;padding:.25rem .7rem;flex:1;max-width:320px}[data-demo=saas] .mockup__body{display:grid;grid-template-columns:190px 1fr;min-height:420px}[data-demo=saas] .mock-side{border-right:1px solid hsl(var(--border));padding:1rem .75rem;background:hsl(var(--card))}[data-demo=saas] .mock-side__brand{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:700;font-size:.92rem;padding:.3rem .5rem 1rem}[data-demo=saas] .mock-side__brand i{width:20px;height:20px;border-radius:6px;background:var(--gradient);display:block}[data-demo=saas] .mock-nav{display:flex;flex-direction:column;gap:.15rem}[data-demo=saas] .mock-nav span{font-size:.8rem;color:hsl(var(--muted-foreground));padding:.5rem .6rem;border-radius:7px;display:flex;align-items:center;gap:.55rem}[data-demo=saas] .mock-nav span:before{content:"";width:13px;height:13px;border-radius:4px;background:hsl(var(--border))}[data-demo=saas] .mock-nav span.active{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));font-weight:600}[data-demo=saas] .mock-nav span.active:before{background:hsl(var(--primary))}[data-demo=saas] .mock-main{padding:1.15rem 1.25rem;background:hsl(var(--background))}[data-demo=saas] .mock-main__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}[data-demo=saas] .mock-main__head h4{font-size:.98rem}[data-demo=saas] .mock-chip{font-size:.68rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;background:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}[data-demo=saas] .mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-bottom:1rem}[data-demo=saas] .mock-stat{border:1px solid hsl(var(--border));border-radius:10px;padding:.7rem .8rem;background:hsl(var(--card))}[data-demo=saas] .mock-stat small{font-size:.65rem;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em}[data-demo=saas] .mock-stat b{display:block;font-family:var(--font-display);font-size:1.25rem;margin-top:.2rem}[data-demo=saas] .mock-stat em{font-style:normal;font-size:.68rem;font-weight:600;color:hsl(150 60% 42%)}[data-demo=saas] .mock-chart{border:1px solid hsl(var(--border));border-radius:10px;padding:.85rem;background:hsl(var(--card))}[data-demo=saas] .mock-chart svg{width:100%;height:150px}@media (max-width:640px){[data-demo=saas] .mockup__body{grid-template-columns:1fr}[data-demo=saas] .mock-side{display:none}[data-demo=saas] .mock-stats{grid-template-columns:1fr 1fr}}[data-demo=saas] .logos{padding-block:clamp(2.2rem,4vw,3.5rem)}[data-demo=saas] .logos p{text-align:center;font-size:var(--step--1);color:hsl(var(--muted-foreground));letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.5rem}[data-demo=saas] .logos__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(1.5rem,5vw,3.5rem)}[data-demo=saas] .logos__row span{font-family:var(--font-display);font-weight:700;font-size:1.3rem;letter-spacing:-.02em;color:hsl(var(--muted-foreground));opacity:.7;transition:opacity .2s,color .2s}[data-demo=saas] .logos__row span:hover{opacity:1;color:hsl(var(--foreground))}[data-demo=saas] .shead h2{margin-top:.9rem}[data-demo=saas] .shead p{margin-top:1rem;color:hsl(var(--muted-foreground));font-size:var(--step-1)}[data-demo=saas] .features-grid{margin-top:clamp(2.5rem,4vw,3.5rem);grid-template-columns:repeat(3,1fr)}@media (max-width:860px){[data-demo=saas] .features-grid{grid-template-columns:1fr 1fr}}@media (max-width:540px){[data-demo=saas] .features-grid{grid-template-columns:1fr}}[data-demo=saas] .feature{padding:1.6rem;border-radius:var(--radius);border:1px solid hsl(var(--border));background:hsl(var(--card));transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}[data-demo=saas] .feature:hover{transform:translateY(-4px);box-shadow:0 24px 50px -30px hsl(var(--glow)/.5);border-color:hsl(var(--primary)/.4)}[data-demo=saas] .feature__icon{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:hsl(var(--secondary));color:hsl(var(--primary));margin-bottom:1rem}[data-demo=saas] .feature__icon svg{width:22px;height:22px}[data-demo=saas] .feature h3{font-size:var(--step-1)}[data-demo=saas] .feature p{margin-top:.5rem;color:hsl(var(--muted-foreground));font-size:var(--step-0)}[data-demo=saas] .frow{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}[data-demo=saas] .frow+.frow{margin-top:clamp(3.5rem,7vw,7rem)}[data-demo=saas] .frow:nth-child(2n) .frow__media{order:-1}[data-demo=saas] .frow__text .eyebrow{margin-bottom:.7rem;display:block}[data-demo=saas] .frow__text h3{font-size:var(--step-2)}[data-demo=saas] .frow__text p{margin-top:1rem;color:hsl(var(--muted-foreground));font-size:var(--step-1)}[data-demo=saas] .frow__list{margin-top:1.4rem;display:grid;gap:.7rem}[data-demo=saas] .frow__list li{display:flex;gap:.6rem;align-items:flex-start;font-size:var(--step-0)}[data-demo=saas] .frow__list svg{flex:none;width:20px;height:20px;color:hsl(var(--primary));margin-top:1px}[data-demo=saas] .frow__media{border-radius:var(--radius);border:1px solid hsl(var(--border));background:hsl(var(--card));padding:1.1rem;box-shadow:0 30px 70px -45px hsl(var(--foreground)/.45)}@media (max-width:800px){[data-demo=saas] .frow{grid-template-columns:1fr}[data-demo=saas] .frow:nth-child(2n) .frow__media{order:0}}[data-demo=saas] .mini-board{display:grid;gap:.6rem}[data-demo=saas] .mini-col-head{display:flex;gap:.6rem}[data-demo=saas] .mini-col-head span{flex:1;font-size:.68rem;font-weight:600;color:hsl(var(--muted-foreground));padding:.35rem .5rem;background:hsl(var(--muted));border-radius:6px;text-align:center}[data-demo=saas] .mini-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:8px;padding:.6rem .7rem;font-size:.78rem;display:flex;align-items:center;gap:.5rem}[data-demo=saas] .mini-card i{width:8px;height:8px;border-radius:50%;flex:none}[data-demo=saas] .mini-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.6rem}[data-demo=saas] .mini-auto{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}[data-demo=saas] .mini-node{border:1px solid hsl(var(--border));border-radius:9px;padding:.6rem .85rem;font-size:.78rem;font-weight:600;background:hsl(var(--card));display:flex;align-items:center;gap:.45rem;white-space:nowrap}[data-demo=saas] .mini-node.accent{background:var(--gradient);color:#fff;border:0}[data-demo=saas] .mini-arrow{color:hsl(var(--muted-foreground));font-weight:700}[data-demo=saas] .mini-metric{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}[data-demo=saas] .mini-metric div{border:1px solid hsl(var(--border));border-radius:9px;padding:.7rem .8rem;background:hsl(var(--card))}[data-demo=saas] .mini-metric small{font-size:.62rem;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.04em}[data-demo=saas] .mini-metric b{display:block;font-family:var(--font-display);font-size:1.3rem;margin-top:.15rem}[data-demo=saas] .compare{overflow-x:auto;margin-top:clamp(2.5rem,4vw,3.5rem);border:1px solid hsl(var(--border));border-radius:var(--radius)}[data-demo=saas] .compare table{width:100%;border-collapse:collapse;min-width:640px}[data-demo=saas] .compare td,[data-demo=saas] .compare th{padding:1rem 1.2rem;text-align:left;border-bottom:1px solid hsl(var(--border))}[data-demo=saas] .compare thead th{font-family:var(--font-display);font-size:var(--step-0);font-weight:700}[data-demo=saas] .compare thead th:not(:first-child){text-align:center}[data-demo=saas] .compare thead th.hot{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));position:relative}[data-demo=saas] .compare tbody td:not(:first-child){text-align:center}[data-demo=saas] .compare tbody td.hot{background:hsl(var(--secondary)/.5)}[data-demo=saas] .compare tbody tr:last-child td{border-bottom:0}[data-demo=saas] .compare td:first-child{font-weight:500;font-size:var(--step-0)}[data-demo=saas] .compare .yes{color:hsl(var(--primary))}[data-demo=saas] .compare .no{color:hsl(var(--muted-foreground));opacity:.5}[data-demo=saas] .compare svg{width:19px;height:19px;display:inline-block;vertical-align:middle}[data-demo=saas] .billing{display:inline-flex;align-items:center;gap:.85rem;margin:1.6rem auto 0;font-size:var(--step-0)}[data-demo=saas] .switch{width:52px;height:30px;border-radius:999px;background:hsl(var(--border));position:relative;transition:background .25s;flex:none}[data-demo=saas] .switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:transform .25s var(--ease)}[data-demo=saas] .switch.is-yearly{background:hsl(var(--primary))}[data-demo=saas] .switch.is-yearly:after{transform:translateX(22px)}[data-demo=saas] .billing__save{color:hsl(var(--primary));font-weight:600}[data-demo=saas] .pricing-grid{margin-top:clamp(2rem,4vw,3rem);grid-template-columns:repeat(3,1fr);align-items:stretch}@media (max-width:860px){[data-demo=saas] .pricing-grid{grid-template-columns:1fr;max-width:440px;margin-inline:auto}}[data-demo=saas] .plan{padding:1.8rem;border-radius:var(--radius);border:1px solid hsl(var(--border));background:hsl(var(--card));display:flex;flex-direction:column}[data-demo=saas] .plan.hot{border:1.5px solid hsl(var(--primary));box-shadow:0 30px 70px -40px hsl(var(--glow)/.6);position:relative}[data-demo=saas] .plan__tag{position:absolute;top:-.8rem;right:1.5rem;background:linear-gradient(90deg,hsl(var(--grad-a)),hsl(var(--grad-b)));color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.04em;padding:.3rem .7rem;border-radius:999px}[data-demo=saas] .plan h3{font-size:var(--step-1)}[data-demo=saas] .plan__desc{color:hsl(var(--muted-foreground));font-size:var(--step--1);margin-top:.3rem;min-height:2.6em}[data-demo=saas] .plan__price{display:flex;align-items:baseline;gap:.2rem;margin:1.1rem 0 .2rem}[data-demo=saas] .plan__price .cur{font-size:var(--step-1);font-weight:600}[data-demo=saas] .plan__price b{font-family:var(--font-display);font-size:var(--step-4);line-height:1;letter-spacing:-.03em}[data-demo=saas] .plan__price .per{color:hsl(var(--muted-foreground));font-size:var(--step-0)}[data-demo=saas] .plan ul{margin:1.3rem 0 1.6rem;display:grid;gap:.7rem}[data-demo=saas] .plan li{display:flex;gap:.55rem;font-size:var(--step-0)}[data-demo=saas] .plan li svg{flex:none;width:18px;height:18px;color:hsl(var(--primary));margin-top:2px}[data-demo=saas] .plan .btn{margin-top:auto}[data-demo=saas] .tgrid{margin-top:clamp(2.5rem,4vw,3.5rem);grid-template-columns:repeat(3,1fr)}@media (max-width:860px){[data-demo=saas] .tgrid{grid-template-columns:1fr}}[data-demo=saas] .tcard{padding:1.6rem;border-radius:var(--radius);border:1px solid hsl(var(--border));background:hsl(var(--card));display:flex;flex-direction:column;gap:1.1rem}[data-demo=saas] .tcard__quote{font-size:var(--step-1);line-height:1.45;letter-spacing:-.01em}[data-demo=saas] .tcard__who{display:flex;align-items:center;gap:.75rem;margin-top:auto}[data-demo=saas] .tcard__who b{display:block;font-size:var(--step-0)}[data-demo=saas] .tcard__who small{color:hsl(var(--muted-foreground));font-size:var(--step--1)}[data-demo=saas] .faq{max-width:760px;margin-inline:auto;margin-top:clamp(2rem,4vw,3rem)}[data-demo=saas] .cta-band{position:relative;overflow:hidden;border-radius:clamp(1.2rem,3vw,2rem);background:var(--gradient);color:#fff;padding:clamp(2.5rem,6vw,5rem);text-align:center}[data-demo=saas] .cta-band:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.25),transparent 45%);pointer-events:none}[data-demo=saas] .cta-band>*{position:relative;z-index:1}[data-demo=saas] .cta-band h2{font-size:var(--step-4);max-width:18ch;margin-inline:auto}[data-demo=saas] .cta-band p{margin:1rem auto 0;max-width:50ch;opacity:.92;font-size:var(--step-1)}[data-demo=saas] .cta-band .btn{margin-top:2rem;background:#fff;color:hsl(var(--primary))}[data-demo=saas] .cta-band .btn:hover{box-shadow:0 16px 40px -10px rgba(0,0,0,.35)}[data-demo=saas] .footer{border-top:1px solid hsl(var(--border));margin-top:clamp(3rem,6vw,6rem)}[data-demo=saas] .footer__grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:2rem;padding-block:clamp(2.5rem,5vw,4rem)}@media (max-width:860px){[data-demo=saas] .footer__grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){[data-demo=saas] .footer__grid{grid-template-columns:1fr}}[data-demo=saas] .footer__brand p{color:hsl(var(--muted-foreground));font-size:var(--step--1);margin-top:.9rem;max-width:30ch}[data-demo=saas] .footer__col h5{font-size:var(--step--1);text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--muted-foreground));margin-bottom:.9rem}[data-demo=saas] .footer__col a{display:block;padding:.32rem 0;font-size:var(--step-0);color:hsl(var(--foreground));opacity:.85}[data-demo=saas] .footer__col a:hover{opacity:1;color:hsl(var(--primary))}[data-demo=saas] .footer__bottom{border-top:1px solid hsl(var(--border));padding-block:1.4rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:var(--step--1);color:hsl(var(--muted-foreground))}[data-demo=fintech] .grad-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}[data-demo=fintech] .up{color:hsl(var(--up))}[data-demo=fintech] .down{color:hsl(var(--down))}[data-demo=fintech] .gborder{position:relative}[data-demo=fintech] .gborder:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,hsl(var(--primary)/.6),hsl(var(--accent)/.5),transparent 60%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}[data-demo=fintech] .header{position:sticky;top:0;z-index:50;transition:background .3s,border-color .3s,backdrop-filter .3s;border-bottom:1px solid transparent}[data-demo=fintech] .header.is-scrolled{background:hsl(var(--background)/.72);backdrop-filter:blur(16px) saturate(1.4);border-color:hsl(var(--border))}[data-demo=fintech] .header__bar{display:flex;align-items:center;gap:1.5rem;height:66px}[data-demo=fintech] .brand{display:flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:700;font-size:1.18rem;letter-spacing:-.02em}[data-demo=fintech] .brand__mark{width:30px;height:30px;border-radius:8px;background:var(--gradient);display:grid;place-items:center;box-shadow:0 0 24px -4px hsl(var(--glow)/.8)}[data-demo=fintech] .brand__mark svg{width:17px;height:17px}[data-demo=fintech] .nav{display:flex;align-items:center;gap:.3rem;margin-inline:auto}[data-demo=fintech] .nav a{padding:.5rem .85rem;border-radius:7px;font-size:var(--step-0);font-weight:500;color:hsl(var(--muted-foreground));transition:color .18s,background .18s}[data-demo=fintech] .nav a:hover{color:hsl(var(--foreground));background:hsl(var(--muted))}[data-demo=fintech] .header__actions{display:flex;align-items:center;gap:.5rem}[data-demo=fintech] .icon-btn{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;color:hsl(var(--muted-foreground));transition:background .18s,color .18s}[data-demo=fintech] .icon-btn:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}[data-demo=fintech] .icon-btn svg{width:19px;height:19px}[data-demo=fintech] .theme-toggle .sun{display:none}[data-demo=fintech] .theme-toggle .moon,[data-demo=fintech][data-mode=light] .theme-toggle .sun{display:block}[data-demo=fintech] .nav-toggle,[data-demo=fintech][data-mode=light] .theme-toggle .moon{display:none}@media (max-width:940px){[data-demo=fintech] .nav{position:fixed;inset:66px 0 auto 0;flex-direction:column;align-items:stretch;gap:0;background:hsl(var(--background));border-bottom:1px solid hsl(var(--border));padding:.75rem var(--container-x) 1.25rem;margin:0;transform:translateY(-130%);transition:transform .32s var(--ease)}[data-demo=fintech] .nav.is-open{transform:translateY(0)}[data-demo=fintech] .nav a{padding:.85rem .6rem;font-size:var(--step-1)}[data-demo=fintech] .nav-toggle{display:grid}[data-demo=fintech] .header__actions .hide-sm{display:none}}[data-demo=fintech] .hero{position:relative;overflow:hidden}[data-demo=fintech] .hero__grid{position:absolute;inset:0;background-image:linear-gradient(hsl(var(--grid)) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--grid)) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 70% 25%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 90% 70% at 70% 25%,#000 30%,transparent 75%);opacity:.6}[data-demo=fintech] .hero__glow{position:absolute;top:-10%;right:8%;width:620px;height:620px;background:radial-gradient(circle,hsl(var(--primary)/.18),transparent 62%);pointer-events:none}[data-demo=fintech] .hero__glow.v{right:auto;left:0;top:30%;background:radial-gradient(circle,hsl(var(--accent)/.16),transparent 62%)}[data-demo=fintech] .hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(2rem,4vw,4rem);align-items:center;padding-block:clamp(3rem,6vw,6rem)}[data-demo=fintech] .hero .badge{background:hsl(var(--secondary));color:hsl(var(--primary));border-color:hsl(var(--primary)/.25)}[data-demo=fintech] .hero h1{margin-top:1.3rem;font-size:var(--step-5);letter-spacing:-.04em}[data-demo=fintech] .hero .lede{margin-top:1.3rem}[data-demo=fintech] .hero__cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}[data-demo=fintech] .store-row{display:flex;gap:.7rem;margin-top:1.5rem;flex-wrap:wrap}[data-demo=fintech] .store-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1rem;border-radius:10px;border:1px solid hsl(var(--border));background:hsl(var(--card));font-size:.8rem;transition:border-color .2s,background .2s}[data-demo=fintech] .store-btn:hover{border-color:hsl(var(--primary)/.5)}[data-demo=fintech] .store-btn svg{width:20px;height:20px}[data-demo=fintech] .store-btn small{display:block;font-size:.6rem;color:hsl(var(--muted-foreground))}[data-demo=fintech] .store-btn b{font-size:.86rem;font-family:var(--font-display)}@media (max-width:880px){[data-demo=fintech] .hero__inner{grid-template-columns:1fr}[data-demo=fintech] .hero__chart{order:2}}[data-demo=fintech] .hero__chart{position:relative}[data-demo=fintech] .chart-card{border-radius:16px;background:hsl(var(--card));border:1px solid hsl(var(--border));padding:1.3rem;box-shadow:0 40px 90px -50px hsl(var(--glow)/.6),0 18px 50px -30px #000}[data-demo=fintech] .chart-card__top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.4rem}[data-demo=fintech] .chart-card__sym{display:flex;align-items:center;gap:.6rem}[data-demo=fintech] .chart-card__sym i{width:34px;height:34px;border-radius:50%;background:var(--gradient);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;color:hsl(var(--primary-foreground));font-size:.9rem}[data-demo=fintech] .chart-card__sym b{font-family:var(--font-display);font-size:1.05rem}[data-demo=fintech] .chart-card__sym small{display:block;color:hsl(var(--muted-foreground));font-size:.74rem}[data-demo=fintech] .chart-card__price{text-align:right}[data-demo=fintech] .chart-card__price .v{font-family:var(--font-mono);font-size:1.5rem;font-weight:600;letter-spacing:-.02em}[data-demo=fintech] .chart-card__price .d{font-family:var(--font-mono);font-size:.8rem}[data-demo=fintech] .chart-card svg{width:100%;height:170px;display:block;margin-top:.4rem}[data-demo=fintech] .spark{stroke:hsl(var(--primary));stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}@media (prefers-reduced-motion:no-preference){[data-demo=fintech] .chart-card.is-in .spark{stroke-dasharray:1400;stroke-dashoffset:1400;animation:draw 2s var(--ease) forwards}}@keyframes draw{to{stroke-dashoffset:0}}[data-demo=fintech] .chart-card__chips{display:flex;gap:.5rem;margin-top:.6rem}[data-demo=fintech] .chart-card__chips span{flex:1;text-align:center;font-family:var(--font-mono);font-size:.72rem;padding:.45rem;border-radius:7px;background:hsl(var(--muted));color:hsl(var(--muted-foreground))}[data-demo=fintech] .chart-card__chips b{display:block;color:hsl(var(--foreground));font-size:.82rem;margin-top:.1rem}[data-demo=fintech] .float-tag{position:absolute;padding:.5rem .8rem;border-radius:10px;background:hsl(var(--card));border:1px solid hsl(var(--border));font-family:var(--font-mono);font-size:.72rem;box-shadow:0 14px 30px -16px #000}[data-demo=fintech] .float-tag.t1{top:-14px;left:-18px}[data-demo=fintech] .float-tag.t2{bottom:8%;right:-16px}@media (max-width:520px){[data-demo=fintech] .float-tag{display:none}}[data-demo=fintech] .ticker{border-block:1px solid hsl(var(--border));background:hsl(var(--card)/.5);overflow:hidden}[data-demo=fintech] .ticker__track{display:flex;gap:2.5rem;padding-block:.85rem;width:-moz-max-content;width:max-content;animation:ticker 38s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}[data-demo=fintech] .ticker:hover .ticker__track{animation-play-state:paused}[data-demo=fintech] .ticker__item{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.85rem;white-space:nowrap}[data-demo=fintech] .ticker__item b{font-weight:600}[data-demo=fintech] .ticker__item .px{color:hsl(var(--muted-foreground))}@media (prefers-reduced-motion:reduce){[data-demo=fintech] .ticker__track{animation:none!important}}[data-demo=fintech] .stats{border-bottom:1px solid hsl(var(--border))}[data-demo=fintech] .stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:hsl(var(--border));border-inline:1px solid hsl(var(--border))}[data-demo=fintech] .stat{background:hsl(var(--background));padding:clamp(1.6rem,3vw,2.4rem) 1.2rem;text-align:center}[data-demo=fintech] .stat b{display:block;font-family:var(--font-mono);font-size:var(--step-3);font-weight:600;letter-spacing:-.03em}[data-demo=fintech] .stat small{color:hsl(var(--muted-foreground));font-size:var(--step--1);text-transform:uppercase;letter-spacing:.08em;margin-top:.3rem;display:block}@media (max-width:720px){[data-demo=fintech] .stats__grid{grid-template-columns:1fr 1fr}}[data-demo=fintech] .shead .eyebrow{color:hsl(var(--primary))}[data-demo=fintech] .shead h2{margin-top:.8rem}[data-demo=fintech] .shead p{margin-top:1rem;color:hsl(var(--muted-foreground));font-size:var(--step-1)}[data-demo=fintech] .fgrid{margin-top:clamp(2.5rem,4vw,3.5rem);grid-template-columns:repeat(3,1fr)}@media (max-width:860px){[data-demo=fintech] .fgrid{grid-template-columns:1fr 1fr}}@media (max-width:540px){[data-demo=fintech] .fgrid{grid-template-columns:1fr}}[data-demo=fintech] .fcard{padding:1.6rem;border-radius:var(--radius);background:hsl(var(--card));border:1px solid hsl(var(--border));transition:transform .25s var(--ease),box-shadow .25s;overflow:hidden}[data-demo=fintech] .fcard:hover{transform:translateY(-4px);box-shadow:0 30px 60px -36px hsl(var(--glow)/.6)}[data-demo=fintech] .fcard__icon{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:hsl(var(--secondary));color:hsl(var(--primary));margin-bottom:1rem}[data-demo=fintech] .fcard__icon svg{width:22px;height:22px}[data-demo=fintech] .fcard h3{font-size:var(--step-1)}[data-demo=fintech] .fcard p{margin-top:.5rem;color:hsl(var(--muted-foreground));font-size:var(--step-0)}[data-demo=fintech] .dash{border-radius:16px;background:hsl(var(--card));border:1px solid hsl(var(--border));overflow:hidden;margin-top:clamp(2.5rem,4vw,3.5rem);box-shadow:0 50px 110px -50px hsl(var(--glow)/.4)}[data-demo=fintech] .dash__bar{display:flex;align-items:center;gap:.45rem;padding:.7rem 1rem;border-bottom:1px solid hsl(var(--border))}[data-demo=fintech] .dash__bar i{width:10px;height:10px;border-radius:50%;background:hsl(var(--border))}[data-demo=fintech] .dash__bar span{margin-left:.6rem;font-family:var(--font-mono);font-size:.72rem;color:hsl(var(--muted-foreground))}[data-demo=fintech] .dash__body{display:grid;grid-template-columns:1.6fr 1fr;gap:1px;background:hsl(var(--border))}[data-demo=fintech] .dash__main,[data-demo=fintech] .dash__side{background:hsl(var(--card));padding:1.4rem}[data-demo=fintech] .dash__head{display:flex;align-items:baseline;justify-content:space-between}[data-demo=fintech] .dash__head small{color:hsl(var(--muted-foreground));font-size:.74rem;text-transform:uppercase;letter-spacing:.08em}[data-demo=fintech] .dash__bal{font-family:var(--font-mono);font-size:var(--step-3);font-weight:600;letter-spacing:-.03em;margin-top:.2rem}[data-demo=fintech] .dash__bal .up{font-size:.9rem}[data-demo=fintech] .dash__chart{margin-top:1rem}[data-demo=fintech] .dash__chart svg{width:100%;height:180px}[data-demo=fintech] .dash__range{display:flex;gap:.4rem;margin-top:.8rem}[data-demo=fintech] .dash__range span{font-family:var(--font-mono);font-size:.72rem;padding:.3rem .7rem;border-radius:6px;color:hsl(var(--muted-foreground))}[data-demo=fintech] .dash__range span.on{background:hsl(var(--secondary));color:hsl(var(--primary))}[data-demo=fintech] .dash__side h4{font-size:.92rem;margin-bottom:.9rem}[data-demo=fintech] .holding{display:flex;align-items:center;gap:.7rem;padding:.7rem 0;border-bottom:1px solid hsl(var(--border))}[data-demo=fintech] .holding:last-child{border-bottom:0}[data-demo=fintech] .holding i{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:.72rem;color:#fff}[data-demo=fintech] .holding .nm{flex:1}[data-demo=fintech] .holding .nm b{display:block;font-size:.84rem}[data-demo=fintech] .holding .nm small{color:hsl(var(--muted-foreground));font-family:var(--font-mono);font-size:.7rem}[data-demo=fintech] .holding .val{text-align:right;font-family:var(--font-mono);font-size:.82rem}[data-demo=fintech] .holding .val small{display:block;font-size:.7rem}@media (max-width:760px){[data-demo=fintech] .dash__body{grid-template-columns:1fr}}[data-demo=fintech] .app{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}@media (max-width:860px){[data-demo=fintech] .app{grid-template-columns:1fr}[data-demo=fintech] .app__art{order:-1}}[data-demo=fintech] .app__art{display:flex;justify-content:center;position:relative}[data-demo=fintech] .app__glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,hsl(var(--primary)/.18),transparent 60%)}[data-demo=fintech] .phone{position:relative;width:280px;height:560px;border-radius:40px;background:hsl(225 36% 7%);border:8px solid hsl(222 22% 16%);box-shadow:0 50px 90px -40px #000,0 0 50px -10px hsl(var(--glow)/.4);padding:.9rem}[data-demo=fintech][data-mode=light] .phone{background:hsl(225 30% 14%)}[data-demo=fintech] .phone__notch{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:110px;height:24px;border-radius:14px;background:hsl(222 22% 12%)}[data-demo=fintech] .phone__screen{height:100%;border-radius:30px;background:hsl(var(--card));overflow:hidden;padding:1.4rem 1.1rem;color:hsl(var(--card-foreground))}[data-demo=fintech] .pscreen__top{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.66rem;color:hsl(var(--muted-foreground));margin-bottom:1.2rem}[data-demo=fintech] .pscreen__bal small{font-size:.7rem;color:hsl(var(--muted-foreground))}[data-demo=fintech] .pscreen__bal b{font-family:var(--font-mono);font-size:1.9rem;font-weight:600;letter-spacing:-.03em;display:block}[data-demo=fintech] .pscreen__chg{font-family:var(--font-mono);font-size:.78rem}[data-demo=fintech] .pscreen__chart{height:90px;margin:1rem 0}[data-demo=fintech] .pscreen__chart svg{width:100%;height:100%}[data-demo=fintech] .pscreen__actions{display:flex;gap:.5rem;margin-bottom:1.1rem}[data-demo=fintech] .pscreen__actions span{flex:1;text-align:center;padding:.55rem;border-radius:9px;font-size:.7rem;font-weight:600}[data-demo=fintech] .pscreen__actions span:first-child{background:var(--gradient);color:hsl(var(--primary-foreground))}[data-demo=fintech] .pscreen__actions span:not(:first-child){background:hsl(var(--secondary))}[data-demo=fintech] .passet{display:flex;align-items:center;gap:.55rem;padding:.55rem 0}[data-demo=fintech] .passet i{width:26px;height:26px;border-radius:50%;flex:none}[data-demo=fintech] .passet .nm{flex:1;font-size:.78rem;font-weight:600}[data-demo=fintech] .passet .px{font-family:var(--font-mono);font-size:.74rem;text-align:right}[data-demo=fintech] .app__qr{display:flex;align-items:center;gap:1rem;margin-top:1.6rem;padding:1rem;border:1px solid hsl(var(--border));border-radius:12px;background:hsl(var(--card));max-width:340px}[data-demo=fintech] .app__qr .qr{width:72px;height:72px;flex:none;border-radius:8px;background:conic-gradient(from 0deg,hsl(var(--foreground)) 0 25%,transparent 0 50%,hsl(var(--foreground)) 0 75%,transparent 0);background-size:16px 16px;background-color:hsl(var(--card));border:1px solid hsl(var(--border));position:relative}[data-demo=fintech] .app__qr .qr:after{content:"";position:absolute;inset:22px;background:hsl(var(--card));box-shadow:0 0 0 6px hsl(var(--card));border:3px solid hsl(var(--primary));border-radius:4px}[data-demo=fintech] .app__qr p{font-size:.82rem;color:hsl(var(--muted-foreground))}[data-demo=fintech] .app__qr b{color:hsl(var(--foreground));font-family:var(--font-display);display:block}[data-demo=fintech] .security{background:hsl(var(--card));border-block:1px solid hsl(var(--border))}[data-demo=fintech] .sec__badges{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:clamp(2rem,4vw,3rem)}@media (max-width:760px){[data-demo=fintech] .sec__badges{grid-template-columns:1fr 1fr}}[data-demo=fintech] .sbadge{padding:1.3rem;border-radius:var(--radius);border:1px solid hsl(var(--border));background:hsl(var(--background));text-align:center}[data-demo=fintech] .sbadge svg{width:30px;height:30px;color:hsl(var(--primary));margin:0 auto .7rem}[data-demo=fintech] .sbadge b{display:block;font-family:var(--font-display);font-size:.98rem}[data-demo=fintech] .sbadge small{color:hsl(var(--muted-foreground));font-size:.76rem}[data-demo=fintech] .billing{display:inline-flex;align-items:center;gap:.85rem;margin:1.5rem auto 0;font-size:var(--step-0)}[data-demo=fintech] .switch{width:52px;height:30px;border-radius:999px;background:hsl(var(--border));position:relative;transition:background .25s;flex:none}[data-demo=fintech] .switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:hsl(var(--foreground));transition:transform .25s var(--ease)}[data-demo=fintech] .switch.is-yearly{background:hsl(var(--primary))}[data-demo=fintech] .switch.is-yearly:after{transform:translateX(22px);background:hsl(var(--primary-foreground))}[data-demo=fintech] .billing__save{color:hsl(var(--primary));font-weight:600}[data-demo=fintech] .pgrid{margin-top:clamp(2rem,4vw,3rem);grid-template-columns:repeat(3,1fr);align-items:stretch}@media (max-width:860px){[data-demo=fintech] .pgrid{grid-template-columns:1fr;max-width:440px;margin-inline:auto}}[data-demo=fintech] .ptier{padding:1.8rem;border-radius:var(--radius);background:hsl(var(--card));border:1px solid hsl(var(--border));display:flex;flex-direction:column}[data-demo=fintech] .ptier.hot{border-color:hsl(var(--primary)/.5);box-shadow:0 30px 70px -44px hsl(var(--glow)/.7)}[data-demo=fintech] .ptier.hot:before{background:linear-gradient(135deg,hsl(var(--primary)/.8),hsl(var(--accent)/.6),transparent 60%)}[data-demo=fintech] .ptier__tag{align-self:flex-start;font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.05em;color:hsl(var(--primary));background:hsl(var(--secondary));padding:.25rem .6rem;border-radius:6px;margin-bottom:.8rem}[data-demo=fintech] .ptier h3{font-size:var(--step-1)}[data-demo=fintech] .ptier__desc{color:hsl(var(--muted-foreground));font-size:var(--step--1);margin-top:.3rem;min-height:2.6em}[data-demo=fintech] .ptier__price{display:flex;align-items:baseline;gap:.15rem;margin:1rem 0 .2rem;font-family:var(--font-mono)}[data-demo=fintech] .ptier__price .cur{font-size:var(--step-1)}[data-demo=fintech] .ptier__price b{font-size:var(--step-4);line-height:1;letter-spacing:-.03em;font-weight:600}[data-demo=fintech] .ptier__price .per{font-family:var(--font-sans);color:hsl(var(--muted-foreground));font-size:var(--step-0)}[data-demo=fintech] .ptier__fee{font-size:var(--step--1);color:hsl(var(--muted-foreground));margin-top:.5rem}[data-demo=fintech] .ptier__fee b{color:hsl(var(--primary));font-family:var(--font-mono)}[data-demo=fintech] .ptier ul{margin:1.2rem 0 1.6rem;display:grid;gap:.65rem}[data-demo=fintech] .ptier li{display:flex;gap:.55rem;font-size:var(--step-0)}[data-demo=fintech] .ptier li svg{flex:none;width:18px;height:18px;color:hsl(var(--primary));margin-top:2px}[data-demo=fintech] .ptier .btn{margin-top:auto}[data-demo=fintech] .faq{max-width:760px;margin-inline:auto;margin-top:clamp(2rem,4vw,3rem)}[data-demo=fintech] .cta-band{position:relative;overflow:hidden;border-radius:clamp(1.2rem,3vw,2rem);border:1px solid hsl(var(--primary)/.4);background:radial-gradient(ellipse 80% 120% at 50% 0,hsl(var(--primary)/.16),transparent 60%),hsl(var(--card));padding:clamp(2.5rem,6vw,5rem);text-align:center}[data-demo=fintech] .cta-band__grid{position:absolute;inset:0;background-image:linear-gradient(hsl(var(--grid)) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--grid)) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 30%,#000,transparent 70%);mask-image:radial-gradient(ellipse 70% 80% at 50% 30%,#000,transparent 70%);opacity:.5}[data-demo=fintech] .cta-band>*{position:relative;z-index:1}[data-demo=fintech] .cta-band h2{font-size:var(--step-4);max-width:18ch;margin-inline:auto}[data-demo=fintech] .cta-band p{margin:1rem auto 0;max-width:50ch;color:hsl(var(--muted-foreground));font-size:var(--step-1)}[data-demo=fintech] .cta-band .btn{margin-top:2rem}[data-demo=fintech] .footer{border-top:1px solid hsl(var(--border));margin-top:clamp(3rem,6vw,6rem)}[data-demo=fintech] .footer__grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:2rem;padding-block:clamp(2.5rem,5vw,4rem)}@media (max-width:860px){[data-demo=fintech] .footer__grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){[data-demo=fintech] .footer__grid{grid-template-columns:1fr}}[data-demo=fintech] .footer__brand p{color:hsl(var(--muted-foreground));font-size:var(--step--1);margin-top:.9rem;max-width:32ch}[data-demo=fintech] .footer__col h5{font-size:var(--step--1);text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--muted-foreground));margin-bottom:.9rem}[data-demo=fintech] .footer__col a{display:block;padding:.32rem 0;font-size:var(--step-0);opacity:.85}[data-demo=fintech] .footer__col a:hover{opacity:1;color:hsl(var(--primary))}[data-demo=fintech] .footer__bottom{border-top:1px solid hsl(var(--border));padding-block:1.4rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:var(--step--1);color:hsl(var(--muted-foreground))}[data-demo=fintech] .footer__risk{font-size:.72rem;color:hsl(var(--muted-foreground));padding-bottom:1.6rem;max-width:90ch;line-height:1.5}[data-demo=dining] h1,[data-demo=dining] h2,[data-demo=dining] h3{font-weight:500;letter-spacing:0}[data-demo=dining] .serif-i{font-style:italic;color:hsl(var(--primary))}[data-demo=dining] .header{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .4s,border-color .4s,backdrop-filter .4s;border-bottom:1px solid transparent}[data-demo=dining] .header.is-scrolled{background:hsl(var(--background)/.82);backdrop-filter:blur(12px);border-color:hsl(var(--border))}[data-demo=dining] .header__bar{display:flex;align-items:center;height:78px;gap:2rem}[data-demo=dining] .brand{font-family:var(--font-display);font-size:1.7rem;letter-spacing:.02em;white-space:nowrap}[data-demo=dining] .brand b{font-weight:500}[data-demo=dining] .nav{display:flex;gap:.3rem;margin-inline:auto}[data-demo=dining] .nav a{padding:.5rem .9rem;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--muted-foreground));transition:color .2s;white-space:nowrap}[data-demo=dining] .nav a:hover{color:hsl(var(--primary))}[data-demo=dining] .header__actions{display:flex;align-items:center;gap:.8rem}[data-demo=dining] .btn-gold{border:1px solid hsl(var(--primary)/.5);color:hsl(var(--primary));padding:.7rem 1.3rem;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;transition:background .25s,color .25s}[data-demo=dining] .btn-gold:hover{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}[data-demo=dining] .nav-toggle{display:none;width:42px;height:42px;place-items:center;color:hsl(var(--foreground))}[data-demo=dining] .nav-toggle svg{width:22px;height:22px}@media (max-width:900px){[data-demo=dining] .nav{position:fixed;inset:78px 0 auto 0;flex-direction:column;background:hsl(var(--background));border-bottom:1px solid hsl(var(--border));padding:1rem var(--container-x) 2rem;margin:0;transform:translateY(-130%);transition:transform .34s var(--ease)}[data-demo=dining] .nav.is-open{transform:translateY(0)}[data-demo=dining] .nav a{padding:1rem 0;font-size:1rem}[data-demo=dining] .nav-toggle{display:grid}[data-demo=dining] .header__actions .btn-gold{display:none}}[data-demo=dining] .hero{position:relative;min-height:100vh;display:flex;align-items:flex-end;overflow:hidden}[data-demo=dining] .hero__img{position:absolute;inset:0}[data-demo=dining] .hero__img [data-image-slot]{width:100%;height:100%;border:0;border-radius:0}@media (prefers-reduced-motion:no-preference){[data-demo=dining] .hero__img{animation:kenburns 20s ease-in-out infinite alternate}}@keyframes kenburns{0%{transform:scale(1.04)}to{transform:scale(1.14) translate(-1%,-1%)}}[data-demo=dining] .hero__veil{position:absolute;inset:0;background:linear-gradient(180deg,hsl(25 30% 5%/.55),hsl(25 30% 5%/.2) 35%,hsl(25 30% 5%/.85))}[data-demo=dining] .hero__inner{position:relative;z-index:1;padding-bottom:clamp(3rem,8vh,7rem)}[data-demo=dining] .hero__eyebrow{font-size:.8rem;letter-spacing:.32em;text-transform:uppercase;color:hsl(var(--primary))}[data-demo=dining] .hero h1{font-family:var(--font-display);font-size:clamp(3.2rem,9vw,8rem);line-height:.95;margin-top:1.2rem;max-width:14ch}[data-demo=dining] .hero p{margin-top:1.6rem;max-width:44ch;font-size:var(--step-1);color:hsl(var(--foreground)/.85)}[data-demo=dining] .hero__cta{display:flex;gap:1rem;margin-top:2.4rem;flex-wrap:wrap;align-items:center}[data-demo=dining] .btn-solid-gold{background:hsl(var(--primary));color:hsl(var(--primary-foreground));padding:1rem 2rem;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;transition:transform .2s,box-shadow .2s}[data-demo=dining] .btn-solid-gold:hover{transform:translateY(-2px);box-shadow:0 16px 40px -16px hsl(var(--primary)/.6)}[data-demo=dining] .hero__meta{display:flex;gap:1.5rem;font-size:.82rem;letter-spacing:.05em;color:hsl(var(--muted-foreground))}[data-demo=dining] .rule{height:1px;background:hsl(var(--border))}[data-demo=dining] .slabel{font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;color:hsl(var(--primary))}[data-demo=dining] .dhead h2{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,4rem);line-height:1.04;margin-top:1rem}[data-demo=dining] .about{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,6vw,6rem);align-items:center}@media (max-width:820px){[data-demo=dining] .about{grid-template-columns:1fr}}[data-demo=dining] .about__text p{margin-top:1.4rem;font-size:var(--step-1);color:hsl(var(--foreground)/.82);line-height:1.7}[data-demo=dining] .about__text .sig{font-family:var(--font-display);font-style:italic;font-size:1.8rem;color:hsl(var(--primary));margin-top:1.6rem}[data-demo=dining] .about__img [data-image-slot]{width:100%;aspect-ratio:4/5}[data-demo=dining] .menu__grid{display:grid;gap:clamp(2.5rem,5vw,4.5rem);margin-top:clamp(2.5rem,4vw,3.5rem)}[data-demo=dining] .course h3{font-family:var(--font-display);font-size:2rem;color:hsl(var(--primary));margin-bottom:.4rem}[data-demo=dining] .course>.rule{margin-bottom:1.6rem}[data-demo=dining] .dish{display:grid;grid-template-columns:1fr auto;gap:.5rem 1.2rem;padding:1.1rem 0;border-bottom:1px dashed hsl(var(--border));align-items:baseline}[data-demo=dining] .dish:last-child{border-bottom:0}[data-demo=dining] .dish__name{font-family:var(--font-display);font-size:1.6rem}[data-demo=dining] .dish__name span{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--primary));font-family:var(--font-sans);margin-left:.7rem;vertical-align:middle}[data-demo=dining] .dish__price{font-family:var(--font-display);font-size:1.5rem;color:hsl(var(--primary))}[data-demo=dining] .dish__desc{grid-column:1/-1;color:hsl(var(--muted-foreground));font-size:.96rem;max-width:60ch}[data-demo=dining] .menu__note{text-align:center;margin-top:clamp(2.5rem,4vw,3.5rem);font-family:var(--font-display);font-style:italic;font-size:1.4rem;color:hsl(var(--muted-foreground))}[data-demo=dining] .gal{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:10px;margin-top:clamp(2.5rem,4vw,3.5rem)}[data-demo=dining] .gal [data-image-slot]{width:100%;height:100%}[data-demo=dining] .gal .tall{grid-row:span 2}[data-demo=dining] .gal .wide{grid-column:span 2}@media (max-width:760px){[data-demo=dining] .gal{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px}}[data-demo=dining] .reserve{background:hsl(var(--card));border-block:1px solid hsl(var(--border))}[data-demo=dining] .reserve__inner{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2.5rem,6vw,6rem);align-items:center}@media (max-width:860px){[data-demo=dining] .reserve__inner{grid-template-columns:1fr}}[data-demo=dining] .reserve h2{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,3.6rem);margin-top:1rem}[data-demo=dining] .reserve p{margin-top:1.2rem;color:hsl(var(--muted-foreground));font-size:var(--step-1);max-width:44ch}[data-demo=dining] .rform{display:grid;gap:1rem}[data-demo=dining] .rform__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}[data-demo=dining] .rfield{display:flex;flex-direction:column;gap:.4rem}[data-demo=dining] .rfield label{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:hsl(var(--muted-foreground))}[data-demo=dining] .rfield input,[data-demo=dining] .rfield select{background:hsl(var(--background));border:1px solid hsl(var(--border));color:hsl(var(--foreground));padding:.85rem 1rem;font:inherit;font-size:.95rem}[data-demo=dining] .rfield input:focus,[data-demo=dining] .rfield select:focus{outline:none;border-color:hsl(var(--primary))}[data-demo=dining] .hours{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}@media (max-width:820px){[data-demo=dining] .hours{grid-template-columns:1fr}}[data-demo=dining] .hrow{display:flex;justify-content:space-between;padding:.9rem 0;border-bottom:1px solid hsl(var(--border));font-size:1rem}[data-demo=dining] .hrow span:last-child{color:hsl(var(--primary));font-variant-numeric:tabular-nums}[data-demo=dining] .map{position:relative;aspect-ratio:4/3}[data-demo=dining] .map [data-image-slot]{width:100%;height:100%}[data-demo=dining] .map__pin{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:hsl(var(--primary));box-shadow:0 0 0 6px hsl(var(--primary)/.25),0 0 0 14px hsl(var(--primary)/.12)}[data-demo=dining] .addr{margin-top:1.4rem;color:hsl(var(--muted-foreground));font-size:1rem;line-height:1.7}[data-demo=dining] .cta{text-align:center}[data-demo=dining] .cta h2{font-family:var(--font-display);font-size:clamp(2.6rem,6vw,5rem);max-width:16ch;margin-inline:auto}[data-demo=dining] .cta p{margin:1.2rem auto 0;max-width:46ch;color:hsl(var(--muted-foreground));font-size:var(--step-1)}[data-demo=dining] .cta .btn-solid-gold{margin-top:2rem;display:inline-block}[data-demo=dining] .footer{border-top:1px solid hsl(var(--border))}[data-demo=dining] .footer__grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:2rem;padding-block:clamp(2.5rem,5vw,4rem)}@media (max-width:760px){[data-demo=dining] .footer__grid{grid-template-columns:1fr 1fr}}[data-demo=dining] .footer__brand .brand{font-size:1.9rem}[data-demo=dining] .footer__brand p{margin-top:1rem;color:hsl(var(--muted-foreground));font-size:.92rem;max-width:30ch;line-height:1.7}[data-demo=dining] .footer__col h5{font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:hsl(var(--primary));margin-bottom:1rem}[data-demo=dining] .footer__col a{display:block;padding:.3rem 0;color:hsl(var(--foreground)/.8);font-size:.95rem}[data-demo=dining] .footer__col a:hover{color:hsl(var(--primary))}[data-demo=dining] .footer__bottom{border-top:1px solid hsl(var(--border));padding-block:1.4rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.82rem;color:hsl(var(--muted-foreground))}[data-demo=agency] .anton{font-family:var(--font-anton);font-weight:400;letter-spacing:.005em;text-transform:uppercase;line-height:.9}[data-demo=agency] h1,[data-demo=agency] h2,[data-demo=agency] h3{font-weight:800;letter-spacing:-.03em}[data-demo=agency] .hl{background:hsl(var(--accent));padding:0 .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}[data-demo=agency] .header{position:sticky;top:0;z-index:50;background:hsl(var(--background));transition:border-color .3s;border-bottom:1px solid transparent}[data-demo=agency] .header.is-scrolled{border-color:hsl(var(--foreground))}[data-demo=agency] .header__bar{display:flex;align-items:center;height:72px;gap:1.5rem}[data-demo=agency] .brand{font-family:var(--font-anton);font-size:1.5rem;text-transform:uppercase;letter-spacing:.01em;display:flex;align-items:center;gap:.5rem;white-space:nowrap}[data-demo=agency] .brand i{width:14px;height:14px;background:hsl(var(--accent));display:block}[data-demo=agency] .nav{display:flex;gap:.2rem;margin-inline:auto}[data-demo=agency] .nav a{padding:.5rem .8rem;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;transition:color .18s}[data-demo=agency] .nav a:hover{color:hsl(var(--muted-foreground))}[data-demo=agency] .header .btn-ink{background:hsl(var(--foreground));color:hsl(var(--primary-foreground));padding:.65rem 1.2rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;transition:background .2s;white-space:nowrap}[data-demo=agency] .header .btn-ink:hover{background:hsl(var(--accent));color:hsl(var(--foreground))}[data-demo=agency] .nav-toggle{display:none;width:42px;height:42px;place-items:center}[data-demo=agency] .nav-toggle svg{width:24px;height:24px}@media (max-width:880px){[data-demo=agency] .nav{position:fixed;inset:72px 0 auto 0;flex-direction:column;background:hsl(var(--background));border-bottom:1px solid hsl(var(--foreground));padding:1rem var(--container-x) 1.5rem;margin:0;transform:translateY(-130%);transition:transform .32s var(--ease)}[data-demo=agency] .nav.is-open{transform:translateY(0)}[data-demo=agency] .nav a{padding:.9rem 0;font-size:1.1rem}[data-demo=agency] .nav-toggle{display:grid}[data-demo=agency] .header .btn-ink{display:none}}[data-demo=agency] .hero{padding-block:clamp(2rem,5vw,4rem) clamp(2.5rem,6vw,5rem)}[data-demo=agency] .hero__top{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.84rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:hsl(var(--muted-foreground));border-bottom:2px solid hsl(var(--foreground));padding-bottom:1rem}[data-demo=agency] .hero h1{font-family:var(--font-anton);font-weight:400;text-transform:uppercase;font-size:clamp(2.8rem,11vw,10rem);line-height:1;letter-spacing:-.005em;margin-top:clamp(1.5rem,4vw,3rem)}[data-demo=agency] .hero h1 em{font-style:normal}[data-demo=agency] .hero__sub{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end;margin-top:clamp(1.5rem,4vw,3rem)}[data-demo=agency] .hero__sub p{font-size:var(--step-2);font-weight:500;max-width:28ch;line-height:1.25}[data-demo=agency] .hero__sub .arrow{font-family:var(--font-anton);font-size:clamp(3rem,6vw,5rem);line-height:.8}@media (max-width:700px){[data-demo=agency] .hero__sub{grid-template-columns:1fr}[data-demo=agency] .hero__sub .arrow{display:none}}[data-demo=agency] .work{border-top:2px solid hsl(var(--foreground))}[data-demo=agency] .work__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-top:clamp(2rem,4vw,3rem)}[data-demo=agency] .work__head h2{font-family:var(--font-anton);font-weight:400;text-transform:uppercase;font-size:clamp(1.8rem,4vw,3rem)}[data-demo=agency] .work__head span{font-size:.84rem;font-weight:600;text-transform:uppercase;color:hsl(var(--muted-foreground))}[data-demo=agency] .work__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2.5vw,2rem);margin-top:clamp(2rem,4vw,3rem)}@media (max-width:720px){[data-demo=agency] .work__grid{grid-template-columns:1fr}}[data-demo=agency] .case{position:relative;display:block;overflow:hidden;background:hsl(var(--card));border:2px solid hsl(var(--foreground))}[data-demo=agency] .case:nth-child(odd){margin-top:0}[data-demo=agency] .case:nth-child(2n){margin-top:clamp(0px,4vw,3.5rem)}[data-demo=agency] .case [data-image-slot]{width:100%;aspect-ratio:4/3;border:0;border-radius:0}[data-demo=agency] .case__meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.3rem;border-top:2px solid hsl(var(--foreground))}[data-demo=agency] .case__meta h3{font-family:var(--font-display);font-size:1.5rem}[data-demo=agency] .case__meta span{font-size:.76rem;font-weight:600;text-transform:uppercase;color:hsl(var(--muted-foreground))}[data-demo=agency] .case__reveal{position:absolute;inset:0 0 auto 0;aspect-ratio:4/3;background:hsl(var(--accent));color:hsl(var(--foreground));display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;opacity:0;transform:translateY(8px);transition:opacity .3s var(--ease),transform .3s var(--ease)}[data-demo=agency] .case:hover .case__reveal{opacity:1;transform:none}[data-demo=agency] .case__reveal .tag{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}[data-demo=agency] .case__reveal .big{font-family:var(--font-anton);font-weight:400;text-transform:uppercase;font-size:clamp(2rem,4vw,3.4rem);line-height:.9}[data-demo=agency] .case__reveal .go{font-weight:700;text-transform:uppercase;font-size:.84rem;display:inline-flex;gap:.4rem}[data-demo=agency] .marquee{border-block:2px solid hsl(var(--foreground));overflow:hidden;background:hsl(var(--foreground));color:hsl(var(--background));padding-block:.6rem}[data-demo=agency] .marquee__track{display:flex;gap:1.5rem;width:-moz-max-content;width:max-content;animation:amq 22s linear infinite}@keyframes amq{to{transform:translateX(-50%)}}[data-demo=agency] .marquee__track span{font-family:var(--font-anton);font-weight:400;text-transform:uppercase;font-size:clamp(2.5rem,6vw,5rem);line-height:1;white-space:nowrap;display:inline-flex;align-items:center;gap:1.5rem}[data-demo=agency] .marquee__track span:after{content:"";width:22px;height:22px;background:hsl(var(--accent));display:inline-block;border-radius:50%}[data-demo=agency] .svc__head h2{font-family:var(--font-anton);font-weight:400;text-transform:uppercase;font-size:clamp(2rem,5vw,3.6rem)}[data-demo=agency] .svc__list{margin-top:clamp(2rem,4vw,3rem);border-top:2px solid hsl(var(--foreground))}[data-demo=agency] .svc__item{display:grid;grid-template-columns:auto 1fr 2fr;gap:clamp(1rem,3vw,3rem);align-items:start;padding:clamp(1.4rem,3vw,2.4rem) 0;border-bottom:2px solid hsl(var(--foreground));transition:padding-left .3s var(--ease),background .3s}[data-demo=agency] .svc__item:hover{padding-left:1.2rem;background:hsl(var(--accent))}[data-demo=agency] .svc__no{font-family:var(--font-display);font-weight:800;font-size:1.1rem;color:hsl(var(--muted-foreground))}[data-demo=agency] .svc__item:hover .svc__no{color:hsl(var(--foreground))}[data-demo=agency] .svc__name{font-family:var(--font-display);font-weight:800;font-size:clamp(1.6rem,3vw,2.6rem);letter-spacing:-.03em;line-height:1}[data-demo=agency] .svc__desc{color:hsl(var(--muted-foreground));font-size:var(--step-0);max-width:50ch}[data-demo=agency] .svc__item:hover .svc__desc{color:hsl(var(--foreground))}@media (max-width:720px){[data-demo=agency] .svc__item{grid-template-columns:auto 1fr}[data-demo=agency] .svc__desc{grid-column:2}}[data-demo=agency] .clients{border-top:2px solid hsl(var(--foreground))}[data-demo=agency] .clients__row{display:flex;flex-wrap:wrap;gap:clamp(1.5rem,5vw,4rem);align-items:center;justify-content:center;padding-block:clamp(2rem,4vw,3rem)}[data-demo=agency] .clients__row span{font-family:var(--font-display);font-weight:800;font-size:1.6rem;color:hsl(var(--muted-foreground));transition:color .2s}[data-demo=agency] .clients__row span:hover{color:hsl(var(--foreground))}[data-demo=agency] .cta{background:hsl(var(--foreground));color:hsl(var(--background))}[data-demo=agency] .cta__inner{text-align:center}[data-demo=agency] .cta h2{font-family:var(--font-anton);font-weight:400;text-transform:uppercase;font-size:clamp(3rem,11vw,9rem);line-height:1}[data-demo=agency] .cta h2 .hl{color:hsl(var(--foreground))}[data-demo=agency] .cta a.mail{display:inline-block;margin-top:2rem;font-family:var(--font-display);font-weight:800;font-size:clamp(1.2rem,3vw,2rem);border-bottom:3px solid hsl(var(--accent));padding-bottom:.2rem}[data-demo=agency] .cta a.mail:hover{color:hsl(var(--accent))}[data-demo=agency] .footer{background:hsl(var(--foreground));color:hsl(var(--background));border-top:2px solid hsl(var(--accent))}[data-demo=agency] .footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;padding-block:clamp(2.5rem,5vw,4rem)}@media (max-width:760px){[data-demo=agency] .footer__grid{grid-template-columns:1fr 1fr}}[data-demo=agency] .footer__brand .brand{color:hsl(var(--background))}[data-demo=agency] .footer__brand p{margin-top:1rem;opacity:.7;font-size:.92rem;max-width:32ch}[data-demo=agency] .footer__col h5{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;opacity:.6;margin-bottom:.9rem}[data-demo=agency] .footer__col a{display:block;padding:.3rem 0;opacity:.9;font-weight:500}[data-demo=agency] .footer__col a:hover{color:hsl(var(--accent))}[data-demo=agency] .footer__bottom{border-top:1px solid hsl(var(--background)/.2);padding-block:1.4rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.82rem;opacity:.7}[data-demo=realestate] h1,[data-demo=realestate] h2,[data-demo=realestate] h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}[data-demo=realestate] .header{position:sticky;top:0;z-index:50;transition:background .3s,border-color .3s,backdrop-filter .3s;border-bottom:1px solid transparent}[data-demo=realestate] .header.is-scrolled{background:hsl(var(--background)/.85);backdrop-filter:blur(12px);border-color:hsl(var(--border))}[data-demo=realestate] .header__bar{display:flex;align-items:center;height:74px;gap:1.5rem}[data-demo=realestate] .brand{font-family:var(--font-display);font-weight:600;font-size:1.5rem;display:flex;align-items:center;gap:.55rem;white-space:nowrap}[data-demo=realestate] .brand i{width:26px;height:26px;background:hsl(var(--accent));display:grid;place-items:center;color:#fff;font-size:.9rem;border-radius:3px;font-family:var(--font-display);font-style:normal}[data-demo=realestate] .nav{display:flex;gap:.2rem;margin-inline:auto}[data-demo=realestate] .nav a{padding:.5rem .9rem;font-size:.9rem;font-weight:500;color:hsl(var(--muted-foreground));transition:color .18s}[data-demo=realestate] .nav a:hover{color:hsl(var(--foreground))}[data-demo=realestate] .header__actions{display:flex;align-items:center;gap:.6rem}[data-demo=realestate] .icon-btn{width:40px;height:40px;border-radius:var(--radius);display:grid;place-items:center;color:hsl(var(--muted-foreground));transition:background .18s,color .18s}[data-demo=realestate] .icon-btn:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}[data-demo=realestate] .icon-btn svg{width:19px;height:19px}[data-demo=realestate] .theme-toggle .moon,[data-demo=realestate][data-mode=dark] .theme-toggle .sun{display:none}[data-demo=realestate][data-mode=dark] .theme-toggle .moon{display:block}[data-demo=realestate] .btn-accent{background:hsl(var(--accent));color:hsl(var(--accent-foreground));padding:.7rem 1.3rem;border-radius:var(--radius);font-weight:600;font-size:.9rem;white-space:nowrap;transition:filter .2s,transform .2s}[data-demo=realestate] .btn-accent:hover{filter:brightness(1.07);transform:translateY(-1px)}[data-demo=realestate] .nav-toggle{display:none}@media (max-width:900px){[data-demo=realestate] .nav{position:fixed;inset:74px 0 auto 0;flex-direction:column;background:hsl(var(--background));border-bottom:1px solid hsl(var(--border));padding:.75rem var(--container-x) 1.25rem;margin:0;transform:translateY(-130%);transition:transform .32s var(--ease)}[data-demo=realestate] .nav.is-open{transform:translateY(0)}[data-demo=realestate] .nav a{padding:.85rem 0;font-size:1.05rem}[data-demo=realestate] .nav-toggle{display:grid}[data-demo=realestate] .header__actions .btn-accent{display:none}}[data-demo=realestate] .hero{padding-top:clamp(1.5rem,3vw,2.5rem)}[data-demo=realestate] .hero__band{position:relative;overflow:hidden;border-radius:calc(var(--radius) * 2.5);background:hsl(var(--navy));color:hsl(40 30% 96%);padding:clamp(2.5rem,6vw,5.5rem) clamp(1.5rem,5vw,4.5rem)}[data-demo=realestate] .hero__band [data-image-slot]{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:0}[data-demo=realestate] .hero__band .veil{position:absolute;inset:0;background:linear-gradient(105deg,hsl(var(--navy)/.92),hsl(var(--navy)/.55));z-index:1}[data-demo=realestate] .hero__band>*{position:relative;z-index:2}[data-demo=realestate] .hero__eyebrow{font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;color:hsl(var(--accent))}[data-demo=realestate] .hero h1{font-size:clamp(2.4rem,5.5vw,4.6rem);line-height:1.05;margin-top:1rem;max-width:16ch;color:hsl(40 30% 97%)}[data-demo=realestate] .hero__band p{margin-top:1.2rem;max-width:48ch;color:hsl(40 22% 86%);font-size:var(--step-1)}[data-demo=realestate] .search{margin-top:2.2rem;background:hsl(var(--card));color:hsl(var(--foreground));border-radius:var(--radius);padding:.7rem;display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:.5rem;box-shadow:0 30px 60px -30px hsl(var(--navy)/.6)}[data-demo=realestate] .search .sf{display:flex;flex-direction:column;gap:.2rem;padding:.5rem .8rem;border-right:1px solid hsl(var(--border))}[data-demo=realestate] .search .sf:nth-child(3){border-right:0}[data-demo=realestate] .search label{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--muted-foreground))}[data-demo=realestate] .search input,[data-demo=realestate] .search select{border:0;background:transparent;font:inherit;font-size:.95rem;font-weight:500;color:hsl(var(--foreground));padding:0}[data-demo=realestate] .search input:focus,[data-demo=realestate] .search select:focus{outline:none}[data-demo=realestate] .search .btn-accent{border-radius:var(--radius);justify-self:stretch;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}[data-demo=realestate] .search .btn-accent svg{width:17px;height:17px}@media (max-width:760px){[data-demo=realestate] .search{grid-template-columns:1fr 1fr}[data-demo=realestate] .search .sf{border-right:0}[data-demo=realestate] .search .btn-accent{grid-column:1/-1}}[data-demo=realestate] .shead{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}[data-demo=realestate] .shead .eyebrow{color:hsl(var(--accent))}[data-demo=realestate] .shead h2{font-size:clamp(1.9rem,3.5vw,3rem);margin-top:.6rem}[data-demo=realestate] .shead a{color:hsl(var(--accent));font-weight:600;font-size:.95rem;white-space:nowrap}[data-demo=realestate] .listings{grid-template-columns:repeat(3,1fr);margin-top:clamp(2rem,4vw,3rem)}@media (max-width:900px){[data-demo=realestate] .listings{grid-template-columns:1fr 1fr}}@media (max-width:600px){[data-demo=realestate] .listings{grid-template-columns:1fr}}[data-demo=realestate] .listing{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s}[data-demo=realestate] .listing:hover{transform:translateY(-5px);box-shadow:0 28px 55px -32px hsl(var(--navy)/.45)}[data-demo=realestate] .listing__media{position:relative}[data-demo=realestate] .listing__media [data-image-slot]{width:100%;aspect-ratio:16/11;border:0}[data-demo=realestate] .listing__badge{position:absolute;top:.8rem;left:.8rem;background:hsl(var(--navy));color:hsl(40 30% 96%);font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.3rem .65rem;border-radius:3px}[data-demo=realestate] .listing__badge.sold{background:hsl(var(--accent))}[data-demo=realestate] .listing__fav{position:absolute;top:.8rem;right:.8rem;width:34px;height:34px;border-radius:50%;background:hsl(var(--card)/.9);display:grid;place-items:center;color:hsl(var(--foreground))}[data-demo=realestate] .listing__fav svg{width:17px;height:17px}[data-demo=realestate] .listing__body{padding:1.2rem 1.3rem 1.4rem}[data-demo=realestate] .listing__price{font-family:var(--font-display);font-size:1.6rem;font-weight:600}[data-demo=realestate] .listing__addr{color:hsl(var(--muted-foreground));font-size:.92rem;margin-top:.3rem}[data-demo=realestate] .listing__meta{display:flex;gap:1.1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid hsl(var(--border));font-size:.86rem;color:hsl(var(--muted-foreground))}[data-demo=realestate] .listing__meta span{display:inline-flex;align-items:center;gap:.4rem}[data-demo=realestate] .listing__meta svg{width:16px;height:16px;color:hsl(var(--accent))}[data-demo=realestate] .filterbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:clamp(2rem,4vw,3rem);padding:.6rem;background:hsl(var(--secondary));border-radius:var(--radius)}[data-demo=realestate] .chip{padding:.55rem 1rem;border-radius:var(--radius);font-size:.9rem;font-weight:500;background:transparent;color:hsl(var(--muted-foreground));transition:background .18s,color .18s}[data-demo=realestate] .chip:hover{color:hsl(var(--foreground))}[data-demo=realestate] .chip.on{background:hsl(var(--card));color:hsl(var(--foreground));box-shadow:0 2px 8px -3px hsl(var(--navy)/.3)}[data-demo=realestate] .filterbar .spacer{margin-left:auto}[data-demo=realestate] .statsband{background:hsl(var(--navy));color:hsl(40 30% 96%)}[data-demo=realestate] .statsband .grid{grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center}@media (max-width:700px){[data-demo=realestate] .statsband .grid{grid-template-columns:1fr 1fr}}[data-demo=realestate] .statc b{font-family:var(--font-display);font-size:clamp(2.2rem,4vw,3.2rem);font-weight:600;display:block;color:hsl(var(--accent))}[data-demo=realestate] .statc small{color:hsl(40 22% 80%);font-size:.88rem;letter-spacing:.02em}[data-demo=realestate] .maprow{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(2rem,5vw,4rem);align-items:center}@media (max-width:860px){[data-demo=realestate] .maprow{grid-template-columns:1fr}}[data-demo=realestate] .map{position:relative;aspect-ratio:16/11;border-radius:var(--radius);overflow:hidden;border:1px solid hsl(var(--border))}[data-demo=realestate] .map [data-image-slot]{width:100%;height:100%;border:0}[data-demo=realestate] .map__pin{position:absolute;width:30px;height:30px;background:hsl(var(--accent));border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 6px 14px -4px hsl(var(--navy)/.6)}[data-demo=realestate] .map__pin:after{content:"";position:absolute;inset:9px;background:hsl(var(--card));border-radius:50%}[data-demo=realestate] .map__pin.p1{top:30%;left:28%}[data-demo=realestate] .map__pin.p2{top:52%;left:56%}[data-demo=realestate] .map__pin.p3{top:40%;left:74%}[data-demo=realestate] .maprow h2{font-size:clamp(1.9rem,3.5vw,3rem);margin-top:.6rem}[data-demo=realestate] .maprow p{margin-top:1rem;color:hsl(var(--muted-foreground));font-size:var(--step-1)}[data-demo=realestate] .maprow ul{margin-top:1.4rem;display:grid;gap:.7rem}[data-demo=realestate] .maprow li{display:flex;gap:.6rem;align-items:center}[data-demo=realestate] .maprow li svg{width:20px;height:20px;color:hsl(var(--accent));flex:none}[data-demo=realestate] .agents{grid-template-columns:repeat(4,1fr);margin-top:clamp(2rem,4vw,3rem)}@media (max-width:860px){[data-demo=realestate] .agents{grid-template-columns:1fr 1fr}}[data-demo=realestate] .agent{text-align:center}[data-demo=realestate] .agent [data-image-slot]{width:100%;aspect-ratio:1;border-radius:var(--radius);border:0}[data-demo=realestate] .agent b{display:block;font-family:var(--font-display);font-size:1.2rem;margin-top:1rem}[data-demo=realestate] .agent small{color:hsl(var(--muted-foreground));font-size:.86rem}[data-demo=realestate] .agent .ph{color:hsl(var(--accent));font-size:.86rem;margin-top:.4rem;display:block}[data-demo=realestate] .cta__band{position:relative;overflow:hidden;border-radius:calc(var(--radius)*2.5);background:hsl(var(--navy));color:hsl(40 30% 96%);padding:clamp(2.5rem,6vw,5rem);text-align:center}[data-demo=realestate] .cta__band h2{font-size:clamp(2rem,4vw,3.4rem);max-width:18ch;margin-inline:auto;color:hsl(40 30% 97%)}[data-demo=realestate] .cta__band p{margin:1rem auto 0;max-width:46ch;color:hsl(40 22% 84%);font-size:var(--step-1)}[data-demo=realestate] .cta__band .btn-accent{margin-top:2rem;display:inline-block}[data-demo=realestate] .footer{border-top:1px solid hsl(var(--border));margin-top:clamp(3rem,6vw,6rem)}[data-demo=realestate] .footer__grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:2rem;padding-block:clamp(2.5rem,5vw,4rem)}@media (max-width:860px){[data-demo=realestate] .footer__grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){[data-demo=realestate] .footer__grid{grid-template-columns:1fr}}[data-demo=realestate] .footer__brand p{margin-top:.9rem;color:hsl(var(--muted-foreground));font-size:.92rem;max-width:30ch}[data-demo=realestate] .footer__col h5{font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:hsl(var(--muted-foreground));margin-bottom:.9rem}[data-demo=realestate] .footer__col a{display:block;padding:.32rem 0;font-size:.94rem;color:hsl(var(--foreground));opacity:.85}[data-demo=realestate] .footer__col a:hover{opacity:1;color:hsl(var(--accent))}[data-demo=realestate] .footer__bottom{border-top:1px solid hsl(var(--border));padding-block:1.4rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.84rem;color:hsl(var(--muted-foreground))}[data-demo=clinic] h1,[data-demo=clinic] h2,[data-demo=clinic] h3{font-weight:800;letter-spacing:-.025em}[data-demo=clinic] .tint{background:hsl(var(--secondary))}[data-demo=clinic] .mint{color:hsl(var(--accent))}[data-demo=clinic] .announce{background:hsl(var(--accent));color:#fff;font-size:.86rem;text-align:center}[data-demo=clinic] .announce .container{padding-block:.55rem;display:flex;gap:.5rem;align-items:center;justify-content:center;flex-wrap:wrap}[data-demo=clinic] .announce a{font-weight:700;text-decoration:underline}[data-demo=clinic] .header{position:sticky;top:0;z-index:50;transition:background .3s,box-shadow .3s}[data-demo=clinic] .header.is-scrolled{background:hsl(var(--background)/.9);backdrop-filter:blur(12px);box-shadow:0 6px 24px -16px hsl(205 50% 30%/.5)}[data-demo=clinic] .header__bar{display:flex;align-items:center;height:76px;gap:1.5rem}[data-demo=clinic] .brand{display:flex;align-items:center;gap:.55rem;font-weight:800;font-size:1.35rem;letter-spacing:-.02em}[data-demo=clinic] .brand i{width:34px;height:34px;border-radius:11px;background:linear-gradient(140deg,hsl(var(--primary)),hsl(var(--accent)));display:grid;place-items:center}[data-demo=clinic] .brand i svg{width:19px;height:19px}[data-demo=clinic] .nav{display:flex;gap:.2rem;margin-inline:auto}[data-demo=clinic] .nav a{padding:.55rem .95rem;border-radius:99px;font-size:.94rem;font-weight:600;color:hsl(var(--muted-foreground));transition:color .18s,background .18s}[data-demo=clinic] .nav a:hover{color:hsl(var(--primary));background:hsl(var(--secondary))}[data-demo=clinic] .btn-pill{background:hsl(var(--primary));color:#fff;padding:.7rem 1.4rem;border-radius:99px;font-weight:700;font-size:.94rem;white-space:nowrap;transition:transform .2s,box-shadow .2s}[data-demo=clinic] .btn-pill:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px hsl(var(--primary)/.6)}[data-demo=clinic] .btn-pill.ghost{background:hsl(var(--secondary));color:hsl(var(--primary))}[data-demo=clinic] .btn-pill.ghost:hover{box-shadow:none;background:hsl(var(--primary));color:#fff}[data-demo=clinic] .btn-pill.mintbg{background:hsl(var(--accent))}[data-demo=clinic] .btn-pill.mintbg:hover{box-shadow:0 14px 30px -12px hsl(var(--accent)/.6)}[data-demo=clinic] .nav-toggle{display:none;width:42px;height:42px;border-radius:99px;place-items:center;color:hsl(var(--foreground))}[data-demo=clinic] .nav-toggle svg{width:22px;height:22px}@media (max-width:920px){[data-demo=clinic] .nav{position:fixed;inset:76px 0 auto 0;flex-direction:column;background:hsl(var(--background));border-bottom:1px solid hsl(var(--border));padding:.75rem var(--container-x) 1.5rem;margin:0;transform:translateY(-130%);transition:transform .32s var(--ease)}[data-demo=clinic] .nav.is-open{transform:translateY(0)}[data-demo=clinic] .nav a{padding:.9rem;font-size:1.05rem;border-radius:14px}[data-demo=clinic] .nav-toggle{display:grid}[data-demo=clinic] .header .btn-pill.book{display:none}}[data-demo=clinic] .hero{padding-block:clamp(2.5rem,5vw,4.5rem)}[data-demo=clinic] .hero__inner{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}@media (max-width:880px){[data-demo=clinic] .hero__inner{grid-template-columns:1fr}}[data-demo=clinic] .hero .badge{background:hsl(var(--secondary));color:hsl(var(--primary));border:0;padding:.45rem .95rem;border-radius:99px;font-weight:700;white-space:nowrap}[data-demo=clinic] .hero h1{font-size:clamp(2.5rem,5vw,4.2rem);line-height:1.05;margin-top:1.2rem}[data-demo=clinic] .hero h1 .mint{white-space:nowrap}[data-demo=clinic] .hero .lede{margin-top:1.3rem;font-size:var(--step-1)}[data-demo=clinic] .hero__cta{display:flex;gap:.8rem;margin-top:1.8rem;flex-wrap:wrap}[data-demo=clinic] .hero__trust{display:flex;gap:1.6rem;margin-top:2rem;flex-wrap:wrap}[data-demo=clinic] .trust{display:flex;align-items:center;gap:.55rem;font-size:.9rem;font-weight:600}[data-demo=clinic] .trust svg{width:20px;height:20px;color:hsl(var(--accent));flex:none}[data-demo=clinic] .trust .stars{color:hsl(42 95% 55%)}[data-demo=clinic] .bookcard{background:hsl(var(--card));border-radius:calc(var(--radius) * 1.3);padding:1.6rem;box-shadow:0 40px 80px -40px hsl(205 60% 30%/.5);border:1px solid hsl(var(--border));position:relative}[data-demo=clinic] .bookcard:before{content:"";position:absolute;inset:-10% 10% auto;height:60%;background:radial-gradient(ellipse at top,hsl(var(--accent)/.18),transparent 70%);z-index:-1}[data-demo=clinic] .bookcard h3{font-size:1.2rem}[data-demo=clinic] .bookcard__sub{color:hsl(var(--muted-foreground));font-size:.9rem;margin-top:.2rem}[data-demo=clinic] .bk-dates{display:flex;gap:.5rem;margin-top:1.2rem}[data-demo=clinic] .bk-date{flex:1;text-align:center;padding:.7rem .3rem;border-radius:14px;border:1.5px solid hsl(var(--border));cursor:default}[data-demo=clinic] .bk-date.on{border-color:hsl(var(--primary));background:hsl(var(--secondary))}[data-demo=clinic] .bk-date small{display:block;font-size:.66rem;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.06em}[data-demo=clinic] .bk-date b{font-size:1.2rem}[data-demo=clinic] .bk-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--muted-foreground));margin:1.3rem 0 .7rem}[data-demo=clinic] .bk-times{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}[data-demo=clinic] .bk-time{text-align:center;padding:.6rem;border-radius:12px;background:hsl(var(--muted));font-size:.86rem;font-weight:600}[data-demo=clinic] .bk-time.on{background:hsl(var(--primary));color:#fff}[data-demo=clinic] .bk-time.off{opacity:.4;text-decoration:line-through}[data-demo=clinic] .bookcard .btn-pill{width:100%;text-align:center;margin-top:1.3rem}[data-demo=clinic] .bk-doc{display:flex;align-items:center;gap:.7rem;margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid hsl(var(--border))}[data-demo=clinic] .bk-doc [data-image-slot]{width:42px;height:42px;border:0;flex:none}[data-demo=clinic] .bk-doc b{display:block;font-size:.92rem}[data-demo=clinic] .bk-doc small{color:hsl(var(--muted-foreground));font-size:.8rem}[data-demo=clinic] .shead{text-align:center;max-width:56ch;margin-inline:auto}[data-demo=clinic] .shead .eyebrow{color:hsl(var(--accent))}[data-demo=clinic] .shead h2{font-size:clamp(1.9rem,4vw,3rem);margin-top:.7rem}[data-demo=clinic] .shead p{margin-top:1rem;color:hsl(var(--muted-foreground));font-size:var(--step-1)}[data-demo=clinic] .depts{grid-template-columns:repeat(3,1fr);margin-top:clamp(2.5rem,4vw,3.5rem)}@media (max-width:820px){[data-demo=clinic] .depts{grid-template-columns:1fr 1fr}}@media (max-width:540px){[data-demo=clinic] .depts{grid-template-columns:1fr}}[data-demo=clinic] .dept{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius)*1.2);padding:1.6rem;transition:transform .25s var(--ease),box-shadow .25s}[data-demo=clinic] .dept:hover{transform:translateY(-5px);box-shadow:0 26px 50px -32px hsl(205 50% 30%/.4)}[data-demo=clinic] .dept__icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;margin-bottom:1rem}[data-demo=clinic] .dept__icon svg{width:26px;height:26px}[data-demo=clinic] .dept h3{font-size:1.2rem}[data-demo=clinic] .dept p{margin-top:.5rem;color:hsl(var(--muted-foreground));font-size:.94rem}[data-demo=clinic] .dept a{display:inline-flex;align-items:center;gap:.3rem;margin-top:.9rem;color:hsl(var(--primary));font-weight:700;font-size:.88rem}[data-demo=clinic] .facil{background:hsl(var(--secondary));border-radius:calc(var(--radius)*1.6)}[data-demo=clinic] .facil__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}@media (max-width:860px){[data-demo=clinic] .facil__grid{grid-template-columns:1fr}}[data-demo=clinic] .facil__img [data-image-slot]{width:100%;aspect-ratio:5/4;border-radius:calc(var(--radius)*1.3);border:0}[data-demo=clinic] .facil h2{font-size:clamp(1.9rem,3.5vw,2.8rem)}[data-demo=clinic] .facil ul{margin-top:1.4rem;display:grid;gap:1rem}[data-demo=clinic] .facil li{display:flex;gap:.8rem;align-items:flex-start}[data-demo=clinic] .facil li .ic{width:36px;height:36px;border-radius:11px;background:hsl(var(--card));display:grid;place-items:center;flex:none}[data-demo=clinic] .facil li .ic svg{width:18px;height:18px;color:hsl(var(--accent))}[data-demo=clinic] .facil li b{display:block}[data-demo=clinic] .facil li p{color:hsl(var(--muted-foreground));font-size:.92rem;margin-top:.1rem}[data-demo=clinic] .docs{grid-template-columns:repeat(4,1fr);margin-top:clamp(2.5rem,4vw,3.5rem)}@media (max-width:860px){[data-demo=clinic] .docs{grid-template-columns:1fr 1fr}}[data-demo=clinic] .doc{text-align:center}[data-demo=clinic] .doc [data-image-slot]{width:100%;aspect-ratio:1;border-radius:calc(var(--radius)*1.3);border:0}[data-demo=clinic] .doc b{display:block;font-size:1.1rem;margin-top:1rem}[data-demo=clinic] .doc small{color:hsl(var(--primary));font-weight:600;font-size:.86rem}[data-demo=clinic] .doc p{color:hsl(var(--muted-foreground));font-size:.84rem;margin-top:.3rem}[data-demo=clinic] .treviews{grid-template-columns:repeat(3,1fr);margin-top:clamp(2.5rem,4vw,3.5rem)}@media (max-width:860px){[data-demo=clinic] .treviews{grid-template-columns:1fr}}[data-demo=clinic] .trev{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius)*1.2);padding:1.6rem}[data-demo=clinic] .trev .stars{color:hsl(42 95% 55%);letter-spacing:.05em}[data-demo=clinic] .trev p{margin-top:.8rem;font-size:1.02rem;line-height:1.5}[data-demo=clinic] .trev .who{display:flex;align-items:center;gap:.7rem;margin-top:1.2rem}[data-demo=clinic] .trev .who [data-image-slot]{width:40px;height:40px;border:0;flex:none}[data-demo=clinic] .trev .who b{display:block;font-size:.92rem}[data-demo=clinic] .trev .who small{color:hsl(var(--muted-foreground));font-size:.8rem}[data-demo=clinic] .faq{max-width:760px;margin-inline:auto;margin-top:clamp(2rem,4vw,3rem)}[data-demo=clinic] .cta__band{position:relative;overflow:hidden;border-radius:calc(var(--radius)*1.8);background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));color:#fff;padding:clamp(2.5rem,6vw,4.5rem);text-align:center}[data-demo=clinic] .cta__band:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(255,255,255,.25),transparent 45%)}[data-demo=clinic] .cta__band>*{position:relative;z-index:1}[data-demo=clinic] .cta__band h2{font-size:clamp(2rem,4vw,3.2rem);max-width:18ch;margin-inline:auto}[data-demo=clinic] .cta__band p{margin:1rem auto 0;max-width:46ch;opacity:.95;font-size:var(--step-1)}[data-demo=clinic] .cta__band .btn-pill{background:#fff;color:hsl(var(--primary));margin-top:1.8rem;display:inline-block}[data-demo=clinic] .footer{margin-top:clamp(3rem,6vw,5rem);border-top:1px solid hsl(var(--border))}[data-demo=clinic] .footer__grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:2rem;padding-block:clamp(2.5rem,5vw,4rem)}@media (max-width:760px){[data-demo=clinic] .footer__grid{grid-template-columns:1fr 1fr}}[data-demo=clinic] .footer__brand p{margin-top:.9rem;color:hsl(var(--muted-foreground));font-size:.92rem;max-width:32ch}[data-demo=clinic] .footer__brand .addr{margin-top:1rem;font-size:.9rem;line-height:1.7}[data-demo=clinic] .footer__col h5{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--muted-foreground));margin-bottom:.9rem}[data-demo=clinic] .footer__col a{display:block;padding:.32rem 0;font-size:.94rem;opacity:.85}[data-demo=clinic] .footer__col a:hover{opacity:1;color:hsl(var(--primary))}[data-demo=clinic] .footer__bottom{border-top:1px solid hsl(var(--border));padding-block:1.4rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.84rem;color:hsl(var(--muted-foreground))}