@layer components{.gd-progress{inset-inline:0;z-index:39;background:var(--primary);transform-origin:100%;pointer-events:none;height:2px;display:none;position:fixed;top:4rem;transform:scaleX(0)}@supports (animation-timeline:scroll()){.gd-progress{animation:linear both gd-progress;animation-timeline:scroll(root);display:block}}@keyframes gd-progress{to{transform:scaleX(1)}}.gd-hero{isolation:isolate;color:#f8fafd;color:lab(98.2532% -.353605 -1.46407);background:var(--surface-sunken);align-items:flex-end;min-height:min(78svh,46rem);display:flex;position:relative;overflow:hidden}.gd-hero-media{z-index:-2;animation:26s cubic-bezier(.2,.6,.2,1) both gd-kenburns;position:absolute;inset:0}.gd-hero-media img{object-fit:cover}.gd-hero:after{content:"";z-index:-1;background:linear-gradient(to top, var(--scrim-strong) 8%, var(--scrim-soft) 55%, transparent 85%), linear-gradient(to left, #040c1773, transparent 60%);position:absolute;inset:0}@supports (color:lab(0% 0 0)){.gd-hero:after{background:linear-gradient(to top, var(--scrim-strong) 8%, var(--scrim-soft) 55%, transparent 85%), linear-gradient(to left, lab(2.97795% -.416972 -6.84134/.45), transparent 60%)}}@keyframes gd-kenburns{0%{transform:scale(1.14)translate(1.5%,1%)}to{transform:scale(1)translate(0,0)}}.gd-rise{animation:.9s cubic-bezier(.2,.7,.2,1) both gd-rise;animation-delay:calc(var(--i,0) * .11s + .12s)}@keyframes gd-rise{0%{opacity:0;transform:translateY(18px)}}.gd-hero-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;background:lab(100% 0 0/.12);border:1px solid #ffffff38;border:1px solid lab(100% 0 0/.22);border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .8rem;font-size:.8125rem;display:inline-flex}.gd-hero-chip:before{content:"";background:var(--primary);border-radius:999px;width:.45rem;height:.45rem;box-shadow:0 0 0 4px #ffa33040;box-shadow:0 0 0 4px lab(75.1113% 31.6911 76.4087/.25)}.gd-hero a{color:inherit}@supports (animation-timeline:view()){.gd-reveal{animation:linear both gd-reveal;animation-timeline:view();animation-range:entry entry 55%}.gd-bar-fill{animation:linear both gd-grow;animation-timeline:view();animation-range:entry 10% cover 35%}.gd-stack-track{animation:linear both gd-wipe;animation-timeline:view();animation-range:entry 10% cover 40%}.gd-wipe{animation:linear both gd-wipe;animation-timeline:view();animation-range:entry cover 45%}}@keyframes gd-reveal{0%{opacity:0;transform:translateY(28px)}}@keyframes gd-grow{0%{transform:scaleX(0)}}@keyframes gd-wipe{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}.gd-prose>*+*{margin-top:1.25rem}.gd-prose>.gd-h2{margin-top:4.5rem;scroll-margin-top:6rem}.gd-prose>.gd-h3{margin-top:2.5rem}.gd-prose>:is(.gd-figure,.gd-panel,.gd-diagram-figure,.gd-cta,.gd-table-wrap,.gd-steps){margin-top:2.5rem;margin-bottom:2.5rem}.gd-h2{text-wrap:balance;padding-top:1.25rem;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:750;line-height:1.5;position:relative}.gd-h2:before{content:"";top:0;background:var(--primary);border-radius:3px;width:3rem;height:3px;position:absolute;inset-inline-start:0}.gd-h3{font-size:1.1875rem;font-weight:700;line-height:1.6}.gd-p{color:var(--muted-foreground);text-wrap:pretty;font-size:1.0625rem;line-height:2.05}.gd-p strong,.gd-list strong,.gd-callout strong,.gd-faq-a strong{color:var(--foreground);font-weight:700}.gd-link{color:var(--secondary);text-underline-offset:.3em;text-decoration:underline;text-decoration-thickness:1px;transition:color .2s}.gd-link:hover{color:var(--secondary-hover)}.gd-list{color:var(--muted-foreground);gap:.75rem;font-size:1.0625rem;line-height:1.95;display:grid}.gd-list>li{padding-inline-start:1.75rem;position:relative}.gd-list:not(.gd-list-ordered)>li:before{content:"";inset-inline-start:.35rem;background:var(--primary);border-radius:2px;width:.5rem;height:.5rem;position:absolute;top:.8em;transform:rotate(45deg)}.gd-list-ordered{counter-reset:gd-item}.gd-list-ordered>li{counter-increment:gd-item}.gd-list-ordered>li:before{content:counter(gd-item, persian);inset-inline-start:0;background:var(--secondary-wash);width:1.35rem;height:1.35rem;color:var(--secondary);border-radius:999px;place-items:center;font-size:.75rem;font-weight:700;display:grid;position:absolute;top:.3em}.gd-panel{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-md);border:1px solid var(--border)}.gd-answer{border-radius:var(--radius-xl);background:radial-gradient(120% 120% at 100% 0%, var(--primary-wash), transparent 55%), var(--surface-elevated);box-shadow:var(--shadow-lg);border:1px solid var(--border);position:relative;overflow:hidden}.gd-answer:before{content:"";background:var(--primary);width:4px;position:absolute;inset-block:0;inset-inline-start:0}.gd-callout{border-radius:var(--radius-lg);color:var(--muted-foreground);background:var(--secondary-wash);border:1px solid color-mix(in oklch, var(--secondary) 25%, transparent);gap:.9rem;padding:1.1rem 1.25rem;font-size:1rem;line-height:1.95;display:flex}.gd-callout[data-tone=warn]{background:color-mix(in oklch, var(--error) 10%, var(--surface));border-color:color-mix(in oklch, var(--error) 35%, transparent)}.gd-callout[data-tone=tip]{background:var(--primary-wash);border-color:color-mix(in oklch, var(--primary) 40%, transparent)}.gd-callout-icon{background:var(--surface-elevated);width:2rem;height:2rem;color:var(--secondary);box-shadow:var(--shadow-sm);border-radius:999px;flex:none;place-items:center;display:grid}.gd-callout[data-tone=warn] .gd-callout-icon{color:var(--error)}.gd-callout[data-tone=tip] .gd-callout-icon{background:var(--primary);color:var(--on-primary)}.gd-figure-frame{border-radius:var(--radius-lg);background:var(--surface-sunken);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.gd-figure-frame img{object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.gd-figure:hover .gd-figure-frame img{transform:scale(1.04)}.gd-figcaption{color:var(--subtle-foreground);margin-top:.75rem;font-size:.875rem;line-height:1.85}.gd-table-wrap{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-md);overflow-x:auto}.gd-table{border-collapse:collapse;width:100%;font-size:.9375rem;line-height:1.8}.gd-table caption{caption-side:top;text-align:start;color:var(--foreground);padding:1rem 1.25rem .5rem;font-weight:700}.gd-table th,.gd-table td{text-align:start;vertical-align:top;border-top:1px solid var(--border);padding:.85rem 1.25rem}.gd-table thead th{color:var(--secondary);background:var(--surface-sunken);white-space:nowrap;font-size:.8125rem;font-weight:700}.gd-table tbody td:first-child{color:var(--foreground);font-weight:650}.gd-table tbody td{color:var(--muted-foreground)}.gd-table tbody tr{transition:background .2s}.gd-table tbody tr:hover{background:var(--surface-elevated)}.gd-stat{border-radius:var(--radius-lg);background:var(--surface-elevated);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:1.25rem 1.25rem 1.1rem;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;position:relative;overflow:hidden}.gd-stat:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.gd-stat:after{content:"";inset-inline:1.25rem;background:linear-gradient(to left, var(--primary), transparent);opacity:.8;height:2px;position:absolute;bottom:0}.gd-stat-value{font-variant-numeric:tabular-nums;color:var(--foreground);font-size:clamp(1.75rem,3.2vw,2.4rem);font-weight:800;line-height:1.2}.gd-stat-unit{color:var(--secondary);margin-inline-start:.35rem;font-size:.875rem;font-weight:600}.gd-bar-track{background:var(--surface-sunken);border-radius:999px;height:.75rem;position:relative;overflow:hidden}.gd-bar-fill{width:var(--w);background:linear-gradient(to left, var(--energy-grid), color-mix(in oklch, var(--energy-grid) 60%, var(--surface)));transform-origin:100%;border-radius:999px;position:absolute;inset-block:0;inset-inline-start:0}.gd-bar-fill[data-highlight=true]{background:linear-gradient(to left, var(--primary), var(--accent))}.gd-stack-track{border-radius:var(--radius);background:var(--border);gap:2px;height:3rem;display:flex;overflow:hidden}.gd-stack-seg{min-width:2px;transition:filter .2s;position:relative}.gd-stack-seg:hover{filter:brightness(1.12)}.gd-swatch{border-radius:3px;flex:none;width:.75rem;height:.75rem}.gd-steps{counter-reset:gd-step;gap:1rem;display:grid;position:relative}.gd-steps:before{content:"";background:linear-gradient(to bottom, var(--primary), var(--secondary) 60%, var(--border));width:2px;position:absolute;inset-block:1.25rem;inset-inline-start:1.25rem}.gd-step{counter-increment:gd-step;padding-inline-start:3.75rem;position:relative}.gd-step:before{content:counter(gd-step, persian);inset-inline-start:0;background:var(--primary);width:2.5rem;height:2.5rem;color:var(--on-primary);box-shadow:0 0 0 6px var(--background), var(--shadow-glow);border-radius:999px;place-items:center;font-weight:800;display:grid;position:absolute;top:.9rem}.gd-step-body{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);padding:1rem 1.25rem;transition:border-color .25s,transform .25s}.gd-step:hover .gd-step-body{border-color:var(--border-strong);transform:translate(-4px)}.gd-compare-col{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:1.4rem 1.25rem;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;position:relative}.gd-compare-col:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.gd-compare-col[data-recommended=true]{border-color:color-mix(in oklch, var(--primary) 55%, transparent);box-shadow:var(--shadow-glow)}.gd-calc-row{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:baseline;gap:1rem;padding:.7rem 0;display:flex}.gd-calc-row:last-child{border-bottom:0}.gd-calc-result{border-radius:var(--radius);background:var(--primary);color:var(--on-primary);padding:.9rem 1.1rem}.gd-toc a{border-radius:var(--radius);color:var(--muted-foreground);padding:.45rem .9rem;padding-inline-start:1rem;font-size:.875rem;line-height:1.7;transition:color .2s,background .2s;display:block;position:relative}.gd-toc a:before{content:"";inset-inline-start:0;background:var(--border);border-radius:2px;width:2px;transition:background .2s,top .25s,bottom .25s;position:absolute;top:25%;bottom:25%}.gd-toc a:hover{color:var(--foreground);background:var(--surface)}.gd-toc a[aria-current=true]{color:var(--foreground);background:var(--surface);font-weight:650}.gd-toc a[aria-current=true]:before{background:var(--primary);top:15%;bottom:15%}.gd-faq{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);interpolate-size:allow-keywords;transition:border-color .25s,box-shadow .25s}.gd-faq[open]{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.gd-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem;font-weight:700;line-height:1.8;list-style:none;display:flex}.gd-faq summary::-webkit-details-marker{display:none}.gd-faq-icon{background:var(--surface-elevated);width:1.75rem;height:1.75rem;color:var(--secondary);border-radius:999px;flex:none;place-items:center;transition:transform .3s,background .3s,color .3s;display:grid}.gd-faq[open] .gd-faq-icon{background:var(--primary);color:var(--on-primary);transform:rotate(45deg)}.gd-faq::details-content{block-size:0;transition:block-size .35s ease, content-visibility .35s allow-discrete;overflow:hidden}.gd-faq[open]::details-content{block-size:auto}.gd-faq-a{color:var(--muted-foreground);padding:0 1.25rem 1.25rem;line-height:2}.gd-card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .4s;display:flex;position:relative;overflow:hidden}.gd-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-strong);transform:translateY(-6px)}.gd-card-media{aspect-ratio:16/10;background:var(--surface-sunken);position:relative;overflow:hidden}.gd-card-media img{object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.gd-card:hover .gd-card-media img{transform:scale(1.07)}.gd-card-media:after{content:"";background:linear-gradient(#0000 45%,#040c178c);background:linear-gradient(#0000 45%,lab(2.97795% -.416972 -6.84134/.55));position:absolute;inset:0}.gd-card-arrow{transition:transform .3s}.gd-card:hover .gd-card-arrow{transform:translate(-6px)}.gd-card-link:after{content:"";z-index:1;position:absolute;inset:0}.gd-card-link:focus-visible{outline:none}.gd-card:has(.gd-card-link:focus-visible){outline:2px solid var(--secondary);outline-offset:3px}.gd-diagram{border-radius:var(--radius-xl);background:radial-gradient(90% 80% at 0% 100%, var(--secondary-wash), transparent 60%), var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);padding:clamp(1.1rem,3vw,2rem)}.gd-node{background:var(--background);border:1px solid var(--border-strong);width:2.5rem;height:2.5rem;color:var(--foreground);border-radius:999px;flex:none;place-items:center;display:grid}@media (min-width:640px){.gd-node{width:2.75rem;height:2.75rem}}.gd-node svg{width:1.25rem;height:1.25rem}.gd-node[data-tone=solar]{color:var(--energy-solar);border-color:color-mix(in oklch, var(--energy-solar) 60%, transparent)}.gd-node[data-tone=battery]{color:var(--energy-battery);border-color:color-mix(in oklch, var(--energy-battery) 60%, transparent)}.gd-node[data-tone=grid]{color:var(--energy-grid);border-color:color-mix(in oklch, var(--energy-grid) 60%, transparent)}.gd-node[data-off=true]{opacity:.35;border-style:dashed}.gd-wire{background:var(--border-strong);flex:1;min-width:.375rem;height:2px;position:relative;overflow:hidden}.gd-wire:after{content:"";background:linear-gradient(to left, transparent, var(--wire,var(--energy-solar)), transparent);width:40%;animation:1.6s linear infinite gd-current;animation-delay:var(--d,0s);position:absolute;inset-block:0}.gd-wire[data-off=true]:after{display:none}@keyframes gd-current{0%{inset-inline-start:-40%}to{inset-inline-start:100%}}.gd-flow-path{stroke-dasharray:3 9;animation:1.4s linear infinite gd-dash}@keyframes gd-dash{to{stroke-dashoffset:-24px}}.gd-sun-orbit{transform-box:view-box;animation:9s ease-in-out infinite alternate gd-orbit}@keyframes gd-orbit{0%{transform:rotate(-62deg)}to{transform:rotate(62deg)}}.gd-pulse{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite gd-pulse}@keyframes gd-pulse{50%{opacity:.6;transform:scale(1.15)}}.gd-shine{position:relative;overflow:hidden}.gd-shine:after{content:"";background:linear-gradient(115deg,#0000 42%,#ffffff47 50%,#0000 58%);background:linear-gradient(115deg,#0000 42%,lab(100% 0 0/.28) 50%,#0000 58%);animation:5s ease-in-out infinite gd-shine;position:absolute;inset:-50%}@keyframes gd-shine{0%,55%{transform:translate(60%)}to{transform:translate(-60%)}}.gd-cta{border-radius:var(--radius-xl);background:radial-gradient(70% 120% at 0% 0%, #ffa33038, transparent 60%), var(--surface-sunken);border:1px solid var(--border);padding:clamp(1.5rem,4vw,2.5rem);position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.gd-cta{background:radial-gradient(70% 120% at 0% 0%, lab(75.1113% 31.6911 76.4087/.22), transparent 60%), var(--surface-sunken)}}.gd-cta-sun{inset-inline-end:-3rem;background:radial-gradient(circle, var(--primary) 0%, #ffa33059 38%, transparent 70%);pointer-events:none;border-radius:999px;width:11rem;height:11rem;animation:6s ease-in-out infinite gd-breathe;position:absolute;top:-3rem}@supports (color:lab(0% 0 0)){.gd-cta-sun{background:radial-gradient(circle, var(--primary) 0%, lab(75.1113% 31.6911 76.4087/.35) 38%, transparent 70%)}}@keyframes gd-breathe{50%{opacity:.75;transform:scale(1.12)}}.gd-index-rays{inset-inline-end:-12rem;pointer-events:none;background:repeating-conic-gradient(#ffa33024 0deg 4deg,#0000 4deg 14deg);background:repeating-conic-gradient(lab(75.1113% 31.6911 76.4087/.14) 0deg 4deg,#0000 4deg 14deg);border-radius:999px;width:44rem;height:44rem;animation:90s linear infinite gd-spin;position:absolute;top:-14rem;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 68%);mask-image:radial-gradient(circle,#000 20%,#0000 68%)}@keyframes gd-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.gd-progress,.gd-hero-media,.gd-rise,.gd-reveal,.gd-bar-fill,.gd-stack-track,.gd-wipe,.gd-wire:after,.gd-flow-path,.gd-sun-orbit,.gd-pulse,.gd-shine:after,.gd-cta-sun,.gd-index-rays{animation:none!important}.gd-progress{display:none}.gd-card,.gd-stat,.gd-compare-col,.gd-step-body,.gd-card-media img,.gd-figure-frame img{transition:none!important}}}