:root{--ink:#102134;--muted:#65758a;--line:#dce6ef;--soft-line:rgba(26, 62, 94, 0.12);--white:#fff;--cloud:#f6f9fc;--blue:#006bb6;--blue-2:#08a9df;--green:#71d221;--green-2:#36ad49;--navy:#122033;--dark:#0b1726;--warning:#f59e0b;--shadow:0 24px 70px rgba(16, 33, 52, 0.14);--shadow-soft:0 16px 45px rgba(16, 33, 52, 0.1);--radius-sm:12px;--radius:20px;--radius-lg:32px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}section[id]{scroll-margin-top:190px}#quote-form{scroll-margin-top:220px}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.6;background:radial-gradient(circle at top left,rgba(113,210,33,.12),transparent 34rem),linear-gradient(180deg,#fafdff 0,#fff 28%,#f7fbff 100%)}body.no-scroll{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(220,230,239,.75);background:rgba(255,255,255,.88);backdrop-filter:blur(18px);transition:box-shadow 180ms ease,background 180ms ease}.site-header.is-scrolled{background:rgba(255,255,255,.96);box-shadow:0 18px 45px rgba(16,33,52,.08)}.topbar{display:flex;justify-content:center;gap:24px;padding:8px 20px;color:#31506f;font-size:13px;border-bottom:1px solid rgba(220,230,239,.75)}.topbar strong{color:var(--blue)}.language-switcher{display:inline-flex;align-items:center;gap:8px;margin-left:4px;color:#21415f;font-weight:850}.language-switcher span{color:var(--blue)}.language-switcher select{max-width:150px;padding:5px 26px 5px 10px;color:#203a54;font-size:12px;font-weight:850;border:1px solid rgba(0,107,182,.18);border-radius:999px;background:#fff;outline:0}.language-switcher select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,107,182,.12)}#goog-gt-tt,#goog-gt-vt,#google_translate_element,.VIpgJd-ZVi9od-ORHb-OEVmcd,.VIpgJd-ZVi9od-aZ2wEe-wOHMyf,.VIpgJd-yAWNEb-L7lbkb,.goog-te-balloon-frame,.goog-te-banner-frame,.goog-te-combo,.goog-te-gadget,.goog-te-menu-frame,.google-translate-shell,.skiptranslate{position:absolute!important;top:-9999px!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}body,html.translated-ltr,html.translated-ltr body,html.translated-rtl,html.translated-rtl body{margin-top:0!important;top:0!important}.navbar{display:flex;align-items:center;justify-content:space-between;max-width:var(--max);min-height:76px;margin:0 auto;padding:0 20px;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px;min-width:250px}.brand img{width:58px;height:48px;object-fit:contain;border-radius:10px;background:#fff}.brand small,.brand strong{display:block}.brand strong{color:var(--blue);font-size:18px;line-height:1.1}.brand small{color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:20px;color:#29445f;font-size:14px;font-weight:750}.nav-links a{position:relative;white-space:nowrap}.nav-links a::after{position:absolute;right:0;bottom:-9px;left:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--green));content:"";opacity:0;transform:scaleX(.3);transition:180ms ease}.nav-links a:hover::after,.nav-links a[aria-current=page]::after{opacity:1;transform:scaleX(1)}.nav-toggle{display:none;width:44px;height:44px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:12px}.nav-toggle span{display:block;height:2px;margin:5px 0;background:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 20px;color:var(--blue);font-weight:800;border:1px solid rgba(0,107,182,.2);border-radius:999px;background:#fff;cursor:pointer;transition:transform 180ms ease,box-shadow 180ms ease,background 180ms ease,color 180ms ease}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.btn.primary{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--blue),var(--blue-2) 54%,var(--green));box-shadow:0 16px 40px rgba(0,107,182,.24)}.btn.dark{color:#fff;border-color:transparent;background:var(--dark)}.btn.ghost{background:0 0}.btn.ghost-light{color:var(--blue);background:rgba(255,255,255,.64)}.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:18px}.contact-direct-card{display:grid;grid-template-columns:minmax(0,0.95fr) minmax(360px,1.05fr);gap:26px;align-items:stretch;padding:30px;border:1px solid rgba(0,107,182,.14);border-radius:var(--radius-lg);background:radial-gradient(circle at 88% 8%,rgba(113,210,33,.18),transparent 20rem),linear-gradient(135deg,#fff,#f4fbff);box-shadow:var(--shadow-soft)}.contact-direct-card h2{max-width:720px}.phone-list{display:grid;gap:16px}.phone-list article{display:grid;gap:12px;padding:20px;border:1px solid rgba(0,107,182,.13);border-radius:22px;background:rgba(255,255,255,.88)}.phone-list span{color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.phone-list article>a{color:var(--blue);font-size:clamp(26px, 3vw, 36px);font-weight:950;line-height:1;letter-spacing:-.03em}.phone-actions{display:flex;flex-wrap:wrap;gap:10px}.section{max-width:var(--max);margin:0 auto;padding:88px 20px}.section.tight{padding-top:54px;padding-bottom:54px}.section-heading{max-width:760px;margin-bottom:36px}.section-heading.center{margin-right:auto;margin-left:auto;text-align:center}.eyebrow{margin:0 0 12px;color:var(--green-2);font-size:13px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:22px;font-size:clamp(42px, 6vw, 76px);line-height:.98;letter-spacing:-.055em}h2{margin-bottom:16px;font-size:clamp(30px, 4vw, 50px);line-height:1.05;letter-spacing:-.04em}h3{margin-bottom:10px;font-size:22px;line-height:1.18;letter-spacing:-.02em}p{color:var(--muted)}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(113,210,33,.18),transparent 28rem),radial-gradient(circle at 8% 12%,rgba(8,169,223,.14),transparent 30rem),linear-gradient(135deg,#f9fdff 0,#eff7fc 56%,#f7fff4 100%)}.hero::after{position:absolute;inset:auto -6vw -12vw auto;width:34vw;height:34vw;min-width:320px;min-height:320px;border:1px solid rgba(0,107,182,.12);border-radius:50%;content:""}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,0.92fr);align-items:center;gap:44px;max-width:var(--max);min-height:760px;margin:0 auto;padding:76px 20px 92px}.hero-copy{max-width:650px;font-size:18px}.hero-actions,.inline-actions{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0}.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;color:#21415f;font-size:13px;font-weight:800;border:1px solid rgba(0,107,182,.14);border-radius:999px;background:rgba(255,255,255,.74)}.dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--green))}.hero-panel{position:relative;display:grid;gap:18px;padding:18px;border:1px solid rgba(0,107,182,.13);border-radius:var(--radius-lg);background:rgba(255,255,255,.78);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.solar-visual{position:relative;min-height:360px;overflow:hidden;border-radius:26px;background:linear-gradient(145deg,rgba(9,38,62,.92),rgba(0,107,182,.7)),url("assets/images/clean/solar-street-light.jpg") center/cover}.solar-visual::after,.solar-visual::before{position:absolute;content:""}.solar-visual::before{right:9%;bottom:10%;width:62%;height:42%;background:linear-gradient(120deg,rgba(255,255,255,.38),transparent 22%),repeating-linear-gradient(90deg,rgba(255,255,255,.28) 0 2px,transparent 2px 62px),repeating-linear-gradient(0deg,rgba(255,255,255,.22) 0 2px,transparent 2px 42px),linear-gradient(135deg,#0d4d7a,#0a2842);border:1px solid rgba(255,255,255,.3);border-radius:18px;box-shadow:0 30px 70px rgba(0,0,0,.28);transform:perspective(800px) rotateX(58deg) rotateZ(-16deg)}.solar-visual::after{top:12%;right:12%;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,#fff4a9 0 16%,#f9c847 17% 38%,rgba(249,200,71,.22) 39% 60%,transparent 61%);filter:drop-shadow(0 0 34px rgba(249, 200, 71, .8))}.stat-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-mini{padding:16px;border:1px solid rgba(0,107,182,.12);border-radius:18px;background:#fff}.stat-mini strong{display:block;color:var(--blue);font-size:24px;line-height:1}.stat-mini span{display:block;margin-top:6px;color:var(--muted);font-size:12px;font-weight:750}.grid{display:grid;gap:22px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{position:relative;overflow:hidden;padding:24px;border:1px solid var(--soft-line);border-radius:var(--radius);background:rgba(255,255,255,.9);box-shadow:0 1px 0 rgba(255,255,255,.9);transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease}.card:hover{border-color:rgba(0,107,182,.24);box-shadow:var(--shadow-soft);transform:translateY(-4px)}.card.dark{color:#fff;border-color:rgba(255,255,255,.12);background:radial-gradient(circle at 86% 8%,rgba(113,210,33,.26),transparent 20rem),linear-gradient(135deg,#0b1726,#132b43)}.card.dark li,.card.dark p{color:rgba(255,255,255,.72)}.card .number{display:inline-grid;place-items:center;width:38px;height:38px;margin-bottom:16px;color:#fff;font-weight:900;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--green))}.package-tabs{position:static;z-index:10;display:flex;justify-content:center;gap:8px;width:fit-content;margin:-34px auto 42px;padding:8px;border:1px solid rgba(0,107,182,.12);border-radius:999px;background:rgba(255,255,255,.86);box-shadow:var(--shadow-soft);backdrop-filter:blur(14px)}.package-tabs a{padding:9px 16px;color:#31506f;font-size:13px;font-weight:850;border-radius:999px}.package-tabs a:hover{color:#fff;background:var(--blue)}.package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.package-card{display:flex;flex-direction:column;min-height:100%;padding:0}.package-top{padding:22px 22px 18px;color:#fff;background:radial-gradient(circle at 78% 16%,rgba(113,210,33,.36),transparent 13rem),linear-gradient(135deg,#123455,#006bb6)}.package-card.standard .package-top{background:radial-gradient(circle at 78% 16%,rgba(8,169,223,.34),transparent 13rem),linear-gradient(135deg,#0e2032,#31506f)}.package-top p,.package-top span{color:rgba(255,255,255,.76)}.package-name{color:#fff;font-size:24px}.price{margin:14px 0 6px;color:#fff;font-size:30px;font-weight:950;letter-spacing:-.04em}.package-body{display:flex;flex:1;flex-direction:column;gap:14px;padding:20px 22px 22px}.spec-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}.spec-list li{display:flex;justify-content:space-between;gap:14px;color:#334b63;font-size:13px;border-bottom:1px dashed rgba(16,33,52,.13);padding-bottom:8px}.spec-list span{color:var(--muted)}.spec-list strong{text-align:right}.badge-row{display:flex;flex-wrap:wrap;gap:7px}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;color:#28506f;font-size:11px;font-weight:900;border-radius:999px;background:#eef7ff}.badge.green{color:#236c35;background:#effbe9}.badge.warn{color:#8a5a00;background:#fff7df}.package-card .btn{width:100%;margin-top:auto}.comparison{overflow:hidden;border:1px solid var(--soft-line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-soft)}.comparison table{width:100%;border-collapse:collapse}.comparison td,.comparison th{padding:16px;text-align:left;border-bottom:1px solid var(--line)}.comparison th{color:#29445f;font-size:13px;text-transform:uppercase;background:#f3f8fc}.comparison tr:last-child td{border-bottom:0}.service-promise{background:radial-gradient(circle at 16% 20%,rgba(113,210,33,.2),transparent 26rem),linear-gradient(135deg,#0b1726,#132f4c);color:#fff}.service-promise .section-heading p,.service-promise p{color:rgba(255,255,255,.72)}.promise-card{color:#fff;border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.08)}.promise-card strong{display:block;margin-bottom:8px;font-size:30px}.warehouse-band{border-block:1px solid rgba(0,107,182,0.1);background:linear-gradient(90deg,rgba(0,107,182,.07),transparent 34%),linear-gradient(180deg,#fff,#f2f8fc)}.confidence-showcase{position:relative;overflow:hidden}.confidence-showcase::before{position:absolute;inset:8% auto auto -8rem;width:22rem;height:22rem;border-radius:50%;background:rgba(113,210,33,.12);content:""}.confidence-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.confidence-card{min-height:280px;padding:24px;border-color:rgba(0,107,182,.14);background:radial-gradient(circle at 92% 8%,rgba(8,169,223,.14),transparent 9rem),linear-gradient(180deg,#fff,#f8fcff)}.confidence-icon{display:inline-grid;place-items:center;width:54px;height:54px;margin-bottom:18px;color:#fff;font-weight:950;border-radius:20px;background:linear-gradient(135deg,var(--blue),var(--blue-2) 55%,var(--green));box-shadow:0 14px 34px rgba(0,107,182,.22)}.confidence-card h3{margin-bottom:10px}.confidence-card p{margin-bottom:16px;font-size:14px}.confidence-card small{display:block;color:#31506f;font-weight:850;line-height:1.5}.proof-lane{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.proof-lane span{padding:14px 16px;color:#236c35;font-size:13px;font-weight:950;text-align:center;border:1px solid rgba(113,210,33,.22);border-radius:999px;background:rgba(255,255,255,.78)}.split{display:grid;grid-template-columns:minmax(0,0.95fr) minmax(0,1.05fr);align-items:center;gap:44px}.visual-card{min-height:430px;padding:26px;color:#fff;border-radius:var(--radius-lg);background:radial-gradient(circle at 76% 18%,rgba(113,210,33,.4),transparent 15rem),linear-gradient(145deg,#0b1726,#0e416d);box-shadow:var(--shadow)}.visual-card .mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:120px}.mini-tile{padding:16px;color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.08)}.mini-tile span{display:block;color:rgba(255,255,255,.62);font-size:12px}.form-card{border:1px solid var(--soft-line);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow)}.form-card form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:26px}.form-card .full{grid-column:1/-1}label{display:grid;gap:7px;color:#28445e;font-size:13px;font-weight:850}input,select,textarea{width:100%;padding:13px 14px;color:var(--ink);border:1px solid var(--line);border-radius:13px;background:#fbfdff;outline:0;transition:border-color 160ms ease,box-shadow 160ms ease,background 160ms ease}textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:rgba(0,107,182,.55);background:#fff;box-shadow:0 0 0 4px rgba(0,107,182,.1)}.checkbox{display:flex;align-items:flex-start;gap:10px;font-weight:650}.checkbox input{width:auto;margin-top:4px}.form-note,.success-message{grid-column:1/-1;margin:0;padding:14px;color:#31506f;font-size:13px;border-radius:14px;background:#f0f8ff}.success-message{display:none;color:#14552b;background:#ecfaee}.success-message.is-error{color:#8a1f11;background:#fff0ec}.success-message.is-visible{display:block}.faq-list{display:grid;gap:12px}details{border:1px solid var(--soft-line);border-radius:18px;background:#fff;box-shadow:0 1px 0 rgba(255,255,255,.9)}summary{cursor:pointer;padding:18px 20px;color:#203a54;font-weight:900}details p{margin:0;padding:0 20px 18px}.site-footer{background:#071321;color:#fff}.footer-inner{display:grid;grid-template-columns:1.1fr 0.9fr;gap:40px;max-width:var(--max);margin:0 auto;padding:58px 20px}.footer-inner p,.site-footer a,.site-footer span{color:rgba(255,255,255,.7)}.footer-logo{width:150px;margin-bottom:18px;border-radius:18px;background:#fff}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.footer-bottom{max-width:var(--max);margin:0 auto;padding:18px 20px 28px;color:rgba(255,255,255,.48);font-size:13px;border-top:1px solid rgba(255,255,255,.1)}.floating-contact{position:fixed;right:18px;bottom:18px;z-index:60}.float-toggle{width:58px;height:58px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:22px;font-weight:950;border:0;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--green));box-shadow:var(--shadow);cursor:pointer}.float-label{display:none}.float-menu{position:absolute;right:0;bottom:72px;display:none;min-width:210px;padding:10px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.floating-contact.is-open .float-menu{display:grid;gap:8px}.float-menu a{padding:11px 12px;color:#24415c;font-weight:850;border-radius:12px;background:#f5f9fc}.float-menu a.whatsapp-quick{color:#fff;background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 12px 24px rgba(34,197,94,.2)}.float-menu a.whatsapp-quick.secondary{background:linear-gradient(135deg,var(--blue),#13b8a6)}.page-hero{padding:90px 20px 62px;background:radial-gradient(circle at 80% 12%,rgba(113,210,33,.2),transparent 26rem),linear-gradient(135deg,#fafdff,#eff7fc)}.page-hero-inner{max-width:var(--max);margin:0 auto}.page-hero p{max-width:760px;font-size:18px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,::after,::before{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}@media (max-width:980px){.topbar{flex-wrap:wrap;gap:8px 16px}.language-switcher{width:100%;justify-content:center}.nav-toggle{display:block}.nav-links{position:absolute;top:100%;right:16px;left:16px;display:none;flex-direction:column;align-items:flex-start;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.nav-links.is-open{display:flex}.footer-inner,.hero-inner,.split{grid-template-columns:1fr}.hero-inner{min-height:0}.component-showcase,.grid.four,.package-grid,.usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){#quote-form,section[id]{scroll-margin-top:116px}.topbar{justify-content:flex-start;gap:8px;padding:8px 14px;overflow-x:auto;font-size:11px;white-space:nowrap;scrollbar-width:none}.topbar::-webkit-scrollbar{display:none}.topbar>span:nth-of-type(2){display:none}.language-switcher{width:auto;flex:0 0 auto;gap:6px;margin-left:auto;justify-content:flex-end}.language-switcher span{font-size:11px}.language-switcher select{max-width:118px;padding:4px 22px 4px 9px;font-size:11px}.navbar{min-height:68px;padding-inline:14px}.brand{min-width:0}.brand small{display:none}.hero-inner,.page-hero,.section{padding-inline:16px}.contact-direct-card{grid-template-columns:1fr;padding:22px}.package-tabs{position:static;flex-wrap:wrap;border-radius:20px}.component-grid,.component-showcase,.form-card form,.grid.four,.grid.three,.grid.two,.package-grid,.selector-grid,.stat-stack,.usage-grid{grid-template-columns:1fr}.note-panel{align-items:flex-start;flex-direction:column}.comparison{overflow-x:auto}.footer-links{grid-template-columns:1fr}.solar-visual{min-height:260px}.floating-contact{right:12px;bottom:12px}.float-toggle{width:auto;min-width:142px;height:48px;padding:0 14px;font-size:19px;border-radius:999px;box-shadow:0 14px 32px rgba(16,33,52,.18)}.float-label{display:inline;font-size:12px;line-height:1;white-space:nowrap}.float-menu{bottom:60px;min-width:min(238px,calc(100vw - 32px))}}.nav-cta{flex-shrink:0}.hero-text{max-width:720px}.hero-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.hero-kpis div{padding:16px;border:1px solid rgba(0,107,182,.13);border-radius:18px;background:rgba(255,255,255,.76)}.hero-kpis strong{display:block;color:var(--blue);font-size:22px;line-height:1.1}.hero-kpis span{display:block;margin-top:5px;color:var(--muted);font-size:12px;font-weight:750}.icon-bubble{display:inline-grid;place-items:center;width:42px;height:42px;margin-bottom:16px;color:#fff;font-weight:950;border-radius:15px;background:linear-gradient(135deg,var(--blue),var(--green))}.component-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.component-chip{padding:16px;border:1px solid rgba(0,107,182,.13);border-radius:18px;background:#f6fbff}.component-chip strong{display:block;color:var(--blue);font-size:20px;letter-spacing:-.03em}.component-chip span{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-weight:750}.soft-band{background:radial-gradient(circle at 18% 12%,rgba(8,169,223,.13),transparent 24rem),linear-gradient(180deg,#fff 0,#f3f9ff 100%)}.highlight-band{border-block:1px solid rgba(0,107,182,0.1);background:radial-gradient(circle at 82% 20%,rgba(113,210,33,.16),transparent 22rem),linear-gradient(135deg,#f8fcff,#eef8ff)}.price-row{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;margin-top:10px}.price-row strong{color:var(--blue);font-size:24px}.price-row span{color:var(--muted);font-size:13px;font-weight:800}.note-box{padding:18px 20px;border:1px solid rgba(0,107,182,.14);border-radius:18px;background:#f3f9ff}.note-box strong{color:var(--blue)}.note-box p:last-child{margin-bottom:0}.package-selector{position:relative}.selector-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.selector-card{position:relative;overflow:hidden;min-height:100%;padding:20px;border:1px solid rgba(0,107,182,.14);background:radial-gradient(circle at 90% 0,rgba(113,210,33,.16),transparent 9rem),linear-gradient(180deg,#fff,#f7fbff);transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease}.selector-card::after{position:absolute;right:-22px;bottom:-28px;width:96px;height:96px;border:1px solid rgba(0,107,182,.14);border-radius:50%;content:""}.selector-card:hover{border-color:rgba(0,107,182,.34);box-shadow:var(--shadow-soft);transform:translateY(-4px)}.selector-card h3{margin-bottom:8px;color:var(--blue)}.selector-card p{margin-bottom:18px;font-size:14px}.selector-card strong{display:block;color:#203a54;font-size:13px}.selector-label{display:inline-flex;margin-bottom:14px;padding:6px 10px;color:#236c35;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;background:#effbe9}.usage-guide{position:relative}.usage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.usage-card{position:relative;overflow:hidden;padding:22px;border:1px solid rgba(0,107,182,.14);background:radial-gradient(circle at 100% 0,rgba(8,169,223,.14),transparent 10rem),linear-gradient(180deg,#fff,#f8fcff);transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease}.usage-card:hover{border-color:rgba(0,107,182,.35);box-shadow:var(--shadow-soft);transform:translateY(-4px)}.usage-range{display:inline-flex;margin-bottom:14px;padding:6px 10px;color:#064c7b;font-size:11px;font-weight:950;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;background:#eaf6ff}.usage-card h3{margin-bottom:8px;color:var(--blue)}.usage-card p{margin-bottom:0;font-size:14px}.note-panel{display:flex;gap:12px;align-items:center;margin-top:18px;padding:18px 20px;color:#24415c;border:1px solid rgba(113,210,33,.22);border-radius:20px;background:linear-gradient(135deg,rgba(113,210,33,.12),rgba(8,169,223,.1)),#fff}.note-panel strong{flex:0 0 auto;color:#236c35}.component-showcase{display:grid;grid-template-columns:0.9fr 1.4fr;gap:22px;align-items:stretch;margin-bottom:28px;padding:24px;border:1px solid rgba(0,107,182,.12);border-radius:28px;background:radial-gradient(circle at 100% 0,rgba(113,210,33,.16),transparent 16rem),linear-gradient(135deg,rgba(255,255,255,.96),rgba(246,251,255,.96));box-shadow:var(--shadow-soft)}.component-copy{display:flex;flex-direction:column;justify-content:center}.component-copy h3{margin:0 0 10px;font-size:clamp(26px, 3vw, 40px);line-height:1.08}.component-copy p{margin:0;color:var(--muted)}.component-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.component-card{position:relative;min-height:178px;padding:18px;overflow:hidden;border:1px solid rgba(0,107,182,.12);border-radius:22px;background:#fff}.component-card::after{position:absolute;right:-24px;bottom:-24px;width:82px;height:82px;border-radius:24px;background:linear-gradient(135deg,rgba(0,107,182,.12),rgba(113,210,33,.18));content:"";transform:rotate(12deg)}.component-card small,.component-card strong,.component-logo{position:relative;z-index:1}.component-card strong{display:block;margin:20px 0 8px;color:var(--ink);font-size:18px;line-height:1.2}.component-card small{display:block;color:var(--muted);font-size:13px;line-height:1.55}.component-logo{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;color:#fff;font-weight:950;letter-spacing:.02em;border-radius:12px;box-shadow:0 12px 28px rgba(16,33,52,.12)}.component-logo.longi{background:linear-gradient(135deg,#0d6fb8,#19a4df)}.component-logo.baite{background:linear-gradient(135deg,var(--blue),var(--green-2))}.component-logo.mount{background:linear-gradient(135deg,#243b53,#76a140)}.timeline{display:grid;gap:14px;margin-top:18px}.timeline-item{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:start}.timeline-item span{display:inline-grid;place-items:center;width:46px;height:46px;color:#fff;font-weight:950;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--green))}.timeline-item h3{margin-bottom:4px}.inline-list{display:grid;gap:10px;margin:0;padding-left:18px;color:var(--muted)}.inline-list li::marker{color:var(--green-2)}.checkbox a{color:var(--blue);font-weight:850;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.form-title{padding:26px 26px 0}.form-title h2,.form-title h3{margin-bottom:8px}.form-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.success-actions{display:none;grid-column:1/-1;gap:10px}.success-actions.is-visible{display:flex;flex-wrap:wrap}.package-note{margin-top:22px;color:#31506f;font-size:13px}.package-meta{display:grid;gap:8px;margin-top:4px;color:rgba(255,255,255,.8);font-size:12px;font-weight:750}.package-meta span{color:rgba(255,255,255,.8)}.package-card.custom{border:1px dashed rgba(0,107,182,.35);background:radial-gradient(circle at 80% 10%,rgba(113,210,33,.14),transparent 14rem),#fff}.comparison-scroll{overflow-x:auto}.support-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.support-item{min-height:150px;padding:18px;border:1px solid var(--soft-line);border-radius:20px;background:#fff;transition:transform 180ms ease,box-shadow 180ms ease}.support-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft)}.support-item strong{display:block;margin-bottom:8px;color:var(--blue)}.role-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px;margin-bottom:24px}.role-card{position:relative;overflow:hidden;min-height:190px;padding:22px;border:1px solid rgba(0,107,182,.14);border-radius:24px;background:radial-gradient(circle at 88% 10%,rgba(113,210,33,.18),transparent 8rem),linear-gradient(180deg,#fff,#f6fbff);box-shadow:0 14px 40px rgba(16,33,52,.08);transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease}.role-card:hover{border-color:rgba(0,107,182,.28);box-shadow:var(--shadow-soft);transform:translateY(-5px)}.role-card .role-icon{display:inline-grid;place-items:center;width:48px;height:48px;margin-bottom:18px;color:#fff;font-weight:950;border-radius:18px;background:linear-gradient(135deg,var(--blue),var(--blue-2) 56%,var(--green))}.role-card h3{margin-bottom:8px;font-size:19px}.role-card p{margin-bottom:14px;font-size:14px}.role-card strong{display:block;color:#24415c;font-size:13px;line-height:1.45}.role-tag{position:absolute;top:22px;right:18px;max-width:130px;padding:6px 9px;color:#236c35;font-size:10px;font-weight:950;letter-spacing:.06em;text-align:right;text-transform:uppercase;border-radius:999px;background:#effbe9}.partner-role-grid .role-card{padding-top:26px;background:radial-gradient(circle at 88% 0,rgba(113,210,33,.16),transparent 9rem),linear-gradient(180deg,#fff,#f6fbff)}.partner-filter-card{display:grid;grid-template-columns:minmax(0,0.8fr) minmax(0,1.2fr) auto;gap:22px;align-items:center;margin-top:18px;padding:24px;border:1px solid rgba(0,107,182,.14);border-radius:26px;background:radial-gradient(circle at 96% 0,rgba(113,210,33,.16),transparent 12rem),linear-gradient(135deg,#fff,#f4fbff);box-shadow:var(--shadow-soft)}.partner-filter-card h3,.partner-filter-card p{margin-bottom:0}.partner-support-grid .support-item{min-height:172px;background:radial-gradient(circle at 100% 0,rgba(8,169,223,.1),transparent 8rem),#fff}.admin-shell{min-height:100vh;background:#f2f6fb}.admin-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;max-width:1320px;margin:0 auto;padding:28px 20px}.admin-main-card,.admin-side{border:1px solid var(--soft-line);border-radius:24px;background:#fff;box-shadow:var(--shadow-soft)}.admin-side{padding:20px}.admin-side a{display:block;padding:12px 14px;color:#29445f;font-weight:850;border-radius:14px}.admin-side a.active,.admin-side a:hover{color:#fff;background:var(--blue)}.admin-main{display:grid;gap:18px}.admin-main-card{padding:20px}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table td,.admin-table th{padding:12px 10px;text-align:left;border-bottom:1px solid var(--line)}.admin-table th{color:#29445f;background:#f5f9fc}.status{display:inline-flex;padding:4px 8px;font-size:12px;font-weight:900;border-radius:999px;background:#eef7ff}.status.warn{color:#8a1f11;background:#fff0ec}@media (max-width:1120px){.selector-grid,.usage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.support-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.confidence-grid,.proof-lane{grid-template-columns:repeat(2,minmax(0,1fr))}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-filter-card{grid-template-columns:1fr}}@media (max-width:980px){.nav-cta{display:none}.component-showcase,.component-strip,.hero-kpis{grid-template-columns:1fr}.component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-layout{grid-template-columns:1fr}}@media (max-width:680px){.component-grid,.usage-grid{grid-template-columns:1fr}.support-grid{grid-template-columns:1fr}.confidence-grid,.proof-lane{grid-template-columns:1fr}.confidence-card{min-height:0}.role-grid{grid-template-columns:1fr}.role-tag{position:static;display:inline-flex;margin-bottom:12px;text-align:left}.timeline-item{grid-template-columns:1fr}}