:root{--ink: #1c1917;--ink-2: #292524;--ink-3: #44403c;--ink-soft: #57534e;--gold: #d9a441;--gold-2: #f0c46a;--gold-deep: #a67c24;--sand: #f7f4ef;--sand-2: #efe9e0;--paper: #ffffff;--line: #e4ded4;--line-strong: #d3cabd;--text: #1c1917;--muted: #78716c;--muted-2: #a8a29e;--success: #3f7d5a;--danger: #b4443a;--steel: #3e5c76;--teal: #2f6f6b;--clay: #a16207;--bg: var(--sand);--surface: var(--paper);--surface-2: var(--sand-2);--dark-surface: #221f1d;--r-xs: 4px;--r-sm: 8px;--r: 12px;--r-lg: 18px;--r-xl: 26px;--pill: 999px;--sh-xs: 0 1px 2px rgba(28, 25, 23, .06);--sh-sm: 0 2px 8px rgba(28, 25, 23, .07);--sh: 0 8px 26px rgba(28, 25, 23, .09);--sh-lg: 0 20px 52px rgba(28, 25, 23, .16);--sh-gold: 0 10px 30px rgba(217, 164, 65, .28);--font-head: "Noto Kufi Arabic", system-ui, sans-serif;--font-body: "Noto Sans Arabic", system-ui, sans-serif;--font-serif: "Noto Naskh Arabic", serif;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 72px;--max: 1200px;--nav-h: 68px;--ease: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5{font-family:var(--font-head);line-height:1.35;margin:0;letter-spacing:-.01em}p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit}ul{margin:0;padding:0;list-style:none}::selection{background:var(--gold);color:var(--ink)}:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:var(--r-xs)}.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--sp-5)}.section{padding:var(--sp-8) 0}.section--tight{padding:var(--sp-7) 0}.section--dark{background:var(--ink);color:var(--sand)}.section--sand{background:var(--surface-2)}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.wrap{flex-wrap:wrap}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-5{gap:var(--sp-5)}.gap-6{gap:var(--sp-6)}.grow{flex:1 1 auto}.center{justify-content:center}.between{justify-content:space-between}.grid{display:grid;gap:var(--sp-5)}.grid-2{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.grid-4{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep)}.section--dark .eyebrow{color:var(--gold-2)}.eyebrow:before{content:"";width:26px;height:2px;background:currentColor;opacity:.7}.h-display{font-size:clamp(2rem,5.2vw,3.4rem);font-weight:800;letter-spacing:-.03em;line-height:1.22}.h-section{font-size:clamp(1.5rem,3.4vw,2.15rem);font-weight:700;margin-top:var(--sp-3)}.h-card{font-size:1.06rem;font-weight:700;line-height:1.5}.lede{color:var(--muted);font-size:1.05rem;max-width:68ch;margin-top:var(--sp-4)}.section--dark .lede{color:#b8b0a6}.muted{color:var(--muted)}.tiny{font-size:.8rem}.mono-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-5);flex-wrap:wrap;margin-bottom:var(--sp-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:.72rem 1.5rem;border:1px solid transparent;border-radius:var(--pill);font-family:var(--font-body);font-size:.92rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:transform .18s var(--ease),box-shadow .18s var(--ease),background-color .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{flex:none}.btn--primary{background:var(--ink);color:var(--sand);box-shadow:var(--sh-sm)}.btn--primary:hover:not(:disabled){background:var(--ink-3);transform:translateY(-2px);box-shadow:var(--sh)}.btn--gold{background:var(--gold);color:var(--ink);box-shadow:var(--sh-gold)}.btn--gold:hover:not(:disabled){background:var(--gold-2);transform:translateY(-2px)}.btn--ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}.btn--ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--ink-soft);transform:translateY(-2px)}.btn--onDark{background:transparent;color:var(--sand);border-color:#f7f4ef47}.btn--onDark:hover:not(:disabled){background:#f7f4ef1a;border-color:var(--gold);transform:translateY(-2px)}.btn--sm{padding:.5rem 1rem;font-size:.83rem}.btn--lg{padding:.95rem 2rem;font-size:1rem}.btn--block{width:100%}.link-arrow{display:inline-flex;align-items:center;gap:var(--sp-2);font-weight:700;font-size:.9rem;color:var(--gold-deep);cursor:pointer;transition:gap .2s var(--ease),color .2s var(--ease)}.link-arrow:hover{gap:var(--sp-3);color:var(--ink)}.section--dark .link-arrow{color:var(--gold-2)}.section--dark .link-arrow:hover{color:var(--paper)}.chip{display:inline-flex;align-items:center;gap:6px;padding:.28rem .7rem;border-radius:var(--pill);font-size:.76rem;font-weight:600;background:var(--surface-2);color:var(--ink-3);border:1px solid var(--line)}.chip--gold{background:#d9a44124;color:var(--gold-deep);border-color:#d9a4414d}.chip--ok{background:#3f7d5a1f;color:var(--success);border-color:#3f7d5a42}.chip--warn{background:#b4443a1a;color:var(--danger);border-color:#b4443a3d}.chip--steel{background:#3e5c761f;color:var(--steel);border-color:#3e5c7642}.chip--teal{background:#2f6f6b1f;color:var(--teal);border-color:#2f6f6b42}.chip--dark{background:#f7f4ef1a;color:var(--sand);border-color:#f7f4ef33}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-xs);transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease)}.card--hover:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:var(--line-strong)}.card-pad{padding:var(--sp-5)}.card-dark{background:var(--dark-surface);border:1px solid rgba(247,244,239,.1);border-radius:var(--r-lg);color:var(--sand)}.card-accent{border-top:3px solid var(--gold)}.card-accent--materials{border-top-color:var(--clay)}.card-accent--consulting{border-top-color:var(--steel)}.card-accent--design{border-top-color:var(--teal)}.nav{position:sticky;top:0;z-index:40;background:#f7f4efdb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;gap:var(--sp-5);height:var(--nav-h)}.nav-brand{display:flex;align-items:center;gap:var(--sp-3);cursor:pointer;flex:none}.nav-brand-text{display:flex;flex-direction:column;line-height:1.1}.nav-brand-name{font-family:var(--font-head);font-weight:800;font-size:1.22rem;letter-spacing:-.02em}.nav-brand-sub{font-size:.62rem;letter-spacing:.16em;color:var(--muted);text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:var(--sp-1);margin-inline-start:auto}.nav-link{padding:.45rem .8rem;border-radius:var(--r-sm);font-size:.9rem;font-weight:600;color:var(--ink-soft);cursor:pointer;transition:color .18s var(--ease),background-color .18s var(--ease)}.nav-link:hover{color:var(--ink);background:#1c19170d}.nav-link.is-active{color:var(--ink)}.nav-link.is-active:after{content:"";display:block;height:2px;margin-top:3px;border-radius:2px;background:var(--gold)}.nav-actions{display:flex;align-items:center;gap:var(--sp-3);flex:none}.nav-burger{display:none;background:none;border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:.45rem;cursor:pointer;color:var(--ink)}.nav-drawer{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-3) 0 var(--sp-5);border-top:1px solid var(--line)}.nav-drawer .nav-link{padding:.75rem .8rem;font-size:1rem}.hero{position:relative;overflow:hidden;background:var(--ink);color:var(--sand);padding:var(--sp-8) 0 var(--sp-7)}.hero:after{content:"";position:absolute;inset:-30% -10% auto auto;width:62%;height:118%;background:radial-gradient(circle at 65% 35%,rgba(217,164,65,.22),transparent 62%);pointer-events:none}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;pointer-events:none}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:var(--sp-7);align-items:center}.hero h1{color:var(--sand)}.hero h1 em{font-style:normal;color:var(--gold)}.hero-sub{color:#bfb6ab;font-size:1.06rem;max-width:56ch;margin-top:var(--sp-4)}.hero-actions{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-6)}.hero-facts{display:flex;gap:var(--sp-6);flex-wrap:wrap;margin-top:var(--sp-7);padding-top:var(--sp-5);border-top:1px solid rgba(247,244,239,.14)}.hero-fact strong{display:block;font-family:var(--font-head);font-size:1.5rem;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums}.hero-fact span{font-size:.82rem;color:#a49b91}.searchbar{display:flex;gap:var(--sp-2);background:var(--paper);border-radius:var(--pill);padding:6px;box-shadow:var(--sh-lg);margin-top:var(--sp-6);max-width:620px}.searchbar input{border:none;background:transparent;flex:1 1 auto;padding:.6rem 1rem;font-size:.98rem;color:var(--ink);outline:none;min-width:0}.searchbar input::placeholder{color:var(--muted-2)}.search-hints{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap;margin-top:var(--sp-4);font-size:.8rem;color:#a49b91}.blueprint{position:relative;border:1px solid rgba(217,164,65,.34);border-radius:var(--r-lg);background:#d9a4410a;aspect-ratio:4 / 3.4;overflow:hidden}.blueprint svg{width:100%;height:100%;display:block}.cat-tile{position:relative;display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);cursor:pointer;overflow:hidden;text-align:start;transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease)}.cat-tile:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:var(--tile-accent, var(--gold));opacity:.85}.cat-tile:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:var(--line-strong)}.cat-tile-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:var(--r);background:color-mix(in srgb,var(--tile-accent, var(--gold)) 14%,transparent);color:var(--tile-accent, var(--gold))}.cat-tile-count{font-size:.78rem;font-weight:700;color:var(--muted)}.cat-tile-desc{font-size:.86rem;color:var(--muted);line-height:1.65}.co-head{display:flex;align-items:flex-start;gap:var(--sp-3)}.co-avatar{flex:none;width:50px;height:50px;border-radius:var(--r);display:grid;place-items:center;font-family:var(--font-head);font-weight:800;font-size:1.1rem;color:var(--paper);background:var(--ink-3)}.co-meta{display:flex;gap:var(--sp-3);flex-wrap:wrap;font-size:.79rem;color:var(--muted)}.co-meta span{display:inline-flex;align-items:center;gap:4px}.co-summary{font-size:.88rem;color:var(--ink-soft);line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.co-tags{display:flex;gap:6px;flex-wrap:wrap}.co-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding-top:var(--sp-4);border-top:1px solid var(--line);margin-top:var(--sp-4)}.co-price{font-family:var(--font-head);font-weight:700;font-size:1.02rem;display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.meter{width:100%;height:5px;border-radius:var(--pill);background:var(--surface-2);overflow:hidden}.meter>span{display:block;height:100%;border-radius:var(--pill);background:var(--gold);transition:width .5s var(--ease)}.meter--ok>span{background:var(--success)}.meter--steel>span{background:var(--steel)}.filterbar{display:flex;gap:var(--sp-3);flex-wrap:wrap;align-items:flex-end;padding:var(--sp-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-xs)}.filterbar .field{min-width:168px;flex:1 1 168px}.chip-row{display:flex;gap:var(--sp-2);flex-wrap:wrap}.chip-btn{padding:.42rem .9rem;border-radius:var(--pill);border:1px solid var(--line-strong);background:var(--surface);font-size:.83rem;font-weight:600;color:var(--ink-soft);cursor:pointer;transition:all .18s var(--ease)}.chip-btn:hover{border-color:var(--ink-soft);color:var(--ink)}.chip-btn.is-active{background:var(--ink);border-color:var(--ink);color:var(--sand)}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:.82rem;font-weight:700;color:var(--ink-3)}.field .hint{font-size:.76rem;color:var(--muted);font-weight:400}.input,.select,.textarea{width:100%;padding:.68rem .9rem;font-family:var(--font-body);font-size:.94rem;color:var(--ink);background:var(--paper);border:1px solid var(--line-strong);border-radius:var(--r-sm);outline:none;transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}.textarea{min-height:118px;resize:vertical;line-height:1.7}.input:focus,.select:focus,.textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d9a44138}.input.has-error,.select.has-error,.textarea.has-error{border-color:var(--danger);box-shadow:0 0 0 3px #b4443a24}.err{font-size:.78rem;color:var(--danger);font-weight:600}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2378716c' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left .85rem center;padding-inline-start:2.1rem}.choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:var(--sp-3)}.choice{position:relative;text-align:start;padding:var(--sp-4);border:1.5px solid var(--line-strong);border-radius:var(--r);background:var(--paper);cursor:pointer;transition:all .18s var(--ease)}.choice:hover{border-color:var(--gold);transform:translateY(-2px)}.choice.is-active{border-color:var(--ink);background:#d9a44117;box-shadow:var(--sh-sm)}.choice-title{font-weight:700;font-size:.92rem;display:block}.choice-sub{font-size:.78rem;color:var(--muted);line-height:1.6;display:block;margin-top:4px}.choice-badge{position:absolute;top:-10px;inset-inline-start:var(--sp-4);background:var(--gold);color:var(--ink);font-size:.68rem;font-weight:800;padding:2px 8px;border-radius:var(--pill)}.switch{display:flex;align-items:center;gap:var(--sp-3);cursor:pointer;padding:var(--sp-3) var(--sp-4);border:1px solid var(--line);border-radius:var(--r);background:var(--paper);transition:all .18s var(--ease)}.switch:hover{border-color:var(--line-strong)}.switch.is-on{border-color:var(--gold);background:#d9a44114}.switch-track{width:40px;height:22px;border-radius:var(--pill);background:var(--line-strong);position:relative;flex:none;transition:background .2s var(--ease)}.switch.is-on .switch-track{background:var(--gold)}.switch-knob{position:absolute;top:3px;inset-inline-end:3px;width:16px;height:16px;border-radius:50%;background:var(--paper);box-shadow:var(--sh-xs);transition:transform .2s var(--ease)}.switch.is-on .switch-knob{transform:translate(18px)}.switch-body{display:flex;flex-direction:column}.switch-body strong{font-size:.9rem}.switch-body span{font-size:.78rem;color:var(--muted)}.switch-cost{margin-inline-start:auto;font-weight:700;font-size:.86rem;color:var(--gold-deep)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-xs)}table.data{width:100%;border-collapse:collapse;font-size:.88rem;min-width:620px}table.data th{text-align:start;padding:.85rem var(--sp-4);background:var(--surface-2);font-family:var(--font-head);font-size:.78rem;font-weight:700;color:var(--ink-3);letter-spacing:.02em;white-space:nowrap;border-bottom:1px solid var(--line)}table.data td{padding:.8rem var(--sp-4);border-bottom:1px solid var(--line);vertical-align:middle}table.data tbody tr:last-child td{border-bottom:none}table.data tbody tr{transition:background .15s var(--ease)}table.data tbody tr:hover{background:#d9a4410d}td.num,th.num{font-variant-numeric:tabular-nums;text-align:end}.trend{display:inline-flex;align-items:center;gap:3px;font-size:.76rem;font-weight:700}.trend--up{color:var(--danger)}.trend--down{color:var(--success)}.trend--stable{color:var(--muted)}.notice{display:flex;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-radius:var(--r);border:1px solid var(--line);background:var(--surface-2);font-size:.88rem;line-height:1.8;color:var(--ink-3)}.notice--gold{background:#d9a4411a;border-color:#d9a4414d}.notice--steel{background:#3e5c7614;border-color:#3e5c763d}.notice--warn{background:#b4443a12;border-color:#b4443a38}.notice svg{flex:none;margin-top:4px}.empty{text-align:center;padding:var(--sp-8) var(--sp-5);border:1px dashed var(--line-strong);border-radius:var(--r-lg);background:var(--surface)}.empty-icon{width:58px;height:58px;margin:0 auto var(--sp-4);display:grid;place-items:center;border-radius:50%;background:var(--surface-2);color:var(--muted)}.skeleton{background:linear-gradient(90deg,#1c19170d 25%,#1c19171a,#1c19170d 75%);background-size:220% 100%;animation:shimmer 1.4s infinite linear;border-radius:var(--r-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sk-card{height:250px;border-radius:var(--r-lg)}.spinner{width:18px;height:18px;border:2px solid rgba(247,244,239,.3);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-wrap{position:fixed;bottom:var(--sp-5);inset-inline-start:var(--sp-5);z-index:90;display:flex;flex-direction:column;gap:var(--sp-2);max-width:min(380px,calc(100vw - 32px))}.toast{display:flex;align-items:flex-start;gap:var(--sp-3);padding:.85rem 1.1rem;border-radius:var(--r);font-size:.88rem;font-weight:600;box-shadow:var(--sh-lg);animation:toastIn .3s var(--ease);background:var(--ink);color:var(--sand)}.toast--success{background:#2f5f45}.toast--error{background:#8f352d}.toast svg{flex:none;margin-top:2px}@keyframes toastIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.calc-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--sp-6);align-items:start}.calc-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:var(--sp-6);box-shadow:var(--sh-sm)}.calc-steps{display:flex;flex-direction:column;gap:var(--sp-6)}.calc-step{display:flex;flex-direction:column;gap:var(--sp-4)}.step-head{display:flex;align-items:center;gap:var(--sp-3)}.step-num{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--gold);font-family:var(--font-head);font-weight:700;font-size:.86rem}.step-title{font-family:var(--font-head);font-weight:700;font-size:1.02rem}.slider-row{display:flex;align-items:center;gap:var(--sp-4)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1 1 auto;height:6px;border-radius:var(--pill);background:var(--surface-2);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--gold);border:3px solid var(--paper);box-shadow:var(--sh-sm);cursor:grab}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--gold);border:3px solid var(--paper);cursor:grab}.slider-val{min-width:92px;text-align:center;font-family:var(--font-head);font-weight:700;font-size:1.05rem;padding:.3rem .7rem;border-radius:var(--r-sm);background:var(--surface-2);font-variant-numeric:tabular-nums}.calc-result{position:sticky;top:calc(var(--nav-h) + 16px);background:var(--ink);color:var(--sand);border-radius:var(--r-xl);padding:var(--sp-6);box-shadow:var(--sh-lg)}.calc-total{font-family:var(--font-head);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums;line-height:1.2}.calc-total-unit{font-size:.9rem;font-weight:600;color:#a49b91}.calc-range{font-size:.84rem;color:#a49b91;font-variant-numeric:tabular-nums}.calc-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);padding:var(--sp-5) 0;margin:var(--sp-5) 0;border-block:1px solid rgba(247,244,239,.14)}.calc-split div strong{display:block;font-family:var(--font-head);font-size:1.16rem;font-weight:700;font-variant-numeric:tabular-nums}.calc-split div span{font-size:.78rem;color:#a49b91}.breakdown{display:flex;flex-direction:column;gap:var(--sp-3)}.bd-row{display:flex;flex-direction:column;gap:5px}.bd-top{display:flex;justify-content:space-between;gap:var(--sp-3);font-size:.84rem}.bd-top span:last-child{font-variant-numeric:tabular-nums;font-weight:600}.bd-bar{height:6px;border-radius:var(--pill);background:#f7f4ef1a;overflow:hidden}.bd-bar>span{display:block;height:100%;border-radius:var(--pill);background:linear-gradient(90deg,var(--gold-deep),var(--gold-2));transition:width .6s var(--ease)}.donut{--p: 0;width:168px;height:168px;border-radius:50%;background:conic-gradient(var(--gold) 0 calc(var(--p) * 1%),rgba(247,244,239,.13) 0 100%);display:grid;place-items:center;position:relative;flex:none}.donut:after{content:"";position:absolute;top:22px;right:22px;bottom:22px;left:22px;border-radius:50%;background:var(--ink)}.donut-inner{position:relative;z-index:2;text-align:center}.donut-inner strong{font-family:var(--font-head);font-size:1.3rem;display:block;color:var(--gold)}.donut-inner span{font-size:.72rem;color:#a49b91}.planner{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:var(--sp-5);align-items:start}.plan-canvas{border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(var(--line) 1px,transparent 1px) 0 0 / 22px 22px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0 / 22px 22px,var(--paper);padding:var(--sp-5);min-height:380px;display:flex;align-items:center;justify-content:center;overflow:hidden}.plan-canvas svg{width:100%;height:auto;max-height:520px}.room-list{display:flex;flex-direction:column;gap:var(--sp-2)}.room-item{display:flex;align-items:center;gap:var(--sp-3);padding:.6rem .8rem;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);font-size:.86rem;transition:all .18s var(--ease)}.room-item:hover{border-color:var(--line-strong)}.room-swatch{width:12px;height:12px;border-radius:3px;flex:none}.room-dim{color:var(--muted);font-size:.78rem;font-variant-numeric:tabular-nums}.room-area{margin-inline-start:auto;font-weight:700;font-variant-numeric:tabular-nums;font-size:.84rem}.icon-btn{border:none;background:transparent;padding:4px;border-radius:var(--r-xs);cursor:pointer;color:var(--muted);display:grid;place-items:center;transition:color .16s var(--ease),background-color .16s var(--ease)}.icon-btn:hover{color:var(--danger);background:#b4443a1a}.preset-row{display:flex;gap:var(--sp-2);flex-wrap:wrap}.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--sp-3)}.stat-cell{padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r);background:var(--paper);text-align:center}.stat-cell strong{display:block;font-family:var(--font-head);font-size:1.28rem;font-weight:800;font-variant-numeric:tabular-nums}.stat-cell span{font-size:.76rem;color:var(--muted)}.footer{background:var(--ink);color:#a49b91;padding:var(--sp-8) 0 var(--sp-5);margin-top:var(--sp-8)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:var(--sp-6)}.footer h4{color:var(--sand);font-size:.92rem;margin-bottom:var(--sp-4);font-weight:700}.footer a{font-size:.87rem;transition:color .18s var(--ease)}.footer a:hover{color:var(--gold)}.footer-links{display:flex;flex-direction:column;gap:var(--sp-2)}.footer-bottom{margin-top:var(--sp-7);padding-top:var(--sp-5);border-top:1px solid rgba(247,244,239,.12);display:flex;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;font-size:.8rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.fade-up{animation:fadeUp .55s var(--ease) both}.d-1{animation-delay:.07s}.d-2{animation-delay:.14s}.d-3{animation-delay:.21s}.d-4{animation-delay:.28s}.d-5{animation-delay:.35s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 1024px){.hero-inner{grid-template-columns:1fr;gap:var(--sp-6)}.blueprint{max-width:520px}.calc-layout{grid-template-columns:1fr}.calc-result{position:static}.planner{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 860px){.nav-links{display:none}.nav-burger{display:grid}.nav-actions .btn{display:none}.nav-actions .btn--keep{display:inline-flex}}@media (max-width: 640px){:root{--sp-8: 52px;--sp-7: 36px;--nav-h: 62px}.container{padding:0 var(--sp-4)}.card-pad{padding:var(--sp-4)}.calc-panel,.calc-result{padding:var(--sp-5) var(--sp-4)}.calc-split{grid-template-columns:1fr}.filterbar{padding:var(--sp-4)}.filterbar .field{flex:1 1 100%}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.choice-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr;gap:var(--sp-5)}.hero-facts{gap:var(--sp-5)}.toast-wrap{inset-inline:var(--sp-4);max-width:none}.btn--lg{width:100%}}@media (max-width: 420px){.choice-grid{grid-template-columns:1fr}.searchbar{flex-direction:column;border-radius:var(--r-lg)}.searchbar .btn{width:100%}}.spin{animation:spin .8s linear infinite}.field-err{font-size:.78rem;color:var(--danger);font-weight:600;display:inline-flex;align-items:center;gap:4px}.field-hint{font-size:.76rem;color:var(--muted);line-height:1.6}.mail-gate{max-width:620px;margin-inline:auto}.mail-gate-head{display:flex;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-5)}.mail-gate-icon{width:44px;height:44px;border-radius:var(--r-sm);display:grid;place-items:center;background:#d9a44124;color:var(--gold-deep);flex:none}.mail-top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.mail-top-id{display:flex;align-items:center;gap:var(--sp-4)}.mail-top-addr{font-family:var(--font-head);font-weight:700;font-size:1.02rem;color:var(--ink);word-break:break-all}.mail-tabs{display:flex;gap:var(--sp-2);margin:var(--sp-5) 0 var(--sp-4);border-bottom:1px solid var(--line);padding-bottom:var(--sp-3)}.mail-tab{display:inline-flex;align-items:center;gap:6px;padding:.5rem 1rem;border-radius:var(--pill);border:1px solid transparent;background:transparent;font-family:var(--font-body);font-size:.88rem;font-weight:700;color:var(--muted);cursor:pointer;transition:all .18s var(--ease)}.mail-tab:hover{color:var(--ink);background:var(--surface-2)}.mail-tab.is-active{background:var(--ink);color:var(--sand);border-color:var(--ink)}.mail-layout{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:var(--sp-5);align-items:start}.mail-list{overflow:hidden;padding:0}.mail-folders{display:flex;gap:var(--sp-1);padding:var(--sp-3);border-bottom:1px solid var(--line);flex-wrap:wrap}.mail-folder{flex:1 1 auto;display:inline-flex;align-items:center;gap:6px;padding:.45rem .7rem;border-radius:var(--r-sm);border:1px solid transparent;background:transparent;font-family:var(--font-body);font-size:.84rem;font-weight:700;color:var(--muted);cursor:pointer;transition:all .16s var(--ease)}.mail-folder:hover{background:var(--surface-2);color:var(--ink)}.mail-folder.is-active{background:#d9a44124;color:var(--gold-deep);border-color:#d9a4414d}.mail-count{background:var(--ink);color:var(--sand);border-radius:var(--pill);font-size:.68rem;font-weight:800;padding:1px 7px;margin-inline-start:auto}.mail-filters{padding:var(--sp-3);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:var(--sp-3)}.mail-search{display:flex;align-items:center;gap:var(--sp-2);padding:.45rem .75rem;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--paper);color:var(--muted)}.mail-search:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #d9a4412e}.mail-search input{border:none;outline:none;background:transparent;width:100%;font-family:var(--font-body);font-size:.88rem;color:var(--ink)}.mail-chips{display:flex;flex-wrap:wrap;gap:6px}.mail-chip{cursor:pointer;font-family:var(--font-body);display:inline-flex;align-items:center;gap:4px;transition:all .16s var(--ease)}.mail-chip:hover{border-color:var(--gold)}.mail-items{max-height:62vh;overflow-y:auto}.mail-items .skeleton{margin:var(--sp-3)}.mail-item{width:100%;text-align:start;display:flex;flex-direction:column;gap:5px;padding:var(--sp-4);border:none;border-bottom:1px solid var(--line);background:var(--paper);cursor:pointer;font-family:var(--font-body);transition:background-color .16s var(--ease)}.mail-item:hover{background:var(--surface-2)}.mail-item.is-selected{background:#d9a4411a;box-shadow:inset 3px 0 0 var(--gold)}.mail-item.is-unread .mail-item-name,.mail-item.is-unread .mail-item-subject{font-weight:800}.mail-item-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3)}.mail-item-name{font-size:.9rem;font-weight:700;color:var(--ink)}.mail-item-date{font-size:.7rem;color:var(--muted-2);flex:none}.mail-item-subject{font-size:.86rem;color:var(--ink-3)}.mail-item-preview{font-size:.78rem;color:var(--muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mail-item-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}.mail-item-tags .chip{font-size:.68rem;padding:2px 7px;display:inline-flex;align-items:center;gap:3px}.mail-empty{padding:var(--sp-7) var(--sp-5);text-align:center;color:var(--muted)}.mail-pager{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3);border-top:1px solid var(--line)}.mail-reader{min-height:420px}.mail-reader--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.mail-reader-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4)}.mail-reader-actions{display:flex;gap:var(--sp-1);flex:none}.icon-btn--danger:hover{color:var(--danger)}.mail-meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--sp-3);margin:var(--sp-5) 0;padding:var(--sp-4);background:var(--surface-2);border-radius:var(--r)}.mail-meta dt{font-size:.72rem;font-weight:700;color:var(--muted)}.mail-meta dd{margin:2px 0 0;font-size:.88rem;font-weight:700;color:var(--ink)}.mail-body{white-space:pre-wrap;line-height:1.9;color:var(--ink-2);font-size:.94rem;padding:var(--sp-4) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mail-thread{margin-top:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3)}.mail-thread-item{border-radius:var(--r-sm);padding:var(--sp-3) var(--sp-4);font-size:.88rem;border:1px solid var(--line);background:var(--surface-2)}.mail-thread-item.is-ok{border-color:#3f7d5a4d;background:#3f7d5a0f}.mail-thread-item.is-queued{border-color:#d9a44159;background:#d9a44114}.mail-thread-item.is-fail{border-color:#b4443a4d;background:#b4443a0f}.mail-reply{margin-top:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3)}.mail-reply>label{font-size:.82rem;font-weight:700;color:var(--ink-3)}.mail-reply textarea,.field input,.field textarea,.field select{width:100%;padding:.68rem .9rem;font-family:var(--font-body);font-size:.94rem;color:var(--ink);background:var(--paper);border:1px solid var(--line-strong);border-radius:var(--r-sm);outline:none;transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}.mail-reply textarea{resize:vertical;line-height:1.8}.mail-reply textarea:focus,.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d9a44133}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.mail-settings .h-card{margin-bottom:var(--sp-2)}.mail-providers{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:var(--sp-3);margin-top:var(--sp-4)}.mail-provider{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1.5px solid var(--line-strong);border-radius:var(--r);background:var(--paper);font-family:var(--font-body);font-size:.86rem;font-weight:700;color:var(--ink-2);cursor:pointer;text-align:start;transition:all .18s var(--ease)}.mail-provider:hover{border-color:var(--gold);transform:translateY(-2px)}.mail-provider.is-active{border-color:var(--ink);background:#d9a4411a;box-shadow:var(--sh-sm)}.mail-check{display:flex;align-items:center;gap:var(--sp-2);font-size:.86rem;color:var(--ink-3);font-weight:600}.mail-check input{width:16px;height:16px;accent-color:var(--gold)}.callout{margin-top:var(--sp-4);padding:var(--sp-4);border-radius:var(--r);border:1px solid var(--line);background:var(--surface-2);font-size:.84rem;line-height:1.9;color:var(--ink-2)}.callout--tip{border-inline-start:3px solid var(--gold)}.callout code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-xs);padding:1px 5px}.mail-copy{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3);padding:.5rem .75rem;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm)}.mail-copy code{flex:1 1 auto;font-size:.78rem;word-break:break-all;color:var(--ink-2)}.mail-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c19178c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:var(--sp-5);z-index:90}.mail-modal{width:min(560px,100%);max-height:90vh;overflow-y:auto;animation:fadeUp .24s var(--ease)}.nav-mail{position:relative}.nav-mail-badge{position:absolute;top:-6px;inset-inline-end:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:var(--pill);background:var(--danger);color:#fff;font-size:.66rem;font-weight:800;display:grid;place-items:center;box-shadow:0 2px 6px #b4443a66}@media (max-width: 900px){.mail-layout{grid-template-columns:1fr}.mail-items{max-height:none}.mail-reader{min-height:auto}.mail-top{flex-direction:column;align-items:flex-start}.mail-top-id{width:100%}}@media (max-width: 640px){.mail-tabs{flex-wrap:wrap}.mail-gate-head{flex-direction:column;align-items:flex-start;gap:var(--sp-3)}.mail-providers{grid-template-columns:1fr}.nav-mail-label{display:none}}