.clg-hero{padding:58px 0 44px;background:linear-gradient(135deg,#f4eee7,#fff 58%,#fff0e8);border-bottom:1px solid #e4ddd6}.clg-hero h1{max-width:900px;margin:6px 0 12px;font-size:clamp(40px,6vw,68px);line-height:1.02;letter-spacing:-.045em}.clg-hero p:last-child{max-width:790px;margin:0;color:#59636d;font-size:17px}.clg-shell{--clg-bg:#0f151b;--clg-panel:#171f28;--clg-panel-2:#1d2833;--clg-line:#303d49;--clg-text:#eef3f6;--clg-muted:#9eacb7;--clg-accent:#f05a28;--clg-accent-dark:#ce4317;background:var(--clg-bg);color:var(--clg-text);padding:42px 0 70px}.clg-shell [hidden]{display:none!important}.clg-workspace{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);gap:24px;align-items:start}.clg-panel{overflow:hidden;border:1px solid var(--clg-line);border-radius:15px;background:var(--clg-panel);box-shadow:0 18px 55px rgba(0,0,0,.24)}.clg-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 22px;border-bottom:1px solid var(--clg-line)}.clg-panel-head span{display:block;margin-bottom:3px;color:#ff8055;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.clg-panel-head h2{margin:0;color:#fff;font-size:20px}.clg-panel-head>strong{border:1px solid #495965;border-radius:99px;color:#ff986f;padding:5px 9px;font-size:10px;text-transform:uppercase}.clg-controls{position:sticky;top:82px}.clg-controls form{display:flex;flex-direction:column;gap:18px;padding:22px}.clg-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.clg-field{display:flex;min-width:0;flex-direction:column;gap:6px;color:#ccd5db;font-size:12px;font-weight:800}.clg-field input,.clg-field select{width:100%;height:42px;border:1px solid #42505c;border-radius:8px;background:#0e151c;color:#fff;padding:8px 11px;outline:none}.clg-field input:focus,.clg-field select:focus{border-color:#ff7547;box-shadow:0 0 0 3px rgba(240,90,40,.16)}.clg-field input[aria-invalid=true]{border-color:#f97066}.clg-input-unit{position:relative;display:block}.clg-input-unit input{padding-right:48px}.clg-input-unit em{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:#7e8f9c;font-size:11px;font-style:normal;pointer-events:none}.clg-check{display:flex;align-items:flex-start;gap:9px;color:#aebbc4;font-size:12px}.clg-check input{width:16px;height:16px;margin-top:1px;accent-color:var(--clg-accent)}.clg-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-top:17px;border-top:1px solid var(--clg-line)}.clg-btn{display:inline-flex;min-height:40px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;padding:8px 13px;font-size:12px;font-weight:850}.clg-btn.primary{background:var(--clg-accent);color:#fff}.clg-btn.primary:hover{background:var(--clg-accent-dark)}.clg-btn.secondary{border-color:#465560;background:#222e39;color:#e2e9ed}.clg-btn.secondary:hover{background:#2b3945}.clg-validation{border:1px solid #f97066;border-radius:8px;background:#4b2022;color:#ffd6d2;padding:10px 12px;font-size:12px}.clg-output-column{display:flex;min-width:0;flex-direction:column;gap:24px}.clg-preview-wrap{min-height:410px;overflow:auto;padding:16px}.clg-preview-wrap svg{display:block;width:100%;min-width:650px;height:auto;border-radius:10px;background:#0b1218}.clg-preview-help{margin:0;padding:0 20px 17px;color:#8f9eaa;font-size:10px}.clg-result-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px 20px}.clg-result-cards article{min-width:0;border:1px solid #35434e;border-radius:10px;background:var(--clg-panel-2);padding:13px;text-align:center}.clg-result-cards span{display:block;min-height:30px;color:var(--clg-muted);font-size:9px;font-weight:800;text-transform:uppercase}.clg-result-cards strong{display:block;color:#ff835b;font-size:clamp(17px,2vw,23px);line-height:1.2}.clg-result-cards small{color:#c8d2d8;font-size:11px}.clg-print-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;margin:0 20px;padding:14px;border:1px solid #485764;border-radius:10px;background:#101820}.clg-print-summary div{flex:none}.clg-print-summary strong,.clg-print-summary span{display:block}.clg-print-summary strong{color:#fff;font-size:13px}.clg-print-summary span{margin-top:3px;color:#ff8c66;font-size:11px}.clg-print-summary p{max-width:530px;margin:0;color:#a7b4bc;font-size:11px;line-height:1.55}.clg-page-plan{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:8px;padding:18px 20px 22px}.clg-page-chip{border:1px solid #34434f;border-radius:8px;background:#111a22;padding:9px}.clg-page-chip strong,.clg-page-chip span{display:block}.clg-page-chip strong{color:#fff;font-size:11px}.clg-page-chip span{color:#899aa6;font-size:9px}.clg-learning{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;margin-top:28px}.clg-copy-card{border:1px solid var(--clg-line);border-radius:15px;background:var(--clg-panel);padding:26px}.clg-copy-card>h2{margin:5px 0 12px;color:#fff;font-size:28px}.clg-copy-card>p:not(.kicker){color:#aebbc4}.clg-formulas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.clg-formulas article{border:1px solid #303e49;border-radius:10px;background:#101820;padding:15px}.clg-formulas h3{margin:0 0 8px;color:#fff;font-size:14px}.clg-formulas p{margin:0;color:#9daab4;font-size:12px;line-height:1.6}.clg-formulas .clg-equation{margin-bottom:8px;color:#ff906a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:850}.clg-faq details{border-bottom:1px solid #303e49}.clg-faq summary{position:relative;cursor:pointer;list-style:none;padding:15px 28px 15px 0;color:#fff;font-size:13px;font-weight:800}.clg-faq summary::-webkit-details-marker{display:none}.clg-faq summary:after{position:absolute;right:3px;content:'+';color:#ff7b50;font-size:20px}.clg-faq details[open] summary:after{content:'−'}.clg-faq details p{margin:0;padding:0 0 15px;color:#a0afb8;font-size:12px;line-height:1.65}.clg-svg-grid{stroke:#24313b;stroke-width:1}.clg-svg-axis{stroke:#758895;stroke-width:1.2}.clg-svg-pattern{fill:rgba(240,90,40,.10);stroke:#ff794b;stroke-width:2.2;stroke-linejoin:round}.clg-svg-fold{stroke:#ffd166;stroke-width:1.4;stroke-dasharray:7 5}.clg-svg-tile{fill:none;stroke:#60a5fa;stroke-width:1.2;stroke-dasharray:7 5}.clg-svg-overlap{fill:rgba(96,165,250,.09);stroke:none}.clg-svg-dimension{stroke:#9baeb9;stroke-width:1;marker-start:url(#clg-arrow);marker-end:url(#clg-arrow)}.clg-svg-label{fill:#aab8c1;font-size:12px;font-weight:750}.clg-svg-page-label{fill:#7dd3fc;font-size:13px;font-weight:900}.clg-svg-title{fill:#fff;font-size:14px;font-weight:850}.clg-svg-cross{stroke:#67e8f9;stroke-width:1}.clg-svg-seam{fill:rgba(255,209,102,.13)}@media(max-width:1120px){.clg-workspace{grid-template-columns:1fr}.clg-controls{position:static}.clg-learning{grid-template-columns:1fr}.clg-result-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.clg-hero{padding:42px 0 32px}.clg-hero h1{font-size:40px}.clg-shell{padding-top:22px}.clg-panel-head{padding:17px}.clg-controls form{padding:17px}.clg-fields{grid-template-columns:1fr}.clg-preview-wrap{padding:8px}.clg-preview-wrap svg{min-width:720px}.clg-result-cards{padding:14px}.clg-print-summary{align-items:flex-start;flex-direction:column;margin:0 14px}.clg-page-plan{padding:14px}.clg-learning{margin-top:20px}.clg-copy-card{padding:20px}.clg-formulas{grid-template-columns:1fr}}@media(max-width:430px){.clg-result-cards{grid-template-columns:1fr}.clg-actions{flex-direction:column}.clg-btn{width:100%}}