.opal-page{--o-ink:#18242c;--o-muted:#596b76;--o-edge:#dbe3e7;--o-dark:#2c3439;--o-yellow:#dfb72c;--o-yellow-soft:#f3df8b;--o-purple:#ad58d6;--o-blue:#78c7eb;color:var(--o-ink);background:linear-gradient(#f7f9fa,#eef2f3)}.opal-page .back-link{margin-bottom:52px;color:#61737d;font-size:13px}.opal-hero{position:relative;overflow:hidden;padding:54px 0 84px;background:radial-gradient(circle at 84% 22%,rgba(223,183,44,.18),transparent 34%),linear-gradient(145deg,#fff,#f1f4f5);border-bottom:1px solid var(--o-edge)}.opal-hero:after{content:"";position:absolute;left:8%;right:8%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#d6bd5e,transparent)}.opal-hero-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(480px,.95fr);align-items:center;gap:clamp(30px,4vw,64px)}.opal-overline{display:flex;align-items:center;gap:13px;letter-spacing:.15em;font-weight:850;font-size:11px;color:#7f7050;margin:0 0 18px}.opal-overline-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#30373c;color:#f2d258;font-size:11px;letter-spacing:.05em}.opal-overline-line{width:34px;height:1px;background:#cab45d}.opal-introduction h1{font-size:clamp(72px,8.7vw,132px);font-weight:850;letter-spacing:-.085em;line-height:.98;margin:0 0 22px;color:#242d33}.opal-title-dot,.opal-section-period{color:var(--o-yellow)}.opal-author{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;font-size:16px;line-height:1.65;color:#647680;margin-bottom:24px}.opal-author strong{color:#1d2a32;font-weight:800;font-size:clamp(20px,1.8vw,26px);letter-spacing:-.035em}.opal-intro{font-size:clamp(17px,1.3vw,20px);line-height:1.86;color:#485e6b;max-width:760px;margin:0;text-align:justify;text-justify:inter-word;hyphens:auto}.opal-hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.opal-action{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:15px 22px;border-radius:10px;font-size:15px;font-weight:850;transition:transform .2s,box-shadow .2s,background .2s}.opal-action.primary{background:#30373c;color:#fff;border:1px solid #30373c;box-shadow:0 10px 22px #1a212624}.opal-action.primary span:last-child{color:#f2d258}.opal-action.secondary{background:#fff;color:#313b41;border:1px solid #cbd5da}.opal-action:hover{transform:translateY(-3px);box-shadow:0 12px 24px #1f2a3124}.opal-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:20px;max-width:750px}.opal-meta>span{display:grid;gap:3px;padding:12px 13px;border:1px solid #e1e6e8;border-radius:10px;background:#ffffffb8;min-width:0}.opal-meta small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#7a8a93;font-weight:800}.opal-meta strong{font-size:13px;color:#283840;overflow-wrap:anywhere}.opal-hero-visual{position:relative;margin:0;border-radius:20px;overflow:hidden;background:#1e2529;border:1px solid #323d43;box-shadow:0 27px 58px #18212633}.opal-hero-visual img{display:block;width:100%;height:auto;aspect-ratio:1.81/1;object-fit:cover;object-position:center}.opal-hero-visual figcaption{position:absolute;left:16px;bottom:14px;padding:7px 9px;border-radius:6px;background:#191f23d6;color:#e7d17d;font-size:10px;letter-spacing:.12em;font-weight:800;backdrop-filter:blur(5px)}.opal-content{padding-top:42px;padding-bottom:94px;display:grid;gap:30px}.opal-panel{background:#fff;border:1px solid var(--o-edge);border-radius:22px;padding:clamp(26px,4vw,54px);box-shadow:0 14px 40px #192d370b}.opal-panel-head{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:29px}.opal-panel-head h2,.opal-download-panel h2{font-size:clamp(30px,3.1vw,46px);letter-spacing:-.055em;line-height:1.12;font-weight:800;margin:0}.opal-two-column,.opal-summary-layout{display:grid;grid-template-columns:minmax(0,.83fr) minmax(460px,1.17fr);gap:32px;align-items:center}.opal-two-column-reverse{grid-template-columns:minmax(460px,1.17fr) minmax(0,.83fr)}.opal-copy p{font-size:clamp(16px,1.22vw,18px);line-height:1.9;color:#4a5f6b;margin:0;text-align:justify;text-justify:inter-word;hyphens:auto}.opal-feature-list{display:grid;gap:8px;margin-top:24px}.opal-feature-list>span{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:center;padding:11px 13px;border-radius:10px;background:#f5f7f8;border:1px solid #e1e7ea;color:#445963;font-size:14px;font-weight:700}.opal-feature-list b{display:grid;place-items:center;min-height:31px;border-radius:7px;background:#343d42;color:#f2d258;font-size:11px;letter-spacing:.04em}.opal-rotator{min-width:0;border:1px solid #d7e0e4;border-radius:16px;overflow:hidden;background:#20272b;box-shadow:0 16px 34px #14232b1a}.opal-rotator-stage{position:relative;aspect-ratio:1.81/1;overflow:hidden}.opal-rotator-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#20272b;opacity:0;transform:scale(1.008);transition:opacity .7s ease,transform .7s ease;pointer-events:none}.opal-rotator-image.is-active{opacity:1;transform:scale(1);pointer-events:auto}.opal-rotator-footer{min-height:53px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 15px;background:#fff;border-top:1px solid #dce4e7;color:#405661;font-size:13px;font-weight:800}.opal-rotator-dots{display:flex;gap:6px;flex:0 0 auto}.opal-rotator-dot{width:8px;height:8px;border:0;border-radius:50%;background:#cad3d8;padding:0;cursor:pointer;transition:transform .2s,background .2s}.opal-rotator-dot.is-active{background:#d6ad23;transform:scale(1.25)}.opal-summary-layout{grid-template-columns:minmax(500px,1.2fr) minmax(0,.8fr)}.opal-summary-image{margin:0;border:1px solid #d8e1e5;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 14px 30px #16262e14}.opal-summary-image img{display:block;width:100%;height:auto}.opal-highlight{display:grid;gap:5px;margin-top:23px;padding:18px 20px;border-left:4px solid var(--o-yellow);background:#f8f6ec;border-radius:0 12px 12px 0;color:#4a5d64}.opal-highlight strong{font-size:18px;color:#2f3b40}.opal-highlight span:last-child{font-size:14px;line-height:1.6}.opal-features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.opal-feature-card{padding:20px;border:1px solid #e0e6e8;border-radius:15px;background:linear-gradient(180deg,#fbfcfc,#f3f6f7)}.opal-feature-card h3{margin:0 0 9px;font-size:19px;line-height:1.25;letter-spacing:-.025em;color:#26343b}.opal-feature-card p{margin:0;color:#536874;font-size:14px;line-height:1.72;text-align:justify;text-justify:inter-word}.opal-download-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:35px;align-items:center;background:#30383d;color:#fff;border-radius:22px;padding:clamp(28px,4vw,52px);box-shadow:0 18px 45px #18222829}.opal-download-kicker{display:block;color:#edd26b;letter-spacing:.13em;font-size:11px;font-weight:850;margin-bottom:12px}.opal-download-panel h2{color:#fff}.opal-download-panel p{max-width:850px;margin:17px 0 0;color:#d5e0e5;font-size:16px;line-height:1.85;text-align:justify;text-justify:inter-word}.opal-download-panel p strong{color:#fff}.opal-download-actions{display:grid;gap:10px;min-width:235px}.opal-download-panel .opal-action.primary{background:#e3bd36;border-color:#e3bd36;color:#222b30}.opal-download-panel .opal-action.primary span:last-child{color:#222b30}.opal-download-panel .opal-action.secondary{background:transparent;color:#fff;border-color:#69777e}@media(max-width:1120px){.opal-hero-layout,.opal-two-column,.opal-two-column-reverse,.opal-summary-layout{grid-template-columns:1fr}.opal-hero-visual{max-width:900px}.opal-two-column-reverse .opal-rotator{order:2}.opal-two-column-reverse .opal-copy{order:1}.opal-features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.opal-download-panel{grid-template-columns:1fr}.opal-download-actions{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}}@media(max-width:690px){.opal-page .back-link{margin-bottom:38px}.opal-hero{padding:38px 0 58px}.opal-overline{font-size:9px;letter-spacing:.09em}.opal-introduction h1{font-size:clamp(62px,18vw,91px)}.opal-author strong{display:block;font-size:19px}.opal-intro{font-size:17px;line-height:1.75}.opal-hero-buttons{display:grid;grid-template-columns:1fr}.opal-action{width:100%}.opal-meta{grid-template-columns:1fr}.opal-panel{border-radius:17px;padding:25px 18px}.opal-panel-head{gap:14px}.opal-copy p{font-size:16px;line-height:1.78}.opal-feature-list>span{grid-template-columns:34px minmax(0,1fr);font-size:13px}.opal-features-grid{grid-template-columns:1fr}.opal-download-panel{border-radius:17px;padding:27px 18px}.opal-download-actions{grid-template-columns:1fr}.opal-rotator-footer{font-size:12px}.opal-summary-layout{gap:23px}}@media(prefers-reduced-motion:reduce){.opal-rotator-image,.opal-action{transition:none!important}}.opal-development-note{display:grid;gap:6px;margin-top:22px;padding:15px 17px;border:1px solid #ead68a;border-left:4px solid var(--o-yellow);border-radius:10px;background:#fff9df;color:#675a2a;font-size:13.5px;line-height:1.6}.opal-development-note strong{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#443d23}.opal-feedback{display:grid;gap:13px;margin-top:16px;padding:18px;border:1px solid #dbe3e7;border-radius:14px;background:#ffffffdb;box-shadow:0 10px 24px #1828300f}.opal-feedback-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.opal-feedback-head h2{margin:3px 0 0;font-size:20px;letter-spacing:-.035em;color:#26343b}.opal-feedback-kicker{display:block;font-size:9px;letter-spacing:.14em;font-weight:850;color:#8a7535}.opal-feedback-version{flex:0 0 auto;border:1px solid #e4d594;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:850;color:#8a7535;background:#fffdf5}.opal-feedback-field{display:grid;gap:6px}.opal-feedback-field>span{font-size:11px;font-weight:800;color:#536874}.opal-feedback-field input,.opal-feedback-field textarea{width:100%;border:1px solid #cad5da;border-radius:9px;background:#fff;color:#27373f;padding:10px 12px;font:inherit;font-size:13px;outline:none;transition:border-color .18s,box-shadow .18s}.opal-feedback-field textarea{resize:vertical;min-height:92px;line-height:1.55}.opal-feedback-field input:focus,.opal-feedback-field textarea:focus{border-color:#b69a38;box-shadow:0 0 0 3px #dfb72c29}.opal-feedback-honey{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.opal-feedback-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.opal-feedback-send{display:inline-flex;align-items:center;gap:10px;border:0;border-radius:9px;background:#30373c;color:#fff;padding:10px 14px;font-size:12px;font-weight:850;cursor:pointer;transition:transform .18s,background .18s}.opal-feedback-send:hover{transform:translateY(-1px);background:#222b30}.opal-feedback-send:disabled{opacity:.58;cursor:wait;transform:none}.opal-feedback-send span:last-child{color:#f2d258}.opal-feedback-status{font-size:12px;font-weight:750;color:#536874}@media(max-width:690px){.opal-feedback{padding:15px}.opal-feedback-head{align-items:center}.opal-development-note{font-size:13px}}