html{color-scheme:light}
body{margin:0}
img{max-width:100%}
[hidden]{display:none!important}
/* Layout: floating pill nav, rounded hero scene with overlapping search card, then alternating bento-style sections. */
:root{
  --bg:#FFFFFF; --surface:#EEF3F9; --fg:#0C1B33; --muted:#5A6779; --line:rgba(12,27,51,.12);
  --accent:#F89527; --soft:#FDE7CF; --ink:#0C1B33; --onink:#FFFFFF; --acc-ink:#0C1B33;
  --f-display:'Montserrat','Segoe UI',system-ui,sans-serif;
  --f-body:'Montserrat','Segoe UI',system-ui,sans-serif;
  --r:28px;
  color-scheme:light;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font:16px/1.6 var(--f-body);padding-inline:16px;overflow-x:hidden;transition:background .4s,color .4s}
h1,h2,h3{font-family:var(--f-display);font-weight:600;line-height:1.02;letter-spacing:-.03em;margin:0;text-wrap:balance}
h1{font-size:clamp(2.6rem,7vw,5.4rem)}
.hero h1{font-size:clamp(1.6rem,min(7.4vw,10vh),5.4rem)}
h2{font-size:clamp(2.1rem,4.8vw,3.6rem)}
h3{font-size:1.25rem;letter-spacing:-.02em;line-height:1.2}
p{margin:0}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:8px}
.wrap{max-width:1240px;margin-inline:auto}
section{padding-block:clamp(64px,9vw,120px)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:7px 14px;border-radius:99px;background:#0C1B33;color:#fff;width:fit-content;justify-self:start;align-self:flex-start}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}
.muted{color:var(--muted)}

/* progress + nav */
#bar{position:fixed;top:0;left:0;height:3px;width:0;background:var(--accent);z-index:100}
nav{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));left:16px;right:16px;z-index:60;display:flex;justify-content:center;pointer-events:none}
.pill{pointer-events:auto;display:flex;align-items:center;gap:6px;padding:8px 8px 8px 20px;border-radius:99px;background:color-mix(in srgb,var(--surface) 78%,transparent);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid var(--line);box-shadow:0 8px 32px rgba(0,0,0,.08);max-width:100%}
.logo{font-family:var(--f-display);font-weight:700;font-size:1.15rem;letter-spacing:-.03em;text-decoration:none;margin-right:14px;display:flex;align-items:center}
.logo img{height:26px;width:auto;display:block}
footer .logo img{height:56px}
.pill a.l{font-size:.9rem;font-weight:500;text-decoration:none;padding:8px 14px;border-radius:99px;transition:background .2s}
.pill a.l:hover{background:var(--soft)}
.ib{width:40px;height:40px;border-radius:50%;border:0;background:var(--soft);display:grid;place-items:center;position:relative}
.ib svg{width:18px;height:18px}
.ib .n{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;border-radius:9px;background:var(--accent);color:var(--acc-ink);font-size:.7rem;font-weight:700;display:grid;place-items:center;padding:0 4px;transform:scale(0);transition:transform .3s cubic-bezier(.3,1.8,.5,1)}
.ib .n.on{transform:scale(1)}
.btn{display:inline-flex;align-items:center;gap:10px;border:0;border-radius:99px;background:var(--ink);color:var(--onink);padding:12px 12px 12px 22px;font-weight:600;font-size:.95rem;text-decoration:none;transition:transform .25s,box-shadow .25s;will-change:transform}
.btn:hover{box-shadow:0 10px 30px color-mix(in srgb,var(--ink) 30%,transparent)}
.btn .ar{width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--acc-ink);display:grid;place-items:center;transition:transform .3s}
.btn:hover .ar{transform:rotate(45deg)}
.btn.sm{padding:8px 8px 8px 16px;font-size:.88rem}
.btn.sm .ar{width:26px;height:26px}
.btn.ghost{background:transparent;color:var(--fg);border:1px solid var(--line)}
@media(max-width:820px){.pill a.l{display:none}}

/* hero */
.hero{position:relative;margin:0 calc(50% - 50vw);border-radius:0;overflow:hidden;min-height:min(100vh,1000px);min-height:min(100svh,1000px);display:flex;flex-direction:column;justify-content:flex-end;gap:clamp(14px,3vh,32px);padding:clamp(84px,12vh,130px) max(16px,calc((100vw - 1240px)/2)) 20px;isolation:isolate;background:#0C1B33;color:#fff}
.scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 72%;z-index:-2;transform:scale(1.03);will-change:transform;image-rendering:auto}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(12,27,51,.62) 0%,rgba(12,27,51,.18) 42%,rgba(12,27,51,.1) 62%,rgba(12,27,51,.5) 100%);pointer-events:none}
.hero h1{color:#fff}
.proof{display:flex;align-items:center;gap:12px;color:#fff;font-size:.9rem;line-height:1.3;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.proof .avs{margin:0}.proof .av{border-color:#fff;width:56px;height:56px}
.av.ph{background:none;overflow:hidden;padding:0}.av.ph img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.16)}.proof b{display:block;font-size:1.35rem;font-weight:500}
.proof .avs .av{border:2px solid #fff;margin-left:-14px}.proof .avs .av:first-child{margin-left:0}
.hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}
.hero h1{max-width:none;white-space:nowrap}
.hero h1 .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em}
.hero h1 .w span{display:inline-block;transform:translateY(105%);animation:rise .9s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i)*90ms + 150ms)}
@keyframes rise{to{transform:none}}
.hero .sub{max-width:min(62ch,100%);text-wrap:balance;margin-top:20px;color:#fff;opacity:.88;font-size:1.05rem}
.hero-cta{margin-top:clamp(14px,3vh,28px)}
@media(max-height:820px){.proof{display:none}.hero .sub{margin-top:12px}.fld{padding:8px 14px}}
.feat{color:var(--fg);background:color-mix(in srgb,var(--surface) 80%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:22px;padding:14px;width:min(310px,100%);display:flex;flex-direction:column;gap:10px;cursor:pointer;animation:float 6s ease-in-out infinite;text-align:left}
@keyframes float{50%{transform:translateY(-10px)}}
.feat .mini{border-radius:14px;overflow:hidden;aspect-ratio:16/10}
.feat .mini svg{width:100%;height:100%;display:block}
.feat small{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:6px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--accent);position:relative}
.dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--accent);animation:ping 1.6s ease-out infinite}
@keyframes ping{from{transform:scale(.5);opacity:1}to{transform:scale(1.6);opacity:0}}
.feat b{font-family:var(--f-display);font-size:1.05rem}
.feat .pr{display:flex;justify-content:space-between;align-items:baseline;gap:14px;font-weight:600;white-space:nowrap}
.feat .pr span{white-space:nowrap}
.search{color:var(--fg);background:var(--surface);border-radius:26px;padding:12px;box-shadow:0 20px 60px rgba(0,0,0,.14);display:grid;gap:10px;max-width:none;width:100%}
.tabs{display:flex;gap:4px;background:var(--bg);padding:4px;border-radius:99px;width:max-content;max-width:100%;position:relative}
.tabs button{border:0;background:none;padding:8px 22px;border-radius:99px;font-weight:600;font-size:.9rem;position:relative;z-index:1;transition:color .3s}
.tabs button[aria-selected="true"]{color:var(--onink)}
.tabs .thumb{position:absolute;top:4px;bottom:4px;border-radius:99px;background:var(--ink);transition:left .35s cubic-bezier(.4,1.3,.5,1),width .35s}
.fields{display:grid;grid-template-columns:1.9fr 1.05fr 1.35fr 1.35fr auto;gap:10px;align-items:stretch}
.fld{display:flex;flex-direction:column;gap:2px;padding:10px 16px;border-radius:16px;background:var(--bg);border:1px solid transparent;transition:border-color .2s}
.fld:focus-within{border-color:var(--accent)}
.fld label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.fld select{background:transparent;border:0;font:inherit;font-weight:600;color:var(--fg);padding:0;width:100%;outline:none}
.fields .btn{justify-content:center;padding-inline:26px}
@media(max-width:900px){.fields{grid-template-columns:1fr 1fr}.fields .locfld{grid-column:1/-1}.fields .btn{grid-column:1/-1;padding-block:16px}}
@media(max-width:520px){.feat{display:none}}

/* marquee */
.marq{overflow:hidden;padding-block:28px 0;margin-inline:-16px;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marq div{display:flex;gap:56px;width:max-content;animation:mq 40s linear infinite;font-family:var(--f-display);font-size:1.4rem;color:var(--muted);white-space:nowrap}
.marq span::before{content:"✦";color:var(--accent);margin-right:56px}
@keyframes mq{to{transform:translateX(-50%)}}

.devs{padding-block:clamp(40px,6vw,72px) 0;text-align:center}
.devs h2{font-size:clamp(1.6rem,3.2vw,2.4rem)}
.dwin{margin-top:28px;overflow:hidden;margin-inline:-16px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.dgrid{display:flex;gap:14px;width:max-content;animation:dscroll 38s linear infinite;padding-block:6px}
.dwin:hover .dgrid{animation-play-state:paused}
@keyframes dscroll{to{transform:translateX(calc(-50% - 7px))}}
.dv{flex:none;width:clamp(170px,19vw,250px);border-radius:18px;overflow:hidden;background:#f2f2f3;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.dv:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(12,27,51,.12)}
.dv img{display:block;width:100%;height:auto}.dv{height:104px;display:grid;place-items:center;padding:20px 26px}.dv img{width:auto;max-width:100%;max-height:50px;object-fit:contain;mix-blend-mode:multiply}
/* team wall */
.team{--g:clamp(8px,1vw,14px);margin:0 calc(50% - 50vw);border-radius:0;background:transparent;color:var(--fg);padding-top:0;padding-bottom:clamp(64px,9vw,120px);overflow:hidden;display:grid;gap:clamp(24px,3vw,40px)}
.thead{display:grid;justify-items:center;gap:20px;text-align:center;padding-inline:16px;margin-bottom:0}
.thead h2{font-size:clamp(2rem,5vw,3.8rem);line-height:1.08;color:var(--fg)}
.tpill{display:inline-flex;align-items:center;gap:10px;padding:9px 20px;border-radius:99px;border:1px solid #0C1B33;background:#0C1B33;color:#fff;font-size:.95rem;font-weight:500}
.tpill svg{width:20px;height:20px;color:var(--accent)}
.trows{display:grid;gap:var(--g)}
.trow{position:relative;overflow:hidden;padding-block:6px}
.tpar{margin-left:-260px;width:max-content;will-change:transform}
.ttrack{display:flex;gap:var(--g);width:max-content;animation:tmove var(--dur,70s) linear infinite}
.trow:nth-child(even) .ttrack{animation-direction:reverse}
@keyframes tmove{to{transform:translateX(calc(-50% - var(--g)/2))}}
.trows:has(.tt:hover) .ttrack,.trows:has(.tt:focus-visible) .ttrack{animation-play-state:paused}
.tt{flex:none;width:clamp(150px,13vw,230px);aspect-ratio:16/9;border-radius:12px;overflow:hidden;position:relative;border:0;padding:0;background:#F3F5F8;box-shadow:0 0 0 1px rgba(12,27,51,.1);color:#fff;text-align:left;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s,filter .4s,box-shadow .4s}
.tt .md{position:absolute;inset:0}
.tt .md img,.tt .md svg{width:100%;height:100%;object-fit:cover;display:block}
.tt .cap{position:absolute;left:0;right:0;bottom:0;padding:18px 10px 8px;background:linear-gradient(0deg,rgba(12,27,51,.92),rgba(12,27,51,0));display:grid;transform:translateY(100%);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.tt .cap b{font-weight:600;font-size:clamp(.7rem,.9vw,.85rem)}
.tt .cap small{color:var(--accent);font-size:clamp(.6rem,.75vw,.7rem)}
.tt:hover,.tt:focus-visible{transform:scale(1.07);z-index:4;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.tt:hover .cap,.tt:focus-visible .cap{transform:none}
.trows:has(.tt:hover) .tt:not(:hover){opacity:.45;filter:saturate(.5)}
.tw{position:absolute;inset:0;z-index:2;display:grid;place-items:center;pointer-events:none;font-family:var(--f-display);font-weight:600;font-size:clamp(1.6rem,4.6vw,3.8rem);letter-spacing:-.035em;line-height:1;white-space:nowrap}
.tw span{padding:.1em .7em;background:radial-gradient(ellipse at center,rgba(12,27,51,.97) 38%,rgba(12,27,51,0) 72%)}
.trow:last-child .tw span{color:var(--accent)}
.tcta{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;padding-inline:16px;text-align:center}
.tcta p{color:var(--muted);font-size:.95rem}

@media(prefers-reduced-motion:reduce){.ttrack{animation:none}}
/* awards */
.awards{padding-top:0}
.ahead{display:grid;justify-items:center;gap:18px;text-align:center}
.ahead h2{font-size:clamp(2rem,5vw,3.8rem)}
.ahead .ac{color:var(--accent)}
.ahead p{max-width:62ch;color:var(--muted)}
.astage{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:clamp(8px,3vw,40px);margin-top:clamp(28px,5vw,56px)}
.aw{position:relative;display:grid;justify-items:center;text-align:center;padding-bottom:6px;perspective:900px;isolation:isolate}
.aw .ghost{position:absolute;top:2%;left:50%;transform:translateX(-50%) translate(var(--gx,0),var(--gy,0));font-family:var(--f-display);font-weight:700;font-size:clamp(5rem,16vw,13rem);letter-spacing:-.05em;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(12,27,51,.12);z-index:-1;transition:transform .2s ease-out;user-select:none}
.aw .spot{position:absolute;inset:6% 4% 14%;z-index:-2;background:radial-gradient(ellipse at 50% 45%,rgba(248,149,39,.2),rgba(248,149,39,.06) 45%,transparent 70%);filter:blur(6px);transition:opacity .5s,transform .5s}
.aw:hover .spot{transform:scale(1.08);opacity:1}
.tro{position:relative;height:clamp(250px,36vw,440px);transform:rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transition:transform .2s ease-out;animation:bob 6s ease-in-out infinite;transform-style:preserve-3d}
.aw:nth-of-type(2) .tro{animation-delay:-3s}
@keyframes bob{50%{translate:0 -12px}}
.tro img{height:100%;width:auto;display:block;opacity:1;filter:drop-shadow(0 18px 18px rgba(12,27,51,.14))}

.tro img.mult{mix-blend-mode:multiply}
.tro .sheen{position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.95) 50%,transparent 65%);background-size:250% 100%;background-position:150% 0;mix-blend-mode:overlay;animation:sheen 5s ease-in-out infinite;pointer-events:none;-webkit-mask-image:var(--m,none);mask-image:var(--m,none);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
@keyframes sheen{0%,55%{background-position:150% 0}100%{background-position:-60% 0}}
.aw .floor{display:block;width:70%;height:18px;border-radius:50%;background:radial-gradient(ellipse,rgba(12,27,51,.22),transparent 70%);margin-top:-6px;animation:flo 6s ease-in-out infinite}
.aw:nth-of-type(2) .floor{animation-delay:-3s}
@keyframes flo{50%{transform:scale(.85);opacity:.7}}
.aw h3{margin-top:22px;font-size:1.6rem}
.aw p{margin-top:6px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.88rem}
.aw h3::after{content:"";display:block;width:34px;height:3px;border-radius:2px;background:var(--accent);margin:10px auto 0}
.seal{width:clamp(110px,13vw,170px);align-self:center}
.seal svg{width:100%;height:auto;display:block;overflow:visible}
.seal text{font-family:var(--f-body);font-weight:600;font-size:12.5px;letter-spacing:.22em;fill:#0C1B33}
.seal .spin{transform-origin:100px 100px;animation:spin 24s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.seal .ring{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-dasharray:3 5}
.seal .star{fill:var(--accent);animation:pulse 3s ease-in-out infinite;transform-origin:100px 100px}
@keyframes pulse{50%{transform:scale(1.14)}}
@media(max-width:760px){.astage{grid-template-columns:1fr 1fr}.seal{display:none}.aw .ghost{font-size:4.2rem}.aw h3{font-size:1.2rem}.aw p{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.tro,.floor,.seal .spin,.seal .star,.tro .sheen{animation:none}}
/* agent portal */
.ib.on::after{content:"";position:absolute;right:1px;top:1px;width:11px;height:11px;border-radius:50%;background:var(--accent);border:2px solid #fff}
.sheet.one{grid-template-columns:1fr;max-width:540px}
.sheet.one .body{padding:32px;align-content:start;gap:12px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fgrid .full{grid-column:1/-1}
.fl{display:grid;gap:5px;font-size:.78rem;font-weight:600;color:var(--muted);letter-spacing:.03em}
.fi{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#fff;font:inherit;font-weight:400;color:var(--fg);outline:none;transition:border-color .2s,box-shadow .2s}
.fi:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(248,149,39,.18)}
textarea.fi{resize:vertical;min-height:84px}
.note{font-size:.8rem;color:var(--muted);background:var(--bg);border-radius:12px;padding:10px 12px}
.myl{display:grid;gap:8px;margin-top:6px}
.myl .row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--bg);border-radius:14px;padding:10px 14px;font-size:.9rem}
.myl .row button{border:0;background:none;color:#B3261E;font-weight:600;font-size:.82rem}
.pc .ag .ini{width:2.8em;height:2.8em;border-radius:50%;background:var(--accent);color:#0C1B33;display:grid;place-items:center;font-weight:600;flex:none}
@media(max-width:520px){.fgrid{grid-template-columns:1fr}}
/* property detail page */
#detail{padding-top:calc(96px + env(safe-area-inset-top,0px));padding-bottom:clamp(48px,7vw,96px)}
#detail section:not(.dc){padding-block:0}
#detail .crumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.88rem;color:var(--muted)}
#detail .crumbs a{text-decoration:none}#detail .crumbs a:hover{color:var(--accent)}
#detail .crumbs b{color:var(--fg);font-weight:500}
.dh{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-top:22px}
.dh h1{font-size:clamp(2.2rem,5.4vw,4.2rem);margin-top:12px}
.dtags{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.dtags .st{display:inline-flex;align-items:center;gap:6px;background:#0C1B33;color:#fff;border-radius:99px;padding:7px 14px;font-size:.85rem;font-weight:500}
.dtags .st svg{width:16px;height:16px;color:var(--accent)}
.dtags small{color:var(--muted);font-size:.85rem}
.dloc{display:flex;align-items:center;gap:8px;margin-top:10px;color:var(--muted)}
.dloc svg{width:18px;height:18px;color:var(--fg)}
.dprice{text-align:right;display:grid;gap:4px;justify-items:end}
.dprice .big{font-family:var(--f-display);font-weight:700;font-size:clamp(1.9rem,4vw,3rem);letter-spacing:-.03em;white-space:nowrap;line-height:1}
.dprice small{color:var(--muted)}
.dact{display:flex;gap:8px;margin-top:10px}
.dact button{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:transparent;border-radius:99px;padding:9px 16px;font-weight:500;font-size:.9rem;transition:all .25s}
.dact button:hover{background:#0C1B33;color:#fff;border-color:#0C1B33}
.dact button svg{width:17px;height:17px}
.dact button[aria-pressed="true"]{background:#0C1B33;color:#fff;border-color:#0C1B33}
.dact button[aria-pressed="true"] svg{fill:var(--accent);stroke:var(--accent)}
.dgal{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;height:clamp(300px,46vw,560px)}
.dh+section{margin-top:24px}
.dgal.one{grid-template-columns:1fr;grid-template-rows:1fr}
.dgal.few{grid-template-columns:2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr))}
.gth{position:relative;overflow:hidden;border-radius:22px;border:0;padding:0;background:#dde5ee;cursor:zoom-in;min-width:0}
.gth:first-child{grid-row:span 2}
.dgal.one .gth:first-child{grid-row:auto}
.gth img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.gth:hover img{transform:scale(1.06)}
.gth .more{position:absolute;right:12px;bottom:12px;background:rgba(255,255,255,.92);color:#0C1B33;border-radius:99px;padding:9px 16px;font-weight:600;font-size:.85rem;backdrop-filter:blur(8px)}
#cpage{padding-top:calc(104px + env(safe-area-inset-top,0px));padding-bottom:24px;position:relative}
#cpage::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(620px 460px at 0% 0%,rgba(248,149,39,.26),transparent 70%),radial-gradient(620px 460px at 100% 0%,rgba(248,149,39,.26),transparent 70%),linear-gradient(180deg,#F6F9FD,#EEF3F9)}
.cwrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,72px);align-items:center;min-height:calc(100vh - 190px)}
.cleft h1{font-size:clamp(2.2rem,4.4vw,3.6rem);line-height:1.05;letter-spacing:-.03em;margin:0 0 18px}.cleft h1 em{font-style:normal;color:var(--accent)}
.cleft>p{color:var(--fg);opacity:.85;max-width:44ch;line-height:1.6;margin:0 0 26px;font-size:1.02rem}
.clist{display:grid;gap:16px;margin:0 0 24px;padding:0 0 24px;border-bottom:1px solid var(--line);list-style:none}
.clist a,.clist div{display:flex;gap:14px;align-items:flex-start;color:var(--fg);text-decoration:none;font-weight:500;line-height:1.4}
.clist svg{flex:none;width:22px;height:22px;color:#0C1B33;margin-top:1px}
.clist a:hover{color:#F89527}
.clist .sl{opacity:.4;margin:0 6px}
.cfoot{display:grid;grid-template-columns:auto 1px auto;gap:26px;align-items:center}
.cfoot h4{font-size:.95rem;font-weight:500;margin:0 0 12px}.cfoot .vl{align-self:stretch;background:var(--line)}
.csoc{display:flex;gap:10px;flex-wrap:wrap}
.csoc a{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.7);display:grid;place-items:center;color:var(--fg);transition:all .2s}
.csoc a:hover{background:#0C1B33;color:#fff;border-color:#0C1B33;transform:translateY(-2px)}
.csoc svg{width:19px;height:19px}
.cjob{color:var(--muted);font-size:.92rem;margin:0;max-width:22ch;line-height:1.5}.cjob a{color:var(--fg);font-weight:600;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}
.cform{background:rgba(255,255,255,.66);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.9);border-radius:32px;padding:clamp(22px,3vw,38px);display:grid;gap:16px;box-shadow:0 30px 70px -40px rgba(12,27,51,.28)}
.cform .two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cform label.f{display:grid;gap:7px;color:var(--muted);font-size:.9rem;font-weight:500}.cform label.f i{color:var(--accent);font-style:normal}
.cform .fi{background:rgba(255,255,255,.85);border-radius:14px;padding:12px 14px;color:var(--fg);font-size:.95rem}
.cform textarea.fi{min-height:0;resize:none}
.cform .btn{justify-self:start;padding:13px 30px}
.cform .thanks{display:grid;justify-items:center;text-align:center;gap:12px;padding:50px 8px}
.cform .thanks .ok{width:64px;height:64px;border-radius:50%;background:rgba(248,149,39,.2);color:#F89527;display:grid;place-items:center}
@media(max-width:900px){.cwrap{grid-template-columns:1fr;min-height:0;align-items:start}.cform .two{grid-template-columns:1fr}.cfoot{grid-template-columns:1fr}.cfoot .vl{display:none}}
#apage{padding-top:calc(104px + env(safe-area-inset-top,0px));padding-bottom:40px;position:relative}
body:has(#apage:not([hidden])){overflow-x:clip}
#apage::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(620px 460px at 0% 0%,rgba(248,149,39,.18),transparent 70%),radial-gradient(620px 460px at 100% 0%,rgba(248,149,39,.14),transparent 70%),linear-gradient(180deg,#FFFFFF,#F4F7FB)}
.aeye{display:inline-flex;align-items:center;gap:12px;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:#F89527}
.aeye::before{content:"";width:40px;height:1px;background:currentColor;transform-origin:left;animation:aline 1s .2s both cubic-bezier(.2,.8,.2,1)}
@keyframes aline{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ahero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,5vw,64px);align-items:end;margin:22px 0 40px}
.ahero h1{font-size:clamp(3.4rem,9.4vw,7.6rem);line-height:.9;letter-spacing:-.045em;margin:0}
.ahero h1 em{font-style:italic;font-weight:400;color:var(--accent)}
.aw{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .14em .1em 0;margin-right:-.1em}.aw>span{display:inline-block;transform:translateY(105%);animation:awup .95s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--d,0s)}
@keyframes awup{to{transform:none}}
.ahero p{margin:0 0 24px;font-size:1.1rem;line-height:1.65;color:var(--muted);max-width:46ch}.ahero p b{color:var(--fg);font-weight:600}
.abtns{display:flex;gap:12px;flex-wrap:wrap}
.abtn2{display:inline-flex;align-items:center;padding:14px 26px;border-radius:99px;border:1px solid var(--line);font-weight:600;color:var(--fg);text-decoration:none;background:rgba(255,255,255,.7);transition:all .25s}
.abtn2:hover{border-color:#0C1B33;transform:translateY(-2px)}
.aimg{position:relative;height:clamp(300px,42vw,520px);border-radius:32px;overflow:hidden;background:#0C1B33}
.aimg img{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover;object-position:50% 72%;will-change:transform}
.aimg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 70%,rgba(12,27,51,.35))}
.achip{position:absolute;left:24px;bottom:24px;z-index:2;background:rgba(12,27,51,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:14px 20px;display:flex;align-items:center;gap:14px;color:#fff}
.achip i{width:42px;height:42px;border-radius:50%;background:var(--accent);color:#0C1B33;display:grid;place-items:center;flex:none}.achip i svg{width:20px;height:20px}
.achip span{display:grid;gap:2px}.achip b{font-size:.95rem}.achip small{color:#C8D0DC;font-size:.82rem}
.avals{background:#0C1B33;color:#fff;border-radius:36px;padding:clamp(24px,4vw,48px);margin:32px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,40px)}
.avals>div{border-top:1px solid rgba(255,255,255,.16);padding-top:24px;display:grid;gap:10px;align-content:start;position:relative}
.avals>div::before{content:"";position:absolute;left:0;top:-1px;height:2px;width:0;background:var(--accent);transition:width 1.1s .3s cubic-bezier(.2,.8,.2,1)}.avals.in>div::before{width:56px}
.avals em{font-style:normal;font-family:var(--f-display);font-weight:600;color:var(--accent);font-size:.9rem}
.avals h3{font-size:1.9rem;margin:0;letter-spacing:-.02em}.avals p{margin:0;color:#B9C3D2;line-height:1.65;max-width:34ch}
.afound{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,6vw,80px);align-items:center;padding:clamp(40px,7vw,96px) 0}
.aport{position:relative;aspect-ratio:4/5;border-radius:32px;background:radial-gradient(circle at 30% 20%,rgba(248,149,39,.35),transparent 55%),linear-gradient(160deg,#16294A,#0C1B33);display:grid;place-items:center;overflow:hidden}
.aport span{font-family:var(--f-display);font-style:italic;font-weight:300;font-size:clamp(5rem,14vw,10rem);color:var(--accent);letter-spacing:-.04em}
.aport::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 2px,transparent 2px 14px)}
.aport img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 12%}.aport:has(img)::after{display:none}
.atag{position:absolute;right:-18px;bottom:30px;background:#0C1B33;color:#fff;border-radius:20px;padding:16px 22px;display:grid;gap:2px;box-shadow:0 20px 40px -20px rgba(12,27,51,.6);z-index:2}
.atag b{font-family:var(--f-display);font-size:1.1rem}.atag small{color:var(--accent);font-size:.82rem}
.afound blockquote{margin:22px 0;font-family:var(--f-display);font-size:clamp(1.5rem,3.1vw,2.6rem);line-height:1.22;font-weight:500;letter-spacing:-.025em}
.afound blockquote em{color:#F89527;font-weight:400}
.asig{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.asig b{font-family:var(--f-display);font-size:1.7rem;font-style:italic;font-weight:400}.asig i{width:1px;height:26px;background:var(--line)}.asig small{color:var(--muted)}
.ash{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:end;margin-bottom:34px}
.ash h2{font-size:clamp(2.2rem,5.4vw,4.2rem);line-height:.98;letter-spacing:-.04em;margin:10px 0 0}.ash h2 em{font-style:italic;font-weight:400;color:#F89527}
.ash p{margin:0;color:var(--muted);line-height:1.65;max-width:44ch;justify-self:end}
.abento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:clamp(130px,16vw,200px);gap:14px}
.abento div{border-radius:26px;overflow:hidden;position:relative;background:var(--surface)}
.abento img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.abento div:hover img{transform:scale(1.07)}
.abento .b1{grid-column:span 3;grid-row:span 2}.abento .b2{grid-column:span 3}.abento .b3{grid-column:span 1}.abento .b4{grid-column:span 2}.abento .b5{grid-column:span 2}.abento .b6{grid-column:span 4}
.ateam{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.atm{background:#fff;border:1px solid var(--line);border-radius:28px;padding:10px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.atm:hover{transform:translateY(-8px);box-shadow:0 30px 50px -30px rgba(12,27,51,.4)}
.atm .ph2{position:relative;aspect-ratio:1/1;border-radius:20px;display:grid;place-items:center;background:var(--surface);overflow:hidden}
.atm:nth-child(odd) .ph2{background:linear-gradient(160deg,#16294A,#0C1B33)}.atm:nth-child(odd) .ph2 span{color:var(--accent)}
.atm .ph2 span{font-family:var(--f-display);font-style:italic;font-weight:300;font-size:4.6rem;color:#B55F00;transition:transform .5s}.atm:hover .ph2 span{transform:scale(1.12)}
.atm .ph2 em{position:absolute;top:12px;left:12px;background:#fff;color:#0C1B33;font-style:normal;font-size:.75rem;font-weight:600;padding:6px 12px;border-radius:99px}
.atm .row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 10px 8px}.atm h3{margin:0;font-size:1.3rem}.atm small{color:var(--muted)}
.atm a{width:42px;height:42px;border-radius:50%;background:var(--surface);display:grid;place-items:center;color:var(--fg);flex:none;transition:all .25s}.atm a:hover{background:var(--accent);transform:rotate(45deg)}.atm a svg{width:17px;height:17px}
.ateam{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.atm{padding:12px;border-radius:32px}.atm .ph2{border-radius:24px}.atm .ph2 span{font-size:clamp(4.6rem,8vw,7rem)}
.atm .ph2 em{top:16px;left:16px;font-size:.84rem;padding:8px 14px}
.atm .row{padding:20px 12px 10px}.atm h3{font-size:1.6rem;letter-spacing:-.02em}.atm small{font-size:.98rem;display:block;margin-top:3px}
.atm a{width:50px;height:50px}.atm a svg{width:20px;height:20px}
@media(max-width:1000px){.ateam{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.ateam{grid-template-columns:1fr}}
#aTeam .ash{grid-template-columns:1fr;justify-items:center;text-align:center;margin-bottom:10px}
#aTeam .ash h2{margin:12px 0 0}
.asub{text-align:center;font-family:var(--f-display);font-size:clamp(1.3rem,2.6vw,1.9rem);font-weight:400;color:#2C3A52;margin:6px 0 30px;letter-spacing:-.01em}


.ak{position:relative;aspect-ratio:3/4;border-radius:28px;overflow:hidden;background:linear-gradient(165deg,#1B3157,#0C1B33);color:#fff;text-decoration:none;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.ak:nth-child(even){background:linear-gradient(165deg,#F9A850,#E07F10)}
.ak:hover{transform:translateY(-6px)}
.ak .ini{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--f-display);font-style:italic;font-weight:300;font-size:clamp(7rem,14vw,10.5rem);letter-spacing:-.04em;color:rgba(255,255,255,.92);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.ak:nth-child(odd) .ini{color:var(--accent)}
.ak:hover .ini{transform:scale(1.1)}
.ak img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ak::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(6,14,28,.78))}
.ak .cap{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.ak .cap b{display:block;font-family:var(--f-display);font-size:1.45rem;letter-spacing:-.01em;line-height:1.15}
.ak .cap small{display:block;color:#E3E9F2;font-size:.95rem;margin-top:4px}
.ak .cap i{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.2);transition:all .3s}
.ak:hover .cap i{background:var(--accent);color:#0C1B33;transform:rotate(45deg)}
.ak .cap svg{width:18px;height:18px}
@media(prefers-reduced-motion:reduce){.acar{overflow-x:auto}}
.ateamh{text-align:center;margin:0 0 14px}.ateamh h2{font-size:clamp(1.5rem,2.6vw,2rem);letter-spacing:-.02em;margin:0}

.acar{position:relative;overflow-x:auto;overflow-y:hidden;padding:14px 0 20px;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;display:flex;align-items:flex-start;gap:22px;--n:4}
.acar::-webkit-scrollbar{display:none}
.ak{flex:none;width:calc((100% - (var(--n) - 1)*22px)/var(--n));scroll-snap-align:start}
.anav[hidden]{display:none}.acar.few{justify-content:center}.anav{display:flex;justify-content:center;gap:12px;margin-top:-8px}
.anav button{width:50px;height:50px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--fg);display:grid;place-items:center;cursor:pointer;transition:all .25s}
.anav button:hover:not(:disabled){background:#0C1B33;color:#fff;border-color:#0C1B33;transform:translateY(-2px)}
.anav button:disabled{opacity:.35;cursor:default}
.anav svg{width:20px;height:20px}
@media(max-width:1100px){.acar{--n:3}}@media(max-width:760px){.acar{--n:2}}@media(max-width:520px){.acar{--n:1}}
.amg{color:var(--fg);display:grid;grid-template-columns:minmax(0,4.2fr) minmax(0,6fr);gap:clamp(24px,4vw,64px);align-items:center;position:relative}

.amgl{position:relative;display:grid;gap:26px;align-content:center}
.amgl h2{font-size:clamp(1.9rem,3.2vw,3rem);line-height:1.08;letter-spacing:-.03em;margin:0}.amgl h2 em{font-style:italic;font-weight:400;color:var(--accent);white-space:nowrap}
.amgs{min-height:11.5em;transition:opacity .22s ease,transform .22s ease}.amgs.sw{opacity:0;transform:translateY(8px)}
.amgs p{margin:0;color:var(--muted);line-height:1.7;font-size:1.02rem;max-width:44ch}
.amgs h3{font-family:var(--f-display);font-size:clamp(1.5rem,2.6vw,2.1rem);letter-spacing:-.02em;margin:0 0 12px;font-weight:500}
.amgr{display:flex;gap:18px;align-items:stretch;overflow-x:auto;scrollbar-width:none;position:relative}.amgr::-webkit-scrollbar{display:none}
.mg{position:relative;flex:1 1 0;min-width:130px;height:clamp(380px,26vw,430px);border-radius:28px;overflow:hidden;background:linear-gradient(165deg,#1E3A66,#112240);color:#fff;text-decoration:none;transition:flex-grow .75s cubic-bezier(.2,.8,.2,1),filter .5s,transform .5s}
.mg:nth-child(even){background:linear-gradient(165deg,#F9A850,#E07F10)}
.amgr:hover .mg:not(:hover),.amgr:focus-within .mg:not(:focus){filter:brightness(.78) saturate(.9)}
.mg:hover,.mg:focus-visible,.mg.on{flex-grow:2.5;outline:none}
.mg .ini{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--f-display);font-style:italic;font-weight:300;font-size:clamp(6rem,12vw,10rem);letter-spacing:-.04em;color:var(--accent);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.mg:nth-child(even) .ini{color:rgba(255,255,255,.94)}
.mg:hover .ini,.mg.on .ini{transform:scale(1.12)}
.mg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.mg:hover img,.mg.on img{transform:scale(1.06)}
.mg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(6,14,28,.82))}
.mg .cap{position:absolute;left:22px;right:22px;bottom:22px;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.mg .cap b .ln{display:inline-block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;vertical-align:bottom;transition:max-width .6s cubic-bezier(.2,.8,.2,1),opacity .45s}.mg:hover .cap b .ln,.mg:focus-visible .cap b .ln,.mg.on .cap b .ln{max-width:12em;opacity:1}
.mg .cap b{display:block;overflow-wrap:break-word;hyphens:auto;font-family:var(--f-display);font-size:clamp(1rem,1.5vw,1.4rem);line-height:1.15;letter-spacing:-.01em}.mg .cap small{display:block;color:#E3E9F2;font-size:.92rem;margin-top:4px}
.mg .cap i{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);transition:all .35s}.mg:hover .cap i,.mg.on .cap i{background:var(--accent);border-color:var(--accent);color:#0C1B33;transform:rotate(45deg)}.mg .cap svg{width:18px;height:18px}
.amg .anav{grid-column:2;justify-content:flex-end;margin-top:-4px}
@media(max-width:1100px){.amg{grid-template-columns:1fr}.amg .anav{grid-column:1}.mg{height:clamp(380px,62vw,560px)}.amgs{min-height:0}}
.apart{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);background:#fff;border-radius:6px}
.apart div{height:120px;display:grid;place-items:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px;transition:background .3s}.apart div:hover{background:var(--surface)}
.apart img{max-width:100%;max-height:56px;object-fit:contain;filter:grayscale(1);opacity:.7;mix-blend-mode:multiply;transition:all .35s}.apart div:hover img{filter:none;opacity:1;transform:scale(1.06)}
.acta{background:#0C1B33;color:#fff;border-radius:40px;padding:clamp(28px,5vw,64px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(24px,5vw,64px);align-items:center;position:relative;overflow:hidden}
.acta::before{content:"";position:absolute;right:-120px;top:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(248,149,39,.35),transparent 70%)}
.acta h2{font-size:clamp(2.2rem,5vw,4rem);line-height:.98;letter-spacing:-.04em;margin:14px 0 0}.acta h2 em{font-style:italic;font-weight:400;color:var(--accent)}
.acta ul{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.14);position:relative}
.acta{align-items:stretch}.actl{display:flex;flex-direction:column;justify-content:space-between;gap:36px;position:relative}
.actf{position:relative;background:#fff;color:var(--fg);border-radius:30px;padding:clamp(22px,3vw,38px);display:grid;gap:16px;align-content:start}
.actf h3{font-size:1.5rem;letter-spacing:-.02em;margin:0 0 4px}
.af2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.actf label{display:grid;gap:7px;font-size:.82rem;font-weight:600;color:#3B434C}
.actf input,.actf textarea{font:inherit;font-weight:400;font-size:.95rem;color:var(--fg);width:100%;box-sizing:border-box;height:50px;padding:0 16px;border:1px solid var(--line);border-radius:14px;background:#F4F7FB;outline:none;transition:border-color .2s,box-shadow .2s}
.actf textarea{height:auto;padding:13px 16px;resize:vertical;min-height:110px}
.actf input:focus,.actf textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(248,149,39,.18)}
.actf .btn{width:auto;justify-self:start;justify-content:center;gap:10px;padding:11px 12px 11px 24px;font-size:.9rem;background:#0C1B33}
.athanks{display:grid;justify-items:center;text-align:center;gap:12px;padding:60px 8px}.athanks .aok{width:64px;height:64px;border-radius:50%;background:rgba(248,149,39,.2);color:var(--accent);display:grid;place-items:center}.athanks h3{margin:0}.athanks p{margin:0;color:var(--muted)}
@media(max-width:900px){.af2{grid-template-columns:1fr}}
.acta li{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:.95rem}.acta li span:first-child{color:#B9C3D2}.acta li span:last-child{text-align:right}.acta a{color:#fff;text-decoration:none}.acta a:hover{color:var(--accent)}
.acta .btn{margin-top:22px;justify-self:start}
.asec{padding:clamp(40px,7vw,96px) 0 0}
@media(max-width:900px){.ahero,.afound,.ash,.acta{grid-template-columns:1fr}.ash p{justify-self:start}.avals{grid-template-columns:1fr}.abento{grid-template-columns:repeat(2,minmax(0,1fr))}.abento div{grid-column:auto!important;grid-row:auto!important}.atag{right:12px}}
@media(prefers-reduced-motion:reduce){.aw>span{animation:none;transform:none}.aeye::before{animation:none}}
#gpage{padding-top:calc(104px + env(safe-area-inset-top,0px));padding-bottom:60px;position:relative}
#gpage::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(620px 460px at 0% 0%,rgba(248,149,39,.18),transparent 70%),radial-gradient(620px 460px at 100% 0%,rgba(248,149,39,.14),transparent 70%),linear-gradient(180deg,#FFFFFF,#F4F7FB)}
#gpage .crumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.88rem;color:var(--muted)}
.gpwrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3vw,40px);margin-top:22px;align-items:start}
.gpcard{background:#fff;border:1px solid var(--line);border-radius:32px;padding:12px;position:sticky;top:96px}
.gpport{position:relative;aspect-ratio:4/4.4;border-radius:24px;overflow:hidden;background:linear-gradient(165deg,#1E3A66,#0C1B33);display:grid;place-items:center}
.gpport span{font-family:var(--f-display);font-style:italic;font-weight:300;font-size:clamp(7rem,14vw,11rem);letter-spacing:-.04em;color:var(--accent)}
.gpport img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gpinfo{padding:22px 14px 14px}.gprole{color:var(--accent);font-weight:600;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase}
.gpinfo h1{font-size:clamp(1.9rem,3.4vw,2.8rem);letter-spacing:-.03em;margin:6px 0 10px}.gpinfo p{color:var(--muted);line-height:1.65;margin:0 0 18px}
.gpl{list-style:none;margin:0;padding:16px 0 0;border-top:1px solid var(--line);display:grid;gap:12px}.gpl li{display:flex;gap:12px;align-items:flex-start;font-size:.95rem}.gpl svg{flex:none;width:20px;height:20px;color:#0C1B33;margin-top:2px}.gpl a{color:var(--fg);text-decoration:none;font-weight:500}.gpl a:hover{color:var(--accent)}
.gpbook{background:#fff;border:1px solid var(--line);border-radius:32px;padding:clamp(22px,3.4vw,40px);box-shadow:0 30px 70px -50px rgba(12,27,51,.3);display:grid;gap:12px}
.gpbook h2{font-size:clamp(1.7rem,3vw,2.3rem);letter-spacing:-.03em;margin:4px 0 0}.gpbook>p{margin:0 0 6px}
.gplistings{margin-top:clamp(40px,6vw,80px)}.gph{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px}.gph h2{font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.03em;margin:0}
@media(max-width:960px){.gpwrap{grid-template-columns:1fr}.gpcard{position:static}.gpport{aspect-ratio:4/3}}
.gpwrap{grid-template-columns:minmax(0,4fr) minmax(0,8fr)!important;gap:clamp(18px,2.4vw,30px)!important;margin-top:16px!important;align-items:stretch!important}
.gpcard{border-radius:28px;padding:10px}.gpport{aspect-ratio:16/10!important;border-radius:20px}.gpport span{font-size:clamp(4.5rem,8vw,6.5rem)!important}
.gpinfo{padding:16px 10px 8px}.gpinfo h1{font-size:clamp(1.6rem,2.4vw,2.1rem)!important;margin:4px 0 8px!important}.gpinfo p{font-size:.92rem;margin:0 0 14px!important;line-height:1.55}
.gpl{padding-top:12px;gap:9px}.gpl li{font-size:.88rem}
.gpbook{border-radius:28px;padding:clamp(20px,2.4vw,30px)!important;gap:8px!important;box-shadow:none!important}
.gpbook h2{font-size:clamp(1.4rem,2.2vw,1.8rem)!important;margin:2px 0 0!important}.gpbook>p{font-size:.92rem;margin:0 0 4px!important}
.gpbook .fgrid{gap:10px 14px}.gpbook .fi{padding:9px 14px;font-size:.92rem}.gpbook textarea.fi{min-height:0}.gpbook .seg{padding:3px}.gpbook .seg button{padding:8px 14px;font-size:.85rem}
.gpfoot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.gpfoot label{display:flex;gap:8px;align-items:center;font-size:.85rem;color:var(--muted)}.gpfoot .btn{padding:12px 22px}
.gplistings{margin-top:clamp(30px,5vw,56px)!important}
.gpcols{margin-top:18px}.gpcols .gplst{min-width:0;padding:0}.gpcols .gplst .gph{margin-bottom:18px}.gpcols .dside{min-width:0;height:auto;max-height:calc(100svh - 112px);overflow-y:auto;scrollbar-width:none}.gpcols .dside::-webkit-scrollbar{display:none}
.gpstats{display:flex;gap:30px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid rgba(12,27,51,.1)}.gpstats b{display:block;font-family:var(--f-display);font-size:1.3rem;letter-spacing:-.02em}.gpstats span{color:var(--muted);font-size:.82rem}
.gpcols .dmain{min-width:0;padding:0}.gpcols .dmain .grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.gpcols .card{min-width:0}.gpcols .card .glass{padding:14px 14px 12px;overflow:hidden}
.gpcols .card .chs{flex-wrap:wrap}.gpcols .card .chs span:nth-child(3){display:none}
.gpcols .card .ag .an small{display:none}.gpcols .card .ag .an b{font-size:.9rem;white-space:nowrap}.gpcols .card .ag{gap:8px;min-width:0}.gpcols .card .gf{min-width:0}.gpcols .card .price{font-size:clamp(1.05rem,5.4cqi,1.4rem);min-width:0}
.gpcols .dmain .grid{gap:18px}
.gpcols .dside .ag2 .av2{width:60px;height:60px;flex:none;border-radius:50%;background-clip:padding-box}
.gpcols .gph{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}.gpcols .gph h2{margin:0}
.gpbk{display:grid;gap:0;min-width:0}.gpf{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;min-width:0}.gpf>*{min-width:0}.gpbk .days{max-width:100%}.gpbk .times{margin:2px 0 8px}.gpbk .fi{padding:9px 14px;font-size:.9rem;margin:0;background:#fff}.gpbk textarea.fi{min-height:0;resize:none}.gp2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}.gp2 .fi{min-width:0}
.gpbk .seg{padding:3px;width:100%}.gpbk .seg button{flex:1;padding:8px 10px;font-size:.84rem}.gpok{display:flex;gap:8px;align-items:center;font-size:.82rem;color:var(--muted)}.gpbk .btn{width:100%;justify-content:space-between;padding:12px 20px}

@media(max-width:960px){.gpwrap{grid-template-columns:1fr!important}.gpport{aspect-ratio:16/9!important}}

/* card footer: full agent name, smaller price */
.card .gf{gap:10px;align-items:center}
.card .gf .ag{flex:1 1 0;min-width:0;overflow:visible;white-space:normal}
.card .gf .ag .an{min-width:0;display:grid;gap:1px}
.card .gf .ag .an b,.card .gf .ag .an small{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.2;overflow-wrap:break-word}
.card .gf .ag .an b{font-size:.92em}.card .gf .ag .an small{font-size:.82em}
.card .gf .price{flex:none;font-size:clamp(.92rem,4.3cqi,1.15rem)}
.ag .adm{width:2.8em;height:2.8em;border-radius:50%;background:#0C1B33;display:grid;place-items:center;flex:none;overflow:hidden}.pc .ag .adm img,.ag .adm img{width:80%;height:80%;object-fit:contain;border-radius:0}
.av2.adm2{background:#0C1B33;display:grid;place-items:center;overflow:hidden}.av2.adm2 img{width:80%;height:80%;object-fit:contain}
#rpage{padding-top:calc(104px + env(safe-area-inset-top,0px));padding-bottom:40px;position:relative}
#rpage::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(620px 460px at 0% 0%,rgba(248,149,39,.18),transparent 70%),radial-gradient(620px 460px at 100% 0%,rgba(248,149,39,.14),transparent 70%),linear-gradient(180deg,#FFFFFF,#F4F7FB)}
.crh{text-align:center;display:grid;justify-items:center;gap:14px;margin-bottom:34px}
.crh h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;letter-spacing:-.035em;margin:0;max-width:18ch}.crh h1 em{font-style:italic;font-weight:400;color:var(--accent)}
.crh>p{margin:0;color:var(--muted);max-width:52ch;line-height:1.6}
.crs0{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:6px 6px 6px 22px;width:min(780px,100%);box-shadow:0 24px 50px -34px rgba(12,27,51,.35);margin-top:6px}
.crs0 label{display:flex;align-items:center;gap:10px;flex:1;min-width:0;color:var(--muted)}.crs0 label svg{width:20px;height:20px;flex:none}
.crs0 input{border:0;outline:0;background:none;font:inherit;color:var(--fg);width:100%;padding:12px 0;min-width:0}
.crsel{position:relative;display:flex;align-items:center;gap:10px;flex:1;min-width:0;color:var(--muted)}.crsel>svg{width:20px;height:20px;flex:none}
.crsb{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;background:none;font:inherit;color:var(--fg);padding:12px 6px 12px 0;cursor:pointer;text-align:left}.crsb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crsb svg{width:16px;height:16px;flex:none;color:var(--muted);transition:transform .25s}.crsb[aria-expanded="true"] svg{transform:rotate(180deg)}
.crso{position:absolute;left:-8px;top:calc(100% + 16px);min-width:260px;max-height:320px;overflow-y:auto;margin:0;padding:8px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 28px 60px -24px rgba(12,27,51,.4);z-index:30;animation:crsin .22s cubic-bezier(.2,.8,.2,1)}
@keyframes crsin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.crso li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-radius:12px;font-size:.95rem;font-weight:500;color:var(--fg);cursor:pointer;transition:background .15s}.crso li:hover,.crso li.hl{background:var(--surface)}
.crso li[aria-selected="true"]{background:var(--soft);font-weight:600}.crso li[aria-selected="true"]::after{content:"";width:16px;height:16px;flex:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F89527' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.500l4.500 4.500L19 7.500'/></svg>") center/contain no-repeat}
.crs0 select{border:0;outline:0;background:none;font:inherit;color:var(--fg);width:100%;padding:12px 0;min-width:0;cursor:pointer;appearance:none;-webkit-appearance:none}
.jlocs{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 14px}.jloc{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border-radius:99px;padding:7px 8px 7px 14px;font-size:.88rem;font-weight:600}.jloc button{width:22px;height:22px;border-radius:50%;border:0;background:rgba(12,27,51,.1);color:#0C1B33;display:grid;place-items:center;font-size:.9rem;line-height:1;cursor:pointer}.jloc button:hover{background:#B3261E;color:#fff}
.crdiv{width:1px;height:28px;background:var(--line);flex:none;margin:0 6px}.crs0 .btn{flex:none;padding:13px 26px}
.crfs{display:flex;gap:10px 28px;flex-wrap:wrap;justify-content:center}
.crf{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.crf>span{font-size:.8rem;color:var(--muted);font-weight:600;margin-right:2px}
.crf button{border:1px solid var(--line);background:rgba(255,255,255,.75);border-radius:99px;padding:7px 15px;font-size:.84rem;font-weight:500;color:var(--fg);transition:all .2s}.crf button:hover{border-color:#0C1B33}.crf button[aria-pressed="true"]{background:#0C1B33;border-color:#0C1B33;color:#fff}
#rpage .crmain,#rpage .crwhy{padding:0}.crh{margin-bottom:26px}
.crmain{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:22px;align-items:start}
.crlist{display:grid;gap:12px}.crcount{font-size:.88rem;color:var(--muted);font-weight:600;padding:0 4px}
.crc{display:flex;gap:14px;align-items:flex-start;text-align:left;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;width:100%;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .2s;position:relative;cursor:pointer;font:inherit;color:var(--fg)}
.crc:hover{transform:translateY(-3px);box-shadow:0 18px 36px -26px rgba(12,27,51,.45)}.crc.on{border-color:var(--accent);box-shadow:inset 4px 0 0 var(--accent),0 18px 36px -26px rgba(12,27,51,.35)}
.crl{flex:none;width:52px;height:52px;border-radius:14px;background:#0C1B33;display:grid;place-items:center;overflow:hidden}.crl img{width:70%;height:70%;object-fit:contain}.crl2{background:var(--surface);color:#0C1B33}.crl2 svg{width:22px;height:22px}
.crt{display:grid;gap:3px;min-width:0;flex:1}.crt b{font-family:var(--f-display);font-size:1.05rem;letter-spacing:-.01em}.crt small{color:var(--muted);font-size:.84rem}
.crm{display:flex;align-items:center;gap:5px}.crm svg{width:14px;height:14px;flex:none}
.crb{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.crb i{font-style:normal;font-size:.74rem;font-weight:600;background:var(--surface);color:#0C1B33;padding:5px 11px;border-radius:99px}
.crs{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--muted);transition:all .2s}.crs:hover{background:var(--surface);color:#0C1B33}.crs svg{width:18px;height:18px}.crs[aria-pressed="true"]{color:var(--accent)}.crs[aria-pressed="true"] svg path{fill:currentColor}
.crgen{border-style:dashed;background:rgba(255,255,255,.6)}
.crempty{background:#fff;border:1px dashed var(--line);border-radius:22px;padding:28px;display:grid;gap:6px;text-align:center}.crempty span{color:var(--muted);font-size:.9rem}
.crpane{position:sticky;top:96px;max-height:calc(100svh - 116px);overflow-y:auto;scrollbar-width:none}.crpane::-webkit-scrollbar{display:none}
.crd{background:#fff;border:1px solid var(--line);border-radius:28px;padding:clamp(22px,3vw,34px);display:grid;gap:18px}
.crdh{display:flex;gap:16px;align-items:center}.crdh .crl{width:60px;height:60px}.crdh h2{font-size:clamp(1.4rem,2.4vw,1.9rem);letter-spacing:-.02em;margin:0}.crdh p{margin:4px 0 0;color:var(--muted);font-size:.9rem;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.crdh p svg{width:15px;height:15px}
.crbadges{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.crbadges span{display:inline-flex;align-items:center;gap:6px;background:var(--surface);padding:8px 14px;border-radius:99px;font-size:.84rem;font-weight:600}.crbadges svg{width:15px;height:15px}.crbadges em{font-style:normal;color:#1F8A4C;font-weight:600;font-size:.84rem;display:inline-flex;align-items:center;gap:6px}.crbadges em::before{content:"";width:8px;height:8px;border-radius:50%;background:#2DB66B}
.crbtns{display:flex;gap:10px;flex-wrap:wrap}.crsv{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:99px;padding:0 20px;font-weight:600;font-size:.92rem;color:var(--fg);transition:all .2s}.crsv:hover{border-color:#0C1B33}.crsv svg{width:18px;height:18px}.crsv[aria-pressed="true"]{border-color:var(--accent);color:#B55F00}.crsv[aria-pressed="true"] svg path{fill:currentColor}
.crd section{padding:0;margin:0}.crd{gap:16px}.crd section h3{font-size:1.05rem;margin:0 0 8px}.crd section p{margin:0;color:var(--muted);line-height:1.7}.crd ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}.crd li{position:relative;padding-left:22px;color:var(--muted);line-height:1.55;font-size:.95rem}.crd li::before{content:"";position:absolute;left:2px;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.crback{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--muted);font-weight:600;font-size:.88rem;padding:0;justify-self:start}.crback:hover{color:var(--fg)}.crback svg{width:18px;height:18px}
.crd>h2{font-size:1.6rem;letter-spacing:-.02em;margin:0}.crd>p.muted{margin:-6px 0 0}
.crform{display:grid;gap:14px}.crform label{display:grid;gap:7px;font-size:.82rem;font-weight:600;color:#3B434C}.cr2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.crform input:not([type=checkbox]):not([type=file]),.crform textarea{font:inherit;font-weight:400;font-size:.95rem;color:var(--fg);width:100%;box-sizing:border-box;height:48px;padding:0 16px;border:1px solid var(--line);border-radius:14px;background:#F4F7FB;outline:none}.crform textarea{height:auto;padding:12px 16px;resize:vertical}
.crform input:focus,.crform textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(248,149,39,.18)}
.crfile{position:relative;display:flex;align-items:center;gap:10px;height:48px;border:1px dashed #B9C3D2;border-radius:14px;background:#F4F7FB;padding:0 16px;color:var(--muted);font-weight:500;overflow:hidden}.crfile input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.crfile svg{width:18px;height:18px;flex:none}.crfile span{display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.crok{display:flex!important;grid-template-columns:none;gap:10px!important;align-items:center;font-weight:400!important;color:var(--muted)!important}.crform .btn{justify-self:start}
.crthanks{display:grid;justify-items:center;text-align:center;gap:12px;padding:40px 8px}.crthanks>span{width:64px;height:64px;border-radius:50%;background:rgba(248,149,39,.2);color:var(--accent);display:grid;place-items:center}.crthanks>span svg{width:30px;height:30px}.crthanks h2{margin:0;font-size:clamp(1.4rem,2.4vw,1.8rem);letter-spacing:-.02em}.crthanks .btn{padding:11px 12px 11px 24px;font-size:.92rem;margin-top:6px}.crthanks p{margin:0;color:var(--muted);max-width:42ch}
.crwhy{margin-top:clamp(50px,7vw,90px)}.crwhy>h2{text-align:center;font-size:clamp(1.8rem,3.4vw,2.6rem);letter-spacing:-.03em;margin:0 0 28px}
.crwg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.crwg>div{background:var(--surface);border-radius:26px;padding:28px;display:grid;gap:10px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.crwg>div:hover{transform:translateY(-6px)}
.crwg span{width:48px;height:48px;border-radius:50%;background:#0C1B33;color:var(--accent);display:grid;place-items:center}.crwg span svg{width:22px;height:22px}.crwg h3{margin:6px 0 0;font-size:1.2rem}.crwg p{margin:0;color:var(--muted);line-height:1.65}
@media(max-width:960px){.crmain{grid-template-columns:1fr}.crpane{position:static;max-height:none}.crwg{grid-template-columns:1fr}.crs0{border-radius:26px;flex-wrap:wrap;padding:12px 14px}.crs0 label{flex:1 1 100%}.crdiv{display:none}.crs0 .btn{width:100%;justify-content:center}.cr2{grid-template-columns:1fr}}
.opd{line-height:1.7}.opd h3{font-size:1.1rem;margin:18px 0 6px}.opd ul{padding-left:20px}.opp{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.opp.one{grid-template-columns:1fr}.opp.one img{height:auto;max-height:640px;width:100%;object-fit:contain;background:#fff}.mpfull{margin-top:24px}.mpfull .opp.one img{max-height:720px}.opp a{cursor:zoom-in;display:block}.opp a:hover img{box-shadow:0 10px 24px -14px rgba(12,27,51,.5)}.opp img{width:100%;height:170px;object-fit:contain;background:var(--surface);border-radius:14px;display:block}
.dstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-top:20px}
.dstats div{background:var(--surface);border-radius:22px;padding:18px 20px;display:grid;gap:2px}
.dstats svg{width:24px;height:24px;color:var(--accent);margin-bottom:6px}
.dstats b{font-family:var(--f-display);font-size:1.5rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.dstats span{color:var(--muted);font-size:.82rem}
.dcols{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;margin-top:24px;align-items:start}
.dmain{display:grid;gap:20px;min-width:0}
.dc{background:var(--surface);border-radius:28px;padding:clamp(20px,3vw,32px)}
.dc h2{font-size:1.5rem;letter-spacing:-.02em;margin-bottom:16px}
.dc p{color:var(--muted);max-width:68ch}
.dc p+p{margin-top:12px}
.feats{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px 18px}
.feats span{display:flex;align-items:center;gap:10px;font-size:.95rem}
.feats svg{width:20px;height:20px;color:var(--accent);flex:none}
.dl{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}
.dl div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.95rem}
.dl dt{color:var(--muted)}.dl dd{margin:0;font-weight:500;text-align:right}
.mapb{position:relative;border-radius:20px;overflow:hidden;background:#E8EEF3}
.mapb>svg{display:block;width:100%;height:auto}
.mapb .mlink svg{width:12px;height:12px;display:block}
.mapb .mlink{position:absolute;right:14px;bottom:14px}
.calc2{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.calc2 .sl{display:grid;gap:6px;margin-bottom:16px}
.calc2 .row{display:flex;justify-content:space-between;font-size:.9rem;color:var(--muted)}
.calc2 .row b{color:var(--fg);font-variant-numeric:tabular-nums}
.calc2 input[type=range]{background:linear-gradient(90deg,var(--accent) var(--p,50%),rgba(12,27,51,.15) var(--p,50%))}
.calc2 input[type=range]::-webkit-slider-thumb{background:#fff;border-color:var(--accent)}
.calc2 input[type=range]::-moz-range-thumb{background:#fff;border-color:var(--accent)}
.pay{background:#0C1B33;color:#fff;border-radius:22px;padding:24px;display:grid;gap:8px}
.pay .m{font-family:var(--f-display);font-size:clamp(1.9rem,3.4vw,2.6rem);letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.pay small{opacity:.7}
.dside{position:sticky;top:96px;display:grid;gap:16px}
.ag2{display:flex;align-items:center;gap:14px}
.ag2 .av2{width:60px;height:60px;border-radius:50%;object-fit:cover;flex:none;background:var(--soft);display:grid;place-items:center;font-weight:700}
.ag2 b{display:block;font-size:1.1rem}.ag2 small{color:var(--muted)}
.ag2 .on{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--muted)}
.ag2 .on i{position:relative;width:8px;height:8px;border-radius:50%;background:#2DB872;animation:dotbeat 3s ease-in-out infinite}
.ag2 .on i::before,.ag2 .on i::after{content:"";position:absolute;inset:0;border-radius:50%;background:#2DB872;opacity:.4;animation:dotring 3s ease-out infinite}
.ag2 .on i::after{animation-delay:1.2s}
@keyframes dotbeat{0%,100%{transform:scale(.9)}50%{transform:scale(1.12)}}
@keyframes dotring{0%{transform:scale(1);opacity:.4}100%{transform:scale(2.1);opacity:0}}
@media(prefers-reduced-motion:reduce){.ag2 .on i,.ag2 .on i::before,.ag2 .on i::after{animation:none}}
.cbtns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.cbtns a{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:99px;padding:12px;font-weight:600;font-size:.92rem;text-decoration:none;border:1px solid var(--line);transition:all .25s}
.cbtns a:hover{background:#0C1B33;color:#fff;border-color:#0C1B33}
.cbtns a.cwa{background:#0C1B33;color:#fff;border-color:#0C1B33}.cbtns a.cwa:hover{background:var(--accent);color:#0C1B33;border-color:var(--accent)}
.cbtns svg{width:18px;height:18px}
.dside h3{font-size:1.15rem;margin-bottom:12px}
.days{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}
.days button{flex:none;border:1px solid var(--line);background:transparent;border-radius:16px;padding:10px 14px;display:grid;gap:2px;text-align:center;font-size:.8rem;color:var(--muted);transition:all .2s}
.days button b{font-size:1.1rem;color:var(--fg)}
.days button[aria-pressed="true"]{background:#0C1B33;border-color:#0C1B33;color:#cfd8e6}
.days button[aria-pressed="true"] b{color:#fff}
.times{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.times button{border:1px solid var(--line);background:transparent;border-radius:99px;padding:7px 14px;font-size:.85rem;transition:all .2s}
.times button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#0C1B33;font-weight:600}
.dside .fi{margin-bottom:10px;background:#fff}
.dside .btn{width:100%;justify-content:space-between}
.sim{margin-top:56px}
.sim h2{font-size:clamp(1.8rem,3.6vw,2.6rem);margin-bottom:24px}
.lb{position:fixed;inset:0;z-index:110;background:rgba(6,14,28,.94);display:grid;place-items:center;padding:20px}
.lb img{max-width:min(1200px,94vw);max-height:80vh;border-radius:16px;object-fit:contain;will-change:transform,opacity}
.lb button{position:absolute;border:0;background:rgba(255,255,255,.14);color:#fff;width:48px;height:48px;border-radius:50%;font-size:1.3rem;display:grid;place-items:center;transition:background .2s}
.lb button:hover{background:var(--accent);color:#0C1B33}
.lb .lx{top:18px;right:18px}.lb .lp{left:18px;top:50%}.lb .ln{right:18px;top:50%}
.lb .lc{position:absolute;bottom:22px;color:#fff;font-size:.9rem;opacity:.8}
.mbar{display:none}
@media(max-width:1000px){.dcols{grid-template-columns:1fr}.dside{position:static}}
@media(max-width:760px){.dgal{grid-template-columns:1fr 1fr;grid-template-rows:2fr 1fr;height:auto;aspect-ratio:auto}.dgal .gth{aspect-ratio:4/3}.dgal .gth:first-child{grid-column:1/-1;grid-row:auto;aspect-ratio:16/10}.dgal .gth:nth-child(n+4){display:none}.dl,.calc2{grid-template-columns:1fr}.dprice{text-align:left;justify-items:start}
  .mbar{display:flex;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:70;background:#0C1B33;color:#fff;border-radius:99px;padding:10px 10px 10px 22px;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 12px 40px rgba(0,0,0,.3)}
  .mbar b{font-family:var(--f-display);font-size:1.15rem;white-space:nowrap}.mbar button{border:0;background:var(--accent);color:#0C1B33;border-radius:99px;padding:12px 20px;font-weight:600}}
.dhero{display:flex;flex-direction:column;gap:14px;height:calc(100svh - 128px);min-height:540px;max-height:1000px}
.dhero .dh{margin-top:0;gap:16px}
.dhero .dh h1{font-size:clamp(1.8rem,3.6vw,3rem);margin-top:8px}
.dhero .dloc{margin-top:6px;font-size:.95rem}
.dhero .dprice .big{font-size:clamp(1.6rem,3vw,2.4rem)}
.dhero .dact{margin-top:6px}.dhero .dact button{padding:7px 14px}
.gwrap{flex:1;min-height:0;display:flex}
.dhero .dgal{height:100%;width:100%}
.dhero .dstats{margin-top:0;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
.dhero .dstats div{padding:12px 16px;border-radius:18px;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}
.dhero .dstats svg{grid-row:span 2;margin:0;width:26px;height:26px}
.dhero .dstats b{font-size:1.15rem;line-height:1.1}
.dhero .dstats span{font-size:.76rem}
@media(max-width:760px){.dhero{height:auto;min-height:0}.gwrap{flex:none}.dhero .dgal{height:auto}}
.dside{top:88px;gap:12px;display:flex;flex-direction:column;height:min(calc(100svh - 124px),660px);overflow-y:auto;scrollbar-width:none}
.dside>.dc{flex:none}
.dside>#enqF{flex:1 0 auto;display:flex;flex-direction:column}
.dside>#enqF{padding-bottom:22px}
.dside>#enqF textarea{flex:1;margin-bottom:14px}
.dside::-webkit-scrollbar{display:none}
.dside .dc{padding:16px 18px;border-radius:24px}
.dside .ag2 .av2{width:46px;height:46px}.dside .ag2 b{font-size:1rem}.dside .ag2 small{font-size:.8rem}
.dside .cbtns{margin-top:12px;gap:8px}.dside .cbtns a{padding:9px;font-size:.88rem}
.dside h3{font-size:1.05rem;margin-bottom:10px}
.dside .fi{padding:8px 14px;margin-bottom:7px;font-size:.92rem;border-radius:12px}
.dside textarea.fi{min-height:72px;height:auto;padding-top:11px;padding-bottom:11px;line-height:1.5}
.dside .btn{padding:8px 8px 8px 20px}.dside .btn .ar{width:30px;height:30px}
@media(max-width:1000px){.dside{height:auto;overflow:visible}.dside>#enqF{flex:none}}
.permit .ph2{display:flex;align-items:center;gap:12px;position:relative;margin-bottom:16px}
.permit .ph2 h2{margin:0}
.qm{width:32px;height:32px;border-radius:50%;border:1.5px solid #0C1B33;background:transparent;font-weight:700;font-size:.95rem;color:#0C1B33;display:grid;place-items:center;transition:all .2s}
.qm:hover,.qm[aria-expanded="true"]{background:#0C1B33;color:#fff}
.qtip{position:absolute;left:0;top:calc(100% + 8px);z-index:6;width:min(280px,calc(100vw - 64px));background:#111;color:#fff;border-radius:14px;padding:11px 15px;font-size:.82rem;line-height:1.45;box-shadow:0 18px 40px rgba(0,0,0,.25)}
.permit .pr{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.qbox{width:168px;height:168px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;flex:none}
.qbox svg,.qbox img{width:100%;height:100%;display:block;object-fit:contain}
.pinfo{display:grid;gap:4px;max-width:30ch}
.pinfo span{color:var(--muted);font-size:.85rem}.pinfo b{font-size:1.15rem;font-weight:600}.pinfo small{color:var(--muted);font-size:.8rem;line-height:1.4}
.prow{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px;align-items:stretch}
@media(max-width:1240px){.prow{grid-template-columns:minmax(0,1fr)}.prow .calc2{grid-template-columns:minmax(0,1fr)}}
.prow .calc2{min-width:0}.prow .pay .m{font-size:clamp(1.8rem,3vw,2.4rem)}
.prow .permit{display:flex;flex-direction:column}
.prow .permit .ph2{flex-wrap:nowrap;gap:8px}
.prow .permit .ph2 h2{font-size:1.1rem;white-space:nowrap}
.prow .qm{width:28px;height:28px;font-size:.85rem;flex:none}
.prow .permit .pr{flex-direction:column;align-items:flex-start;gap:14px}
.prow .qtip{left:auto;right:0;width:min(240px,calc(100vw - 64px))}
.prow .qbox{width:100%;max-width:190px;height:auto;aspect-ratio:1}
@media(max-width:760px){.prow{grid-template-columns:1fr}.prow .qtip{left:0;right:auto}}
#saved{padding-top:calc(112px + env(safe-area-inset-top,0px));padding-bottom:clamp(48px,7vw,96px);min-height:80vh}
#saved .crumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.88rem;color:var(--muted)}
#saved .crumbs a{text-decoration:none}#saved .crumbs a:hover{color:var(--accent)}#saved .crumbs b{color:var(--fg);font-weight:500}
.sh{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin:22px 0 32px}
.sh>div{display:grid;gap:14px;justify-items:start}
.sh h1{font-size:clamp(2.2rem,5vw,3.8rem)}
.sh p{color:var(--muted)}
.tpill svg{flex:none}
.sempty{background:var(--surface);border-radius:32px;padding:clamp(40px,7vw,88px) 24px;display:grid;justify-items:center;gap:14px;text-align:center}
.sempty .hi{width:84px;height:84px;border-radius:50%;background:var(--soft);display:grid;place-items:center;color:var(--accent)}
.sempty .hi svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.8}
.sempty h2{font-size:1.8rem}.sempty p{color:var(--muted);max-width:42ch}
/* location search */
.locfld{position:relative}
.locfld .lin{display:flex;align-items:center;gap:8px}
.locfld .lin svg{width:18px;height:18px;color:var(--muted);flex:none}
.locfld input{width:100%;min-width:0;background:transparent;border:0;outline:0;font:inherit;font-weight:600;color:var(--fg);padding:0}
.locfld input::placeholder{color:var(--muted);font-weight:500;opacity:1}
.locfld input{text-overflow:ellipsis}
.loclist{position:absolute;left:-6px;bottom:calc(100% + 10px);z-index:40;width:min(420px,calc(100vw - 32px));max-height:min(340px,50vh);overflow-y:auto;margin:0;padding:8px;list-style:none;background:#fff;border-radius:20px;box-shadow:0 18px 50px rgba(12,27,51,.22);border:1px solid var(--line)}
.loclist li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;cursor:pointer;transition:background .15s}
.loclist li[aria-selected="true"],.loclist li:hover{background:var(--soft)}
.loclist .li{width:34px;height:34px;border-radius:50%;background:var(--bg);display:grid;place-items:center;flex:none;color:var(--fg)}
.loclist .li svg{width:17px;height:17px}
.loclist .tx{display:grid;min-width:0;line-height:1.3}
.loclist .tx b{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.loclist .tx b mark{background:none;color:var(--accent);font-weight:700}
.loclist .tx small{color:var(--muted);font-size:.78rem}
.loclist .tg{margin-left:auto;font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:var(--bg);border-radius:99px;padding:3px 9px;flex:none}
.loclist .none{cursor:default;color:var(--muted);font-size:.9rem}
.loclist .none:hover{background:none}
@media(max-width:900px){.loclist{left:0}}
/* property type picker */
.typefld{position:relative}
.tbtn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;background:transparent;border:0;padding:0;font:inherit;font-weight:600;color:var(--fg);text-align:left;cursor:pointer}
.tbtn svg{flex:none;transition:transform .25s}
.tbtn[aria-expanded="true"] svg{transform:rotate(180deg)}
.tpop{position:absolute;left:-6px;bottom:calc(100% + 10px);z-index:40;width:min(440px,calc(100vw - 32px));background:#fff;border-radius:22px;box-shadow:0 18px 50px rgba(12,27,51,.22);border:1px solid var(--line);padding:18px 18px 8px;color:var(--fg)}
.tchips{display:flex;flex-wrap:wrap;gap:10px}
.tchip{border:1px solid rgba(12,27,51,.22);background:#fff;border-radius:99px;padding:9px 18px;font:inherit;font-weight:500;font-size:.95rem;color:var(--fg);cursor:pointer;transition:all .2s}
.tchip:hover{border-color:#0C1B33}
.tchip[aria-pressed="true"]{background:#E6EBF6;border-color:#0C1B33;font-weight:600}
.tmore{margin-top:14px;border:1.5px solid #0C1B33;background:#fff;color:#0C1B33;border-radius:12px;padding:10px 18px;font:inherit;font-weight:600;cursor:pointer;transition:background .2s}
.tmore:hover{background:#E6EBF6}
.tclear{display:block;width:calc(100% + 36px);margin:16px -18px 0;padding:14px 18px;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;font:inherit;font-weight:700;color:#0C1B33;cursor:pointer;border-radius:0 0 22px 22px}
.tclear:hover{background:var(--bg)}
.tpop[hidden]{display:none}
@media(max-width:900px){.tpop{left:0}}
.ph4{margin:0 0 12px;font-size:1.05rem;font-weight:700;letter-spacing:0;text-transform:none;color:var(--fg)}
.prange{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.pin{flex:1;min-width:0;width:100%;border:1.5px solid rgba(12,27,51,.3);border-radius:14px;padding:14px 16px;font:inherit;font-size:1rem;color:var(--fg);background:#fff;outline:0;transition:border-color .2s,box-shadow .2s}
.pin::placeholder{color:#6b7686}
.pin:focus{border-color:#0C1B33;box-shadow:0 0 0 3px rgba(12,27,51,.1)}
.pdash{width:14px;height:2px;background:var(--fg);flex:none}
#rentPer{margin-bottom:6px}
#priceVal{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.bbpop{width:min(440px,calc(100vw - 32px));left:auto;right:-6px}
@media(max-width:900px){.bbpop{right:0;left:auto}}
.bbpop .tchips{margin-bottom:22px}
.bbpop .tchip{min-width:48px;text-align:center;padding:9px 16px}
.fields .fld{min-height:72px;justify-content:center;min-width:0}
.fields .fld .tbtn span,#bbVal,#typeVal{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.fields .btn{align-self:center;height:64px;white-space:nowrap;flex:none}
.seg{display:flex;gap:4px;background:var(--bg);padding:4px;border-radius:99px;width:max-content;max-width:100%}
.seg button{border:0;background:none;padding:9px 18px;border-radius:99px;font-weight:600;font-size:.9rem;transition:all .25s}
.seg button[aria-selected="true"]{background:#0C1B33;color:#fff}
.days button span:last-child{font-size:.7rem}
#plist{padding-top:calc(112px + env(safe-area-inset-top,0px));padding-bottom:clamp(48px,7vw,96px);min-height:80vh}
#plist .crumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.88rem;color:var(--muted)}
#plist .crumbs a{text-decoration:none}#plist .crumbs a:hover{color:var(--accent)}#plist .crumbs b{color:var(--fg);font-weight:500}
.pbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:26px}
.pbar .chips{margin:0}
.psort{display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--muted)}
.psort select{appearance:none;-webkit-appearance:none;border:1px solid var(--line);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16' fill='none' stroke='%230C1B33' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 14px center;border-radius:99px;padding:10px 38px 10px 18px;font:inherit;font-weight:600;color:var(--fg);cursor:pointer;outline:0}
.psort select:focus-visible{border-color:var(--accent)}
.cta .cl{display:grid;gap:18px;align-content:center;justify-items:start}
.cta .cl h2{font-size:clamp(2rem,4.4vw,3.4rem);max-width:15ch}
.cta .cp{opacity:.85;max-width:42ch}
.cways{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px;width:min(100%,460px)}
.cways a{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:18px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;text-decoration:none;transition:transform .25s,background .25s}
.cways a:hover{transform:translateX(6px);background:rgba(255,255,255,.16)}
.cways i{width:42px;height:42px;border-radius:50%;background:rgba(248,149,39,.2);color:#F89527;display:grid;place-items:center;flex:none}
.cways i svg{width:20px;height:20px}
.cways span{display:grid;line-height:1.3;min-width:0}
.cways small{opacity:.7;font-size:.78rem}
.cways b{font-weight:600;font-size:.98rem}
.form .fl2{color:#fff;font-weight:600;font-size:.9rem;opacity:.9}
.form .tchips{margin-bottom:4px}
.form .tchip{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);color:#fff;padding:8px 16px}
.form .tchip:hover{border-color:#fff}
.form .tchip[aria-pressed="true"]{background:#F89527;border-color:#F89527;color:#0C1B33;font-weight:700}
.form .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form .thanks{display:grid;justify-items:center;text-align:center;gap:12px;padding:20px 8px}
.form .thanks .ok{width:64px;height:64px;border-radius:50%;background:rgba(248,149,39,.2);color:#F89527;display:grid;place-items:center}
.form .thanks p{opacity:.85;max-width:34ch}
.form .thanks .btn{background:#fff;color:#0C1B33;justify-content:space-between}
@media(max-width:560px){.form .two{grid-template-columns:1fr}}
.stat .si{display:block;width:26px;height:26px;color:var(--accent);margin-bottom:12px}
.stat .si svg{width:100%;height:100%;display:block}
.stat small{display:block;color:var(--muted);font-size:clamp(.64rem,6.2cqi,.78rem);margin-top:2px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* dashboard */
body.indash nav,body.indash footer,body.indash .toast.nav{display:none}
#dash{max-width:none;width:calc(100% + 32px);margin:0 -16px;padding:0;display:grid;grid-template-columns:268px minmax(0,1fr);min-height:100vh;background:#EEF2F8;color:var(--fg);font-size:.95rem}
#dash[hidden]{display:none}
.dsb{background:#0C1B33;color:#fff;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:6px;padding:22px 16px;overflow-y:auto}
.dsb .dlogo{display:block;padding:4px 10px 18px}.dsb .dlogo img{height:34px;width:auto;display:block}
.dsb .lbl{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;opacity:.5;padding:14px 12px 6px}
.dsb button.dn,.dsb a.dn{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;color:rgba(255,255,255,.75);padding:11px 12px;border-radius:12px;font:inherit;font-weight:500;cursor:pointer;text-decoration:none;text-align:left;transition:background .2s,color .2s}
.dsb .dn:hover{background:rgba(255,255,255,.08);color:#fff}
.dsb .dn[aria-current="page"]{background:#F89527;color:#0C1B33;font-weight:700}
.dsb .dn svg{width:20px;height:20px;flex:none}
.dsb .dn .bd{margin-left:auto;background:#F89527;color:#0C1B33;border-radius:99px;font-size:.72rem;font-weight:700;padding:2px 8px}
.dsb .dn[aria-current="page"] .bd{background:#0C1B33;color:#fff}
.dsb .sp{flex:1}
.dsb .ucard{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:rgba(255,255,255,.07);margin-top:8px}
.dsb .ucard .ua{width:40px;height:40px;border-radius:50%;background:#F89527;color:#0C1B33;font-weight:700;display:grid;place-items:center;flex:none;overflow:hidden}
.dsb .ucard .ua img{width:100%;height:100%;object-fit:cover}
.dsb .ucard b{display:block;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dsb .ucard small{opacity:.65;text-transform:capitalize}
.dmain{padding:clamp(18px,3vw,36px);min-width:0;display:grid;gap:22px;align-content:start}
.dtop{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.dtop h1{font-size:clamp(1.6rem,3vw,2.3rem);letter-spacing:-.03em}
.dtop p{color:var(--muted);margin-top:4px}
.dtop .acts{display:flex;gap:10px;flex-wrap:wrap}
.dbtn{display:inline-flex;align-items:center;gap:8px;border-radius:99px;padding:10px 18px;font:inherit;font-weight:600;font-size:.9rem;border:1px solid var(--line);background:#fff;color:var(--fg);cursor:pointer;text-decoration:none;transition:all .2s}
.dbtn:hover{border-color:#0C1B33}
.dbtn.pri{background:#0C1B33;color:#fff;border-color:#0C1B33}.dbtn.pri:hover{background:#F89527;border-color:#F89527;color:#0C1B33}
.dbtn.acc{background:#F89527;border-color:#F89527;color:#0C1B33}
.dbtn.dng{color:#B3261E}.dbtn.dng:hover{background:#B3261E;border-color:#B3261E;color:#fff}
.dbtn.sm{padding:6px 12px;font-size:.8rem}
.dbtn svg{width:16px;height:16px}
.dbk{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.dbk .k{background:#fff;border-radius:20px;padding:20px;border:1px solid var(--line);display:grid;gap:4px}
.dbk .k .ki{width:40px;height:40px;border-radius:12px;background:#FDE7CF;color:#C46A0A;display:grid;place-items:center;margin-bottom:8px}
.dbk .k .ki svg{width:20px;height:20px}
.dbk .k b{font-family:var(--f-display);font-size:2rem;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.dbk .k span{color:var(--muted);font-size:.85rem}
.dgrid2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:start}
.dbc{background:#fff;border-radius:22px;padding:22px;border:1px solid var(--line);min-width:0}
.dbc h2{font-size:1.15rem;letter-spacing:-.01em;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.dbc h2 a,.dbc h2 button{font:inherit;font-size:.82rem;font-weight:600;color:#C46A0A;background:none;border:0;cursor:pointer;text-decoration:none}
.dli{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.dli:first-of-type{border-top:0}
.dli .th{width:54px;height:42px;border-radius:10px;object-fit:cover;flex:none;background:#dde5ee}
.dli .tx{min-width:0;flex:1;display:grid;line-height:1.3}
.dli .tx b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dli .tx small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dli .acts{display:flex;gap:6px;flex:none;flex-wrap:nowrap;align-items:center}.dli .acts .dbtn{height:34px;width:auto;padding:0 14px;margin:0;white-space:nowrap;justify-content:center;flex:none}.dli .spill{flex:none;white-space:nowrap}.dli{flex-wrap:nowrap}
.spill{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:3px 10px;font-size:.74rem;font-weight:700;white-space:nowrap}
.spill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.spill.published{background:#E1F5EA;color:#12794A}.spill.pending{background:#FFF0D9;color:#A15B00}.spill.draft{background:#E8ECF2;color:#5B6779}.spill.rejected{background:#FCE4E2;color:#B3261E}.spill.sold{background:#E2EAFB;color:#2447A8}
.spill.New{background:#FFF0D9;color:#A15B00}.spill.Contacted{background:#E2EAFB;color:#2447A8}.spill.Qualified{background:#E8E1FA;color:#5A33B5}.spill.Closed{background:#E1F5EA;color:#12794A}
.dtools{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.dsearch{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:9px 16px;min-width:min(100%,280px)}
.dsearch svg{width:18px;height:18px;color:var(--muted);flex:none}
.dsearch input{border:0;outline:0;background:transparent;font:inherit;width:100%;color:var(--fg)}
.dchips{display:flex;gap:8px;flex-wrap:wrap}
.dchips button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 14px;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;color:var(--fg)}
.dchips button[aria-pressed="true"]{background:#0C1B33;color:#fff;border-color:#0C1B33}
.dtw{background:#fff;border:1px solid var(--line);border-radius:22px;overflow-x:auto}
table.dt{width:100%;border-collapse:collapse;min-width:760px}
.dt th{text-align:left;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:14px 16px;border-bottom:1px solid var(--line);white-space:nowrap}
.dt td{padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:middle}
.dt tr:last-child td{border-bottom:0}
.dt .nm{display:flex;align-items:center;gap:12px;min-width:220px}
.dt .nm img{width:56px;height:44px;border-radius:10px;object-fit:cover;background:#dde5ee;flex:none}
.dt .nm b{display:block;font-weight:600}.dt .nm small{color:var(--muted)}
.dt .rowacts{display:flex;flex-wrap:nowrap;gap:6px;align-items:center}.dt .rowacts .dbtn.ico{width:34px;height:34px;padding:0;justify-content:center;margin:0;flex:none}.dt .rowacts .dbtn.ico svg{width:17px;height:17px}.dt .rowacts .dbtn.on{background:#F89527;border-color:#F89527;color:#0C1B33}.dt .rowacts .dbtn.on.dng{background:#B3261E;border-color:#B3261E;color:#fff}.dt .rowacts .dbtn.acc svg path{fill:none}.dt .rowacts .dbtn.acc.on svg path{fill:currentColor}
.dt select{border:1px solid var(--line);border-radius:10px;padding:6px 8px;font:inherit;background:#fff}
.dempty{padding:48px 20px;text-align:center;color:var(--muted);display:grid;gap:10px;justify-items:center}
.dempty b{color:var(--fg);font-size:1.1rem}
.ded{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}
.ded .fg2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ded .fg2 .full{grid-column:1/-1}
.ded label.f{display:grid;gap:6px;font-size:.8rem;font-weight:600;color:var(--muted)}
.ded .fi{background:#fff}
.feats2{display:flex;flex-wrap:wrap;gap:8px}
.feats2 button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 14px;font:inherit;font-size:.85rem;cursor:pointer}
.feats2 button[aria-pressed="true"]{background:#FDE7CF;border-color:#F89527;color:#7A4400;font-weight:600}
.phs{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-top:12px}
.phs .ph3{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#dde5ee}
.phs img{width:100%;height:100%;object-fit:cover}
.phs button{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(12,27,51,.8);color:#fff;cursor:pointer}
.phs .main{position:absolute;left:6px;bottom:6px;background:#F89527;color:#0C1B33;font-size:.68rem;font-weight:700;border-radius:99px;padding:2px 8px}
.dup{display:grid;place-items:center;gap:6px;border:2px dashed #C3CEDD;border-radius:16px;padding:22px;text-align:center;color:var(--muted);cursor:pointer;background:#F8FAFD}
.dup:hover{border-color:#F89527}
.dup input{display:none}
.dlead{display:grid;gap:12px;padding:16px 0;border-top:1px solid var(--line)}
.dlead:first-of-type{border-top:0}
.dlead .hd{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}
.dlead .meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.85rem}
.dlead .meta a{color:inherit}
.dlead .sm{background:#F6F8FB;border-radius:12px;padding:10px 14px;font-size:.9rem}
.dlead .ctl{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.dlead select,.dlead input{border:1px solid var(--line);border-radius:10px;padding:7px 10px;font:inherit;background:#fff;min-width:0}
.tag2{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.bars{display:grid;gap:10px}
.bars .br{display:grid;grid-template-columns:130px 1fr 34px;gap:10px;align-items:center;font-size:.85rem}
.bars .br i{display:block;height:10px;border-radius:6px;background:#E8EDF4;position:relative;overflow:hidden}
.bars .br i::after{content:"";position:absolute;inset:0;width:var(--w);background:#F89527;border-radius:6px}
.bars .br em{font-style:normal;font-weight:700;text-align:right}
@media(max-width:1000px){.dgrid2,.ded{grid-template-columns:1fr}}
@media(max-width:900px){#dash{grid-template-columns:1fr}.dsb{position:static;height:auto;flex-direction:row;align-items:center;overflow-x:auto;padding:12px;gap:4px}.dsb .dlogo,.dsb .lbl,.dsb .sp,.dsb .ucard{display:none}.dsb .dn{width:auto!important;white-space:nowrap;flex:none}.dsb .dn svg{display:none}}
.addf{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.addf .fi{flex:1;min-width:220px}
.feats2 .cf{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:99px;background:#fff;padding-right:4px}
.feats2 .cf>button:first-child{border:0;background:transparent;padding:7px 8px 7px 14px;border-radius:99px}
.feats2 .cf:has(button[aria-pressed="true"]){background:#FDE7CF;border-color:#F89527}
.feats2 .cf>button[aria-pressed="true"]{background:transparent;border:0;color:#7A4400;font-weight:600}
.feats2 .cf .x2{border:0;background:transparent;color:var(--muted);width:24px;height:24px;border-radius:50%;padding:0;font-size:.7rem;cursor:pointer}
.feats2 .cf .x2:hover{background:#0C1B33;color:#fff}
.phs .ph3{cursor:grab;transition:transform .15s,box-shadow .15s,opacity .15s}
.phs .ph3:active{cursor:grabbing}
.phs .ph3.dragging{opacity:.35;transform:scale(.96)}
.phs .ph3.over{outline:3px solid #F89527;outline-offset:2px;transform:scale(1.03)}
.phs .ph3 .rm{top:6px;right:6px}
.phs .ph3 .mv{position:absolute;bottom:6px;right:6px;display:flex;gap:4px}
.phs .ph3 .mv button{position:static;width:24px;height:24px;font-size:1rem;line-height:1;background:rgba(255,255,255,.92);color:#0C1B33;display:grid;place-items:center}
.phs .ph3 .mv button:hover{background:#F89527}
.mapb.live iframe{display:block;width:100%;height:clamp(300px,42vw,440px);border:0;background:#dde5ee}
.mtog{position:absolute;left:14px;top:14px;display:flex;background:#fff;border-radius:99px;padding:4px;box-shadow:0 4px 14px rgba(12,27,51,.18)}
.mtog button{border:0;background:transparent;padding:7px 16px;border-radius:99px;font:inherit;font-weight:600;font-size:.82rem;cursor:pointer;color:var(--fg)}
.mtog button[aria-pressed="true"]{background:#0C1B33;color:#fff}
/* section head */
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.head .lead{display:grid;gap:18px}
.head p{max-width:38ch;color:var(--muted)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.chip{border:1px solid var(--line);background:transparent;border-radius:99px;padding:9px 20px;font-weight:600;font-size:.9rem;transition:all .25s}
.chip:hover{border-color:var(--accent)}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--onink);border-color:var(--ink)}

/* cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:22px}
.card{background:var(--surface);border-radius:var(--r);padding:12px;display:flex;flex-direction:column;gap:14px;cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .3s;transform-style:preserve-3d;will-change:transform;text-align:left;border:0;width:100%;animation:pop .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes pop{from{opacity:0;transform:scale(.94) translateY(12px)}}
.card:hover{box-shadow:0 24px 50px rgba(12,27,51,.16)}
.card .img{position:relative;border-radius:calc(var(--r) - 10px);overflow:hidden;aspect-ratio:4/3}
.card .img img{width:100%;height:100%;display:block;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.card:hover .img img{transform:scale(1.08)}
.tag{position:absolute;top:12px;left:12px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:99px;background:var(--surface);color:var(--fg)}
.fav{position:absolute;top:10px;right:10px;width:38px;height:38px;border-radius:50%;border:0;background:var(--surface);display:grid;place-items:center;transition:transform .25s}
.fav:hover{transform:scale(1.12)}
.fav svg{width:18px;height:18px;fill:none;stroke:var(--fg);stroke-width:2;transition:all .3s}
.fav[aria-pressed="true"] svg{fill:#E5484D;stroke:#E5484D;animation:beat .4s}
@keyframes beat{50%{transform:scale(1.4)}}
.card .meta{padding:0 8px;display:grid;gap:6px}
.card .loc{font-size:.85rem;color:var(--muted)}
.specs{display:flex;gap:14px;font-size:.82rem;color:var(--muted);flex-wrap:wrap}
.card .foot{display:flex;justify-content:space-between;align-items:center;padding:12px 8px 6px;border-top:1px solid var(--line);margin-top:4px}
.price{white-space:nowrap;font-family:var(--f-display);font-weight:700;font-size:1.3rem;letter-spacing:-.02em}
/* property card: photo with frosted glass panel */
.card.pc{padding:10px;gap:0;border-radius:34px;box-shadow:0 2px 0 rgba(12,27,51,.04),0 0 0 1px var(--line)}
.pc .ph{position:relative;border-radius:26px;overflow:hidden;aspect-ratio:790/890;background:#D5DEE9}
.pc .ph img{position:absolute;left:0;width:100%;display:block}
.pc .bgb{top:0;height:100%;object-fit:cover;filter:blur(22px) saturate(1.1);transform:scale(1.25)}
.pc .main{top:0;height:64%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.pc:hover .main{transform:scale(1.06)}
.pc .tag{display:inline-flex;align-items:center;gap:6px;top:14px;left:14px;padding:7px 14px;font-size:.92rem;font-weight:500;letter-spacing:0;text-transform:none;background:#fff;color:#0C1B33;z-index:2}
.pc .tag svg{width:20px;height:20px;color:#0C1B33}
.pc .fav{top:14px;right:14px;width:48px;height:48px;background:rgba(255,255,255,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2}
.pc .fav svg{width:20px;height:20px}
.pc .glass{container-type:inline-size;position:absolute;left:8px;right:8px;bottom:8px;z-index:2;padding:18px 18px 16px;border-radius:26px;background:rgba(255,255,255,.58);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border:1px solid rgba(255,255,255,.6);display:grid;gap:12px;font-family:var(--f-body);color:#0C1B33}
.pc .gt{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.gt>div:first-child{min-width:0;flex:1 1 auto}.glass{grid-template-columns:minmax(0,1fr)}.glass>*{min-width:0}.gt .loc{min-width:0}.gt .loc .lt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.gt .loc svg{flex:none}.glass h3{overflow:hidden;text-overflow:ellipsis}
.pc .glass h3{font-family:var(--f-body);font-weight:500;font-size:clamp(1.05rem,6.4cqi,1.8rem);letter-spacing:-.02em;line-height:1.15;white-space:nowrap}
.pc .gt>div:first-child{min-width:0;flex:1 1 auto}
.pc .loc{white-space:nowrap;display:flex;align-items:center;gap:8px;margin-top:8px;color:#4A5870;font-size:.98rem}
.pc .loc svg{width:18px;height:18px;color:#0C1B33;flex:none}
.pc .go{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.85);display:grid;place-items:center;flex:none;transition:transform .35s}
.pc:hover .go{transform:rotate(45deg);background:var(--accent)}
.pc .chs{display:flex;flex-wrap:nowrap;gap:.5em;font-size:clamp(.66rem,3.3cqi,.82rem);min-width:0}
.pc .chs span{display:inline-flex;align-items:center;gap:.5em;padding:.6em .95em;border-radius:99px;background:rgba(255,255,255,.7);color:#3A475C;white-space:nowrap;flex:0 1 auto;min-width:0}
.pc .chs svg{width:1.3em;height:1.3em;flex:none;color:#0C1B33}
.pc .gf{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:2px}
.pc .ag{display:flex;align-items:center;gap:.55em;font-weight:500;font-size:clamp(.68rem,3.1cqi,.85rem);white-space:nowrap;min-width:0;overflow:hidden}
.pc .an{display:grid;min-width:0;line-height:1.25}
.pc .an b{font-weight:500;overflow:hidden;text-overflow:ellipsis}
.pc .an small{font-size:.8em;color:#4A5870;font-weight:400;overflow:hidden;text-overflow:ellipsis}
.pc .ag img{position:static;width:2.8em;height:2.8em;border-radius:50%;object-fit:cover;flex:none}
.pc .price{white-space:nowrap;flex:none;font-family:var(--f-body);font-weight:600;font-size:clamp(1.3rem,2vw,1.6rem);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.aed{width:.78em;height:.78em;vertical-align:-.04em;margin-right:.2em;flex:none}.aed{display:inline-block}.calc .row,.calc2 .row{align-items:baseline;gap:12px}.calc .row>*{white-space:nowrap}.calc2>*{min-width:0}.calc2 .row{flex-wrap:wrap}.calc2 .row b{white-space:nowrap}.out .big,.pay .m{white-space:nowrap}.pay{min-width:0;overflow-wrap:anywhere}.pay .m{font-size:clamp(1.5rem,2.2vw,2.3rem)}.pay>small{white-space:normal}.out{min-width:0}.out .big{font-size:clamp(2rem,4.2vw,4rem)}
.empty{padding:60px 0;text-align:center;color:var(--muted)}

/* personal */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
@media(max-width:860px){.split{grid-template-columns:1fr}}
.acc{display:grid;gap:0;margin-top:32px}
.acc .it{border-top:1px solid var(--line)}
.acc .it:last-child{border-bottom:1px solid var(--line)}
.acc button.q{display:flex;width:100%;justify-content:space-between;align-items:center;gap:16px;background:none;border:0;padding:20px 0;text-align:left;font-family:var(--f-display);font-size:1.3rem;font-weight:600;letter-spacing:-.02em}
.acc .pl{width:32px;height:32px;border-radius:50%;background:var(--soft);display:grid;place-items:center;flex:none;transition:transform .35s,background .3s}
.acc .pl svg{width:14px;height:14px}
.acc .it.open .pl{transform:rotate(45deg);background:var(--accent)}
.acc .a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.2,.8,.2,1)}
.acc .it.open .a{grid-template-rows:1fr}
.acc .a>div{overflow:hidden}
.acc .a p{padding-bottom:20px;color:var(--muted);max-width:52ch}
.pic{border-radius:var(--r);overflow:hidden;aspect-ratio:5/4;position:relative}
.pic svg{width:100%;height:100%;display:block}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-top:56px}
.stat{padding:26px;border-radius:24px;background:var(--surface);container-type:inline-size}
.stat b{font-family:var(--f-display);font-size:clamp(2.2rem,4vw,3.2rem);letter-spacing:-.04em;display:block;line-height:1;font-variant-numeric:tabular-nums}
.stat span:not(.si){display:block;color:var(--muted);font-size:clamp(.72rem,7.6cqi,.9rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* lifestyle panels */
.panels{display:flex;gap:14px;height:min(560px,70vh);min-height:440px}
.pn{position:relative;flex:1;border-radius:var(--r);overflow:hidden;cursor:pointer;transition:flex .7s cubic-bezier(.2,.8,.2,1);border:0;padding:0;text-align:left;color:#fff;min-width:0}
.pn.on{flex:3.2}
.pn .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pn::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,27,51,.82),rgba(12,27,51,0) 60%)}
.pn .t{position:absolute;left:22px;right:22px;bottom:22px;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.pn h3{font-size:1.7rem;color:#fff;transition:transform .5s}
.pn:not(.on) h3{writing-mode:vertical-rl;transform:rotate(180deg)}
.pn .more{opacity:0;transform:translateY(10px);transition:all .5s .2s;font-size:.9rem;max-width:30ch;color:#E8EEF6}
.pn.on .more{opacity:1;transform:none}
.pn .go{width:44px;height:44px;border-radius:50%;background:var(--accent);color:#0C1B33;display:grid;place-items:center;flex:none;transition:transform .4s;opacity:0}
.pn.on .go{opacity:1}
.pn:hover .go{transform:rotate(45deg)}
@media(max-width:760px){.panels{flex-direction:column;height:auto}.pn{flex:none;height:120px}.pn.on{height:340px}.pn:not(.on) h3{writing-mode:horizontal-tb;transform:none}}
.quote{font-family:var(--f-display);font-size:clamp(1.25rem,2.4vw,1.8rem);letter-spacing:-.02em;line-height:1.25;max-width:30ch;margin-top:48px}

/* calculator */
.calc{background:var(--ink);color:var(--onink);border-radius:36px;padding:clamp(24px,5vw,64px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px)}
@media(max-width:860px){.calc{grid-template-columns:1fr}}
.calc h2{color:var(--onink)}
.calc .eyebrow{background:color-mix(in srgb,var(--onink) 14%,transparent);color:var(--onink)}
.calc .sl{display:grid;gap:8px;margin-top:22px}
.calc .row{display:flex;justify-content:space-between;font-size:.9rem;opacity:.85}
.calc .row b{font-variant-numeric:tabular-nums}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--accent) var(--p,50%),color-mix(in srgb,var(--onink) 22%,transparent) var(--p,50%));outline:none}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--onink);border:5px solid var(--accent);cursor:grab}
input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--onink);border:5px solid var(--accent);cursor:grab}
.out{background:color-mix(in srgb,var(--onink) 8%,transparent);border-radius:28px;padding:clamp(22px,3vw,36px);display:flex;flex-direction:column;justify-content:center;gap:18px}
.out .big{font-family:var(--f-display);font-size:clamp(2.8rem,6vw,4.6rem);letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.out small{opacity:.7;font-size:.85rem}
.split-bar{height:14px;border-radius:7px;overflow:hidden;display:flex;background:color-mix(in srgb,var(--onink) 15%,transparent)}
.split-bar i{display:block;height:100%;transition:width .4s}
.split-bar .p{background:var(--accent)}.split-bar .i{background:var(--lit)}
.legend{display:flex;gap:20px;font-size:.85rem;flex-wrap:wrap;font-variant-numeric:tabular-nums}
.legend span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;background:var(--accent)}
.legend span+span::before{background:var(--lit)}

/* testimonial */
.testi{background:var(--surface);border-radius:36px;padding:clamp(24px,4vw,48px);display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center}
@media(max-width:860px){.testi{grid-template-columns:1fr}}
.tq{min-height:220px;position:relative}
.tq blockquote{margin:0;position:absolute;inset:0 0 auto 0;opacity:0;transform:translateX(30px);transition:all .6s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.tq blockquote.on{opacity:1;transform:none;pointer-events:auto;position:relative}
.tq .who{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.av{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#0C1B33;background:linear-gradient(135deg,var(--soft),var(--accent))}
.stars{color:#E8A317;letter-spacing:2px;margin-left:auto}
.tq p{font-family:var(--f-display);font-size:clamp(1.2rem,2.2vw,1.65rem);letter-spacing:-.02em;line-height:1.3}
.ctl{display:flex;gap:10px;margin-top:24px;align-items:center}
.ctl button{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:none;display:grid;place-items:center;transition:all .25s}
.ctl button:hover{background:var(--ink);color:var(--onink)}
.ctl .dots{display:flex;gap:6px;margin-left:10px}
.ctl .dots i{width:8px;height:8px;border-radius:4px;background:var(--line);transition:all .3s}
.ctl .dots i.on{width:26px;background:var(--accent)}
.avs{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.avs .av{margin-left:-14px;border:3px solid var(--surface);width:40px;height:40px;font-size:.8rem}
.avs .av:first-child{margin-left:0}

/* blog */
.post .meta{padding:0 8px 8px;display:grid;gap:8px}
.post small{color:var(--muted);font-size:.8rem}

/* faq */
.faq{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:stretch}
@media(max-width:860px){.faq{grid-template-columns:1fr}}
.faq .acc{margin:0;background:var(--surface);border-radius:var(--r);padding:8px 28px}
.faq .acc button.q{font-size:1.1rem;font-family:var(--f-body);font-weight:600;letter-spacing:0}
.help{border-radius:var(--r);background:var(--soft);padding:32px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;min-height:320px}
.help svg{position:absolute;inset:0;width:100%;height:100%}
.help svg path,.help svg rect,.help svg line{stroke:var(--accent);fill:none;stroke-width:1.5;stroke-dasharray:1200;stroke-dashoffset:1200}
.help.in svg *{animation:draw 3.5s ease forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.help>*:not(svg){position:relative}

/* cta */
.cta{border-radius:36px;position:relative;overflow:hidden;color:#fff;padding:clamp(28px,5vw,64px);display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;isolation:isolate;background:#0C1B33}
.cta img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.cta::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(12,27,51,.88),rgba(12,27,51,.4));z-index:-1}
@media(max-width:860px){.cta{grid-template-columns:1fr}}
.cta h2{color:#fff}
.form{background:rgba(255,255,255,.1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.25);border-radius:26px;padding:24px;display:grid;gap:12px}
.form input,.form textarea{width:100%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:12px 16px;color:#fff;font:inherit;outline:none;resize:none}
.form input::placeholder,.form textarea::placeholder{color:rgba(255,255,255,.65)}
.form input:focus,.form textarea:focus{border-color:#F89527}
.form .btn{background:#F89527;color:#0C1B33;justify-content:space-between}
.form .btn .ar{background:#0C1B33;color:#F89527}

/* footer */
footer{background:var(--surface);border-radius:36px;padding:clamp(28px,4vw,56px);margin-block:0 16px}
.fg{display:grid;grid-template-columns:1.4fr repeat(3,1fr) auto;gap:32px}
@media(max-width:1100px){.fg{grid-template-columns:1fr 1fr 1fr}.fg>:first-child{grid-column:1/-1}}
@media(max-width:860px){.fg{grid-template-columns:1fr 1fr}}
footer h4{margin:0 0 14px;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
footer ul a{text-decoration:none;font-size:.95rem}
footer ul a:hover{color:var(--accent)}
.fqr{justify-self:end}
.qr{display:block;width:150px;height:150px;object-fit:contain;background:#fff;padding:6px;border-radius:10px}
.fcon{gap:14px}
.fcon .addr{font-size:.95rem;line-height:1.6;color:var(--muted)}
.fph{display:flex;align-items:center;gap:10px;white-space:nowrap}
.fph i{width:26px;height:26px;display:grid;place-items:center;flex:none}
.fph i svg{width:24px;height:24px}
.nl{display:flex;gap:8px;margin-top:16px;max-width:380px;background:var(--bg);border-radius:99px;padding:5px}
.nl input{flex:1;min-width:0;background:none;border:0;padding:0 16px;font:inherit;color:var(--fg);outline:none}
.big-word{margin-top:40px;display:flex;justify-content:center;align-items:center;width:100%}
.big-logo{width:min(100%,760px);height:auto;display:block;margin-inline:auto}
.copy{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:24px;font-size:.85rem;color:var(--muted)}
.big-logo{overflow:visible;animation:lgfloat 7s ease-in-out infinite}
.lgsweep{animation:lgsweep 6s cubic-bezier(.6,0,.3,1) infinite;transform:skewX(-18deg)}
@keyframes lgsweep{0%{transform:translateX(0) skewX(-18deg)}62%,100%{transform:translateX(2500px) skewX(-18deg)}}
@keyframes lgfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.big-word:hover .lgsweep{animation-duration:2.6s}
@media(prefers-reduced-motion:reduce){.big-logo,.lgsweep{animation:none}}
/* modal */
.modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:rgba(12,27,51,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .3s}
.modal.on{opacity:1;pointer-events:auto}
.sheet{background:var(--surface);border-radius:32px;max-width:880px;width:100%;max-height:calc(100vh - 32px);overflow:auto;display:grid;grid-template-columns:1.1fr 1fr;transform:translateY(40px) scale(.96);transition:transform .45s cubic-bezier(.2,1.1,.4,1);position:relative}
.modal.on .sheet{transform:none}
.sheet .pic{border-radius:0;aspect-ratio:auto;min-height:320px}
.sheet .body{padding:36px;display:grid;gap:14px;align-content:center}
.sheet .x{position:absolute;top:14px;right:14px;z-index:2;width:40px;height:40px;border-radius:50%;border:0;background:var(--surface);display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.2)}
@media(max-width:700px){.sheet{grid-template-columns:1fr}.sheet .pic{min-height:220px}}
.sp{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sp div{background:var(--bg);border-radius:14px;padding:10px 12px}
.sp b{display:block;font-family:var(--f-display);font-size:1.15rem}
.sp span{font-size:.75rem;color:var(--muted)}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%,40px);background:var(--ink);color:var(--onink);padding:12px 22px;border-radius:99px;font-weight:600;font-size:.92rem;opacity:0;transition:all .4s cubic-bezier(.2,1.2,.4,1);z-index:120;max-width:calc(100vw - 32px);text-align:center}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* reveal */
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}
.js .rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .js .rv{opacity:1;transform:none}
  .hero h1 .w span{transform:none}
  html{scroll-behavior:auto}
}

.astage>.aw:nth-of-type(1) .tro{--m:url(../assets/img/trophy-1.png)}
.astage>.aw:nth-of-type(2) .tro{--m:url(../assets/img/trophy-2.png)}

/* blog */
#bpage{padding:0}
.blw{max-width:1120px;margin:0 auto;padding:clamp(96px,12vw,130px) 0 70px;display:grid;gap:28px;position:relative}
.blcr{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.88rem;color:var(--muted)}.blcr a{text-decoration:none}.blcr a:hover{color:var(--accent)}.blcr b{color:var(--fg);font-weight:500}
.blhd{display:grid;gap:12px;max-width:680px}.blhd h1{font-size:clamp(2rem,4.6vw,3.2rem);letter-spacing:-.03em;line-height:1.08}.blhd p{color:var(--muted)}
.blchips{display:flex;gap:8px;flex-wrap:wrap}.blchips .tchip{text-decoration:none}.blchips .tchip[aria-pressed=true],.blcats .tchip:hover{background:#0C1B33;color:#fff;border-color:#0C1B33}
.blgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:22px}
.blc{background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}
.blc:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(12,27,51,.35)}
.blci{display:block;aspect-ratio:16/10;background:var(--surface,#EEF3F9);overflow:hidden}.blci img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.blc:hover .blci img{transform:scale(1.04)}
.blcm{padding:20px 22px 22px;display:grid;gap:10px;align-content:start;flex:1}.blcm small{color:var(--muted);font-size:.8rem}.blcm small b{color:var(--accent);font-weight:600}
.blcm h3{font-size:1.15rem;letter-spacing:-.02em;line-height:1.25}.blcm h3 a{text-decoration:none}.blcm h3 a:hover{color:var(--accent)}.blcm p{color:var(--muted);font-size:.93rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blcm .btn{justify-self:start;margin-top:4px}
.blc.big{flex-direction:row}.blc.big .blci{flex:1.15;aspect-ratio:auto;min-height:320px}.blc.big .blcm{flex:1;align-content:center;padding:32px}.blc.big h3{font-size:clamp(1.4rem,2.6vw,2rem)}
@media(max-width:760px){.blc.big{flex-direction:column}.blc.big .blci{min-height:0;aspect-ratio:16/10}.blc.big .blcm{padding:20px 22px 22px}}
.blpg{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.blpg a{min-width:42px;height:42px;padding:0 14px;border-radius:99px;border:1px solid var(--line);display:grid;place-items:center;text-decoration:none;font-weight:600;font-size:.9rem;background:#fff}.blpg a[aria-current]{background:#0C1B33;color:#fff;border-color:#0C1B33}.blpg a:hover{border-color:var(--accent)}
.blempty,.blnf{background:#fff;border:1px dashed var(--line);border-radius:24px;padding:48px 24px;display:grid;gap:10px;justify-items:center;text-align:center}.blnf h1{font-size:clamp(1.8rem,4vw,2.6rem)}.blnf p{color:var(--muted)}
.blcta{background:#0C1B33;color:#fff;border-radius:28px;padding:clamp(24px,4vw,38px);display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap}.blcta h2{font-size:clamp(1.3rem,2.6vw,1.8rem);letter-spacing:-.02em}.blcta p{color:rgba(255,255,255,.72);margin-top:6px}.blcta .btn{background:#F89527;color:#0C1B33}
.blart{max-width:780px}.blah{display:grid;gap:14px}.blah h1{font-size:clamp(1.9rem,4.4vw,3rem);letter-spacing:-.03em;line-height:1.1}.blcats{display:flex;gap:8px;flex-wrap:wrap}.blcats .tchip{text-decoration:none;padding:6px 14px;font-size:.85rem}
.blmeta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:.9rem}
.blfig{margin:0;border-radius:28px;overflow:hidden;aspect-ratio:16/9;background:var(--surface,#EEF3F9)}.blfig img{width:100%;height:100%;object-fit:cover;display:block}
.blbody{font-size:1.05rem;line-height:1.75;color:var(--fg)}.blbody>*+*{margin-top:1.1em}.blbody h2{font-size:1.6rem;letter-spacing:-.02em;line-height:1.2;margin-top:1.8em}.blbody h3{font-size:1.25rem;letter-spacing:-.01em;margin-top:1.5em}
.blbody a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.blbody ul,.blbody ol{padding-left:1.4em}.blbody li+li{margin-top:.4em}
.blbody blockquote{border-left:4px solid var(--accent);padding:4px 0 4px 20px;color:var(--muted);font-style:italic}.blbody img{max-width:100%;height:auto;border-radius:18px;display:block}
.blbody table{width:100%;border-collapse:collapse;font-size:.95rem}.blbody th,.blbody td{border:1px solid var(--line);padding:10px 12px;text-align:left}.blbody th{background:var(--surface,#EEF3F9)}
.bltags{display:flex;gap:8px;flex-wrap:wrap}.bltags span{color:var(--muted);font-size:.85rem}
.blexp{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;display:grid;gap:12px}.blexp h2{font-size:1.1rem}.blexp div{display:flex;gap:8px;flex-wrap:wrap}.blexp a{border:1px solid var(--line);border-radius:99px;padding:8px 16px;text-decoration:none;font-weight:500;font-size:.9rem}.blexp a:hover{border-color:var(--accent);color:var(--accent)}
.blrel{display:grid;gap:16px}.blrel h2{font-size:1.4rem}.blart .blrel .blgrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}.blart .blrel .blcm p{display:none}
.blprev{background:#FFF0D9;color:#7A4600;border-radius:16px;padding:12px 16px;font-size:.9rem;font-weight:500}.blprev a{text-decoration:underline;margin-left:6px}
/* admin */
.blbar{display:flex;gap:10px;flex-wrap:wrap;padding:14px}.blbar .fi{flex:1;min-width:180px}.blbar select.fi{flex:0 1 200px}
.spill.scheduled{background:#E3EEFF;color:#1D4FA8}
.dt .rowacts .dbtn.sm:not(.ico){white-space:nowrap;padding:7px 14px;height:34px}
.blapg{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line)}.blapg>div{display:flex;gap:6px;flex-wrap:wrap}
.blseo summary{cursor:pointer;font-weight:600}.blseo[open] summary{margin-bottom:12px}.blsite{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:12px 0}.blsite .fl{flex:1;min-width:240px}
.blfiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.blfiles h3{font-size:.95rem;margin-bottom:6px}.blfiles textarea{font-family:ui-monospace,Menlo,monospace;font-size:.78rem;min-height:0}.blfa{display:flex;gap:8px;margin-top:8px}
.bled{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.blmain,.blside{display:grid;gap:18px;min-width:0}.blside{position:sticky;top:18px}
@media(max-width:1000px){.bled{grid-template-columns:minmax(0,1fr)}.blside{position:static}}
.bled h2{font-size:1.05rem;margin-bottom:12px}.bled .dbc .dbc{padding:0;border:0}
.blerr{background:#FCE4E4;color:#9B1C1C;border-radius:14px;padding:12px 16px;margin-bottom:14px;font-size:.9rem}.blerr ul{margin:6px 0 0 18px}
.blmsg{font-weight:500;color:var(--muted)}.blmsg.bad{color:#B42318}
.bltb{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.bltb button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:7px 12px;font:inherit;font-size:.82rem;font-weight:600;cursor:pointer}.bltb button:hover{border-color:var(--accent);color:var(--accent)}
.blrow{display:flex;gap:8px;margin-bottom:10px;align-items:center}.blrow .fi{flex:1}.blrow[hidden]{display:none}
.blrte{min-height:320px;border:1px solid var(--line);border-radius:16px;padding:18px;outline:none;background:#fff}.blrte:focus{border-color:var(--accent)}.blrte:empty:before{content:attr(data-ph);color:var(--muted)}
.blfi{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;display:block}.blfi.ph{background:var(--surface,#EEF3F9);display:grid;place-items:center;color:var(--muted);font-size:.85rem}
.blcatl{display:flex;gap:6px;flex-wrap:wrap}.blcatl .tchip{padding:6px 14px;font-size:.85rem}.blcatl .tchip[aria-pressed=true]{background:#0C1B33;color:#fff;border-color:#0C1B33}
.blgrid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.blseogrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:18px}.blseogrid h3{font-size:.95rem;margin-bottom:8px}
.blchk ul{list-style:none;display:grid;gap:8px;margin-top:10px}.blchk li{display:flex;gap:10px;align-items:flex-start;font-size:.88rem}.blchk li i{width:12px;height:12px;border-radius:50%;margin-top:4px;flex:none;background:#12794A}.blchk li.no i{background:#F89527}.blchk small{display:block;color:var(--muted)}
.serp{border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:3px;margin-bottom:16px;background:#fff}.serp small{color:#4d5156;font-size:.78rem}.serp b{color:#1a0dab;font-weight:500;font-size:1.05rem}.serp span{color:#4d5156;font-size:.86rem}
.soc{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.soc img,.soc .ph{width:100%;aspect-ratio:1.91/1;object-fit:cover;display:block;background:var(--surface,#EEF3F9)}.soc div:last-child{padding:10px 14px;display:grid;gap:2px}.soc small{color:var(--muted);font-size:.72rem}.soc b{font-size:.92rem}.soc span{color:var(--muted);font-size:.82rem}

.wa{position:fixed;right:clamp(14px,2.2vw,28px);bottom:calc(clamp(14px,2.2vw,28px) + env(safe-area-inset-bottom,0px));z-index:65;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 26px -8px rgba(12,27,51,.45);transition:transform .25s,box-shadow .25s}.wa svg{width:30px;height:30px;display:block}.wa:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 16px 30px -8px rgba(12,27,51,.5)}body.indash .wa{display:none}@media(max-width:760px){.wa{width:52px;height:52px}body:has(#detail:not([hidden])) .wa{bottom:calc(88px + env(safe-area-inset-bottom,0px))}}
.wa::before,.wa::after{content:"";position:absolute;inset:0;border-radius:50%;background:#25D366;z-index:-1;opacity:.55;animation:waPulse 2.4s cubic-bezier(.2,.6,.3,1) infinite}.wa::after{animation-delay:1.2s}@keyframes waPulse{0%{transform:scale(1);opacity:.55}100%{transform:scale(2.1);opacity:0}}@media(prefers-reduced-motion:reduce){.wa::before,.wa::after{animation:none;display:none}}
.wa{isolation:isolate}
.wa{width:44px!important;height:44px!important}.wa svg{width:23px!important;height:23px!important}@media(max-width:760px){.wa{width:40px!important;height:40px!important}.wa svg{width:21px!important;height:21px!important}}

.card h3 a.cl{color:inherit;text-decoration:none}
body:has(#seo-static) #top{display:none}
.seo-static{max-width:980px;margin:0 auto;padding:clamp(96px,12vw,130px) 20px 60px;display:grid;gap:18px;line-height:1.65}
.seo-static h1{font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.03em;line-height:1.1}.seo-static h2{font-size:1.3rem;margin-top:10px}
.seo-static img{max-width:100%;height:auto;border-radius:22px;display:block}.seo-static a{color:var(--accent)}
.seo-static .crumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:.88rem;color:var(--muted)}.seo-static ul{padding-left:1.2em}
.seo-static .facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;list-style:none;padding:0}.seo-static .facts li{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px}.seo-static .facts b{display:block;font-size:.78rem;color:var(--muted);font-weight:600}

.cmgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:14px}
.cmc{position:relative;display:flex;flex-direction:column;border-radius:26px;overflow:hidden;background:#fff;border:1px solid var(--line);text-decoration:none;color:inherit;transition:transform .3s,box-shadow .3s}
.cmc:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(12,27,51,.35)}
.cmi{display:block;aspect-ratio:3/2;background:var(--surface,#EEF3F9);overflow:hidden}.cmi img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.cmc:hover .cmi img{transform:scale(1.05)}
.cmt{display:grid;gap:3px;padding:16px 56px 18px 18px;min-width:0}.cmt b{font-size:1.02rem;letter-spacing:-.01em;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmt small{color:var(--muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmt small .aed{margin-right:.15em}
.cma{position:absolute;right:14px;bottom:16px;width:32px;height:32px;border-radius:50%;background:#F89527;color:#0C1B33;display:grid;place-items:center}.cma svg{width:12px;height:12px}
.cmmore{display:flex;justify-content:center;margin-top:22px}

.cmgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
.cmt{padding:14px 16px 16px}.cmt .cmp{color:var(--fg);font-weight:600;font-size:.88rem}
.cma{top:12px;bottom:auto;right:12px;width:30px;height:30px}
@media(max-width:980px){.cmgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.cmgrid{grid-template-columns:minmax(0,1fr)}}

/* about hero */
.ah2{position:relative;isolation:isolate;overflow:hidden;border-radius:clamp(26px,4vw,40px);min-height:min(80vh,700px);margin:6px 0 32px;padding:clamp(24px,5vw,56px);display:flex;flex-direction:column;justify-content:space-between;gap:36px;color:#fff;background:#0C1B33}
.ah2bg{position:absolute;inset:0;z-index:-2}.ah2bg img{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover;object-position:50% 40%;will-change:transform}
.ah2::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(12,27,51,.94) 6%,rgba(12,27,51,.72) 48%,rgba(12,27,51,.18) 100%),linear-gradient(0deg,rgba(12,27,51,.7),transparent 45%)}
.ah2::after{content:"";position:absolute;z-index:-1;right:-120px;top:-140px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(248,149,39,.45),transparent 68%);pointer-events:none}
.ah2in{display:grid;gap:22px;justify-items:start;max-width:760px;margin-top:clamp(10px,4vw,40px)}
.ah2pill{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:99px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.ah2pill i{width:8px;height:8px;border-radius:50%;background:#F89527;box-shadow:0 0 0 0 rgba(248,149,39,.6);animation:ahPulse 2s infinite}
@keyframes ahPulse{70%{box-shadow:0 0 0 10px rgba(248,149,39,0)}100%{box-shadow:0 0 0 0 rgba(248,149,39,0)}}
.ah2 h1{margin:0;font-size:clamp(3.4rem,10vw,7.6rem);line-height:.92;letter-spacing:-.045em;color:#fff}
.ah2 h1 em{font-style:italic;font-weight:400;color:#F89527}
.ah2 p{margin:0;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.65;color:#D3DAE6;max-width:54ch}.ah2 p b{color:#fff;font-weight:600}
.ah2 .btn{background:#F89527;color:#0C1B33}.ah2 .btn .ar{background:#0C1B33;color:#fff}
.ah2 .abtn2{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ah2 .abtn2:hover{background:#fff;color:#0C1B33;border-color:#fff}
@media(max-width:760px){.ah2::before{background:linear-gradient(180deg,rgba(12,27,51,.92) 0%,rgba(12,27,51,.78) 55%,rgba(12,27,51,.3) 100%)}}
/* about hero: full screen */
.ah2{width:100vw;margin:calc(-1 * (104px + env(safe-area-inset-top,0px))) 0 32px calc(50% - 50vw);border-radius:0 0 clamp(26px,4vw,48px) clamp(26px,4vw,48px);min-height:100vh;min-height:100svh;padding:clamp(120px,16vh,170px) clamp(20px,6vw,96px) clamp(28px,5vw,56px)}
.ah2in{max-width:880px;margin-top:0}
.ah2 h1{font-size:clamp(3.4rem,11vw,9rem)}
@media(max-width:760px){.ah2{padding-top:130px}}

.ah2{box-sizing:border-box;max-width:none}

.ah2{justify-content:center}

/* about hero: minimal */
.ah2{border-radius:0}
.ah2::after{display:none}
.ah2::before{background:linear-gradient(90deg,rgba(12,27,51,.9) 0%,rgba(12,27,51,.6) 45%,rgba(12,27,51,.15) 100%)}
.ah2in{gap:18px;max-width:620px}
.ah2pill{padding:0;border:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;font-size:.78rem;letter-spacing:.22em;color:#F89527}
.ah2pill::before{content:"";width:36px;height:1px;background:currentColor}
.ah2pill i{display:none}
.ah2 h1{font-size:clamp(2.6rem,6vw,4.8rem);font-weight:600;line-height:1;letter-spacing:-.035em}
.ah2 h1 em{font-style:normal;font-weight:600}
.ah2 p{font-size:1.05rem;color:#CBD3E0;max-width:42ch}
@media(max-width:760px){.ah2::before{background:linear-gradient(180deg,rgba(12,27,51,.88),rgba(12,27,51,.6))}}

/* website editor (dashboard) */
.stbar{display:flex;gap:8px;flex-wrap:wrap;padding:14px}.stbar .tchip[aria-pressed=true]{background:#0C1B33;color:#fff;border-color:#0C1B33}
.stbody{display:grid;gap:18px;max-width:820px}.stbody .note{margin:0}.stok{color:#12794A;font-weight:600;margin-left:6px}.stok.bad{color:#B42318}
.stf{display:grid;gap:6px}.stf small{color:var(--muted);font-size:.8rem}.stl{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-size:.82rem;font-weight:600;color:var(--muted);letter-spacing:.02em}
.stre{border:0;background:none;color:var(--accent);font:inherit;font-size:.78rem;font-weight:600;cursor:pointer;padding:0}.stre:hover{text-decoration:underline}
.stimg{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.stimg img{width:200px;height:120px;object-fit:cover;border-radius:14px;background:var(--surface,#EEF3F9);border:1px solid var(--line)}.stimg>div{display:grid;gap:8px;justify-items:start}
.stt{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:16px}
.stsw{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:600;font-size:.92rem}.stsw input{position:absolute;opacity:0;pointer-events:none}
.stsw i{width:42px;height:24px;border-radius:99px;background:#CBD3DE;position:relative;transition:background .2s;flex:none}.stsw i::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.stsw input:checked+i{background:#F89527}.stsw input:checked+i::after{transform:translateX(18px)}.stsw input:focus-visible+i{outline:2px solid #0C1B33;outline-offset:2px}
.stfoot{display:grid;gap:12px;max-width:820px}.stfoot b{display:block;margin-bottom:2px}.stbtns{display:flex;gap:8px;flex-wrap:wrap}

/* landing pages (dashboard) */
.lpth{width:64px;height:48px;border-radius:10px;overflow:hidden;flex:none;border:1px solid var(--line)}.lpth svg,.lpthb svg{width:100%;height:100%;display:block}
.lpgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px}.lpcard{display:grid;gap:10px;align-content:start}.lpcard h3{margin:0;font-size:1.05rem}.lpcard .note{margin:0}
.lpthb{aspect-ratio:4/3;border-radius:14px;overflow:hidden;border:1px solid var(--line)}.lpchips{display:flex;gap:6px;flex-wrap:wrap}.lpchips span{background:var(--surface,#EEF3F9);border-radius:99px;padding:3px 10px;font-size:.74rem;color:var(--muted)}.lpacts{display:flex;gap:8px;flex-wrap:wrap}
.lpsteps{display:flex;gap:8px;flex-wrap:wrap}.lpsteps span{padding:7px 14px;border-radius:99px;border:1px solid var(--line);background:#fff;font-size:.8rem;font-weight:600;color:var(--muted)}.lpsteps .now{background:#0C1B33;border-color:#0C1B33;color:#fff}.lpsteps .done{color:#12794A;border-color:#BFE3CF;background:#F2FAF5}
.lpform{display:grid;gap:16px;max-width:860px}.lpform h2,.lppub h2,.lpsec h2{font-size:1.05rem;margin:0 0 12px}.lpreq{color:#B42318;font-style:normal}
.lprows{display:grid;gap:10px}.lprow{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:16px;padding:12px}.lprowf{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.lpwide{grid-column:1/-1}.lpsmall{display:grid;gap:4px}
.lpimg{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.lpimg>img,.lpimg>span{width:120px;height:80px;border-radius:12px;object-fit:cover;background:var(--surface,#EEF3F9);border:1px solid var(--line);display:grid;place-items:center;font-size:.72rem;color:var(--muted)}.lpimg>div{flex:1;min-width:200px;display:grid;gap:8px;justify-items:start}
.lpthumbs{display:flex;gap:8px;flex-wrap:wrap}.lpt{position:relative;width:96px;height:72px}.lpt img{width:100%;height:100%;object-fit:cover;border-radius:10px}.lpt button{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:0;background:#B3261E;color:#fff;cursor:pointer;line-height:1}.lpadd{width:96px;height:72px;border:1px dashed var(--muted);border-radius:10px;display:grid;place-items:center;font-size:.78rem;color:var(--muted);cursor:pointer;text-align:center}
.lpff{display:grid;gap:8px}.lpff>div{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:10px 14px}.lpreqbox{font-size:.82rem;display:flex;gap:6px;align-items:center;color:var(--muted)}
.lpbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.lpdev{display:flex;gap:6px}
.lpprev{padding:14px;background:#E3E8EF;display:flex;justify-content:center}.lpprev iframe{height:min(78vh,820px);border:0;background:#fff;border-radius:12px;max-width:100%;transition:width .25s}
.lpsub{display:flex;align-items:center;gap:8px}.lpsub .fi{flex:1}.lpsub span{font-weight:600;color:var(--muted);white-space:nowrap}
.lpurl{margin-top:14px;padding:16px 18px;border-radius:16px;background:#0C1B33;color:#fff;display:grid;gap:2px}.lpurl small{color:#B9C3D2}.lpurl b{font-size:clamp(1.1rem,2.6vw,1.6rem);word-break:break-all}
.lpcnt{font-weight:500;opacity:.7}.lpwarn{background:#FFF0D9;color:#7A4600;border-radius:14px;padding:12px 16px;margin-bottom:12px;font-size:.9rem}
.lpok{background:#E1F5EA;color:#0B5A36;border-radius:18px;padding:18px 20px;display:grid;gap:8px}.lpok p{margin:0}.lpok a:not(.dbtn){text-decoration:underline}
.lpconn summary{cursor:pointer;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.lpconn[open] summary{margin-bottom:10px}
.lpsec.off{opacity:.55}.lpsech{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:space-between}.lpft{display:grid;gap:8px;margin-top:12px}.lpfr{display:grid;grid-template-columns:minmax(0,1.2fr) auto minmax(0,1fr);gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:8px 12px}@media(max-width:720px){.lpfr{grid-template-columns:1fr}}
.lpmodal{position:fixed;inset:0;z-index:200;background:rgba(12,27,51,.82);display:flex;flex-direction:column;padding:14px;gap:10px}.lpmh{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#fff;flex-wrap:wrap}.lpmh>div{display:flex;gap:6px;flex-wrap:wrap}.lpmb{flex:1;display:flex;justify-content:center;min-height:0}.lpmb iframe{width:100%;height:100%;border:0;background:#fff;border-radius:12px;transition:width .25s;max-width:100%}

.lpvid{display:grid;gap:10px;justify-items:start}.lpvid video{width:min(100%,420px);border-radius:14px;background:#000;aspect-ratio:16/9}.lpnov{color:var(--muted);font-size:.85rem}.lpvid small{display:block;margin-top:6px;color:var(--muted)}
.lpprog{width:min(100%,420px);height:30px;border-radius:99px;background:var(--surface,#EEF3F9);position:relative;overflow:hidden}.lpprog i{position:absolute;inset:0 auto 0 0;background:#F89527;transition:width .2s}.lpprog span{position:relative;display:block;line-height:30px;text-align:center;font-size:.8rem;font-weight:600}
.dbtn.disabled{opacity:.5}

/* api mode: features that are not connected to the server yet are not shown */


/* sign-in and password boxes (API mode) */
.adm-ov{position:fixed;inset:0;z-index:200;background:rgba(12,27,51,.55);display:grid;place-items:center;padding:16px;overflow:auto}
.adm-box{background:#fff;color:#0C1B33;border-radius:24px;padding:28px;width:min(460px,100%);box-shadow:0 30px 80px -20px rgba(0,0,0,.45);max-height:92vh;overflow:auto}
.adm-box .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.adm-box .full{grid-column:1/-1}
@media(max-width:520px){.adm-box .fgrid{grid-template-columns:1fr}}
.adm-err{color:#c0392b;margin:0;font-weight:600;font-size:.9rem}
.btn.ghost{background:transparent;color:inherit;border:1px solid #D5DCE6}

.chipx{display:inline-block;cursor:pointer;position:relative}.chipx input{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none}.chipx span{display:inline-block;border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 14px;font-size:.85rem;font-weight:400;color:var(--fg)}.chipx input:checked+span{background:#FDE7CF;border-color:#F89527;color:#7A4400;font-weight:600}.chipx input:focus-visible+span{outline:2px solid #0C1B33;outline-offset:2px}.ded .f{display:grid;gap:6px;font-size:.8rem;font-weight:600;color:var(--muted)}.phs .ph3 button{z-index:1}

.phs .mv{position:absolute;left:6px;top:6px;display:flex;gap:4px}.phs .mv button{position:static;width:24px;height:24px;background:rgba(255,255,255,.92);color:#0C1B33}