/* Cinematic edition: original OKUNOTE layouts, inspired by the requested Anthem reference. */
:root{--bg:#080f1c;--surface:#121e30;--ink:#f1f5fc;--teal:#36d7ee;--muted:#b2bfd2;--line:#2b3a50;--pale:#102f3e;--violet:#c498ff;--lavender:#241e3c;--coral:#ffb191;--peach:#32252c;--warm:#191b23;--caution:#f0c18a;background:#060c16;color-scheme:dark}
body{background:#060c16}.toolbar,.navigation{background:#080f1c;border-color:#1e2b3d}.toolbar{height:60px}.navigation{height:60px}.brand{font-weight:900;font-size:21px;letter-spacing:.08em}.brand-mark{box-shadow:0 0 16px #36d7ee80}.tools button,button{background:#111c2c;border-color:#2c3a4d}.tools button{padding:7px 14px}.draft-label{color:#a4b3c8}.tools button:hover:enabled{background:#1b3244}.navigation .nav-center{gap:16px}.nav-center button{background:#111f30;border-color:#30445b;width:40px;height:40px}.slide-dots{display:flex;gap:4px;align-items:center}.slide-dots button{width:14px;height:30px;border:0;padding:0;background:transparent;border-radius:4px;position:relative}.slide-dots button:after{content:'';position:absolute;left:3px;top:12px;width:7px;height:7px;border-radius:10px;background:#55677f;transition:background .2s,box-shadow .2s}.slide-dots button[aria-current]:after{background:var(--teal);box-shadow:0 0 10px #36d7ee88}.slide-dots button:hover:after{background:#c1f7ff}#deck{height:calc(100svh - 120px)}.slide{width:min(100%,calc((100svh - 120px)*16/9));background:radial-gradient(ellipse at 85% 0%,#12324770,transparent 52%),var(--bg)}.slide-top{color:#a3b4ca;font-weight:700;letter-spacing:.12em}.slide-top b{color:var(--teal)}.status{background:#0d1828bf;border-color:#384657;color:#bdc9db;font-weight:400}.heading{margin:1.65cqw 0 2.2cqw}h1{font-weight:900;letter-spacing:-.05em;line-height:1.4}.title-line{display:block}.title-accent{color:var(--teal)}.intro{color:var(--muted)}.notice{background:#0b2332b8;border-color:#255467;color:#bbd6df;border-radius:8px}.notice>.line-icon{color:var(--teal)}.item{border-radius:12px}.item h3{font-weight:750}.item p{color:var(--muted)}.icon-wrap{border-radius:11px}.columns .item,.columns .item:nth-child(2),.columns .item:nth-child(3),.roles .item,.roles .item:first-child,.roles .item:nth-child(2),.compare .item,.matrix .item,.themes .item,.themes .item:nth-child(2),.themes .item:nth-child(3),.faq .item,.steps .item,.operator{background:#131e30;border-color:var(--line)}.columns .item:nth-child(2){background:#1b2037}.columns .item:nth-child(3){background:#232133}.columns .item:nth-child(2) .icon-wrap,.roles .item:nth-child(2) .icon-wrap{background:#302845;color:var(--violet)}.columns .item:nth-child(3) .icon-wrap{background:#38272e;color:var(--coral)}.columns .item-number{font-size:3cqw;top:2.2cqw;font-weight:850;color:#536078}.columns .item{border-top:2px solid #397e8d}.columns .item:nth-child(2){border-top-color:#756095}.columns .item:nth-child(3){border-top-color:#ad7466}.flow .icon-wrap{background:#0d3547;color:var(--teal);border:1px solid #2a687b}.flow .item-number{font-weight:800;color:#5bbacb}.roles .item:first-child{border-top:2px solid #268a9c}.roles .item:nth-child(2){border-top:2px solid #936ac0}.design-partnership .roles:after{background:#253752;color:var(--teal);border-color:var(--bg)}.themes .item{padding-top:1.6cqw;padding-bottom:1.6cqw}.themes .item:nth-child(2){background:#211d34;border-color:#493665}.themes .item:nth-child(3){background:#292027;border-color:#614034}.themes .item.restricted{background:#161e29;border-color:#566171;border-style:dashed}.themes .icon-wrap{background:#0b3544;color:var(--teal)}.themes .item:nth-child(2) .icon-wrap{background:#392648;color:var(--violet)}.themes .item:nth-child(3) .icon-wrap{background:#422d2e;color:var(--coral)}.themes .item.restricted .icon-wrap{background:#293341;color:#b9c2cf}.themes .item-number{color:#adbdcf}.internal-slide{background:radial-gradient(ellipse at 80% 5%,#49331b45,transparent 65%),#151720}.internal-slide .title-accent{color:var(--caution)}.internal-slide .status{background:#382b1f;color:#f0c18a;border-color:#745532}.internal-slide .notice{background:#32291f;color:#efd1ad;border-color:#705638}.internal .icon-wrap{background:#3c3024;color:#efc289}.internal .item{border-color:#705638}.internal .item-number{color:#f0c18a}.design-empathy .heading{margin-bottom:3cqw}.design-empathy h1{font-size:4.7cqw}.design-journey{background:radial-gradient(ellipse at 50% 0%,#11394d,transparent 65%),#08121f}.design-journey .heading{text-align:center;margin-bottom:3.5cqw}.design-journey h1{font-size:4.4cqw}.design-journey .flow .item{padding:2cqw 1cqw;border-top:0}.design-journey .flow .item-number{right:1cqw;top:2.4cqw;font-size:5cqw;color:#244e65;opacity:1}.design-overview{background:radial-gradient(ellipse at 80% 0%,#27234480,transparent 65%),#090f1d}.design-question .big-question{color:#36d7ee;font-size:17cqw;text-shadow:0 0 55px #36d7ee24}.design-lottery{background:radial-gradient(ellipse at 90% 10%,#49243460,transparent 70%),#0e111e}.design-lottery .title-accent{color:#ffb9ce}.design-lottery .flow .icon-wrap{background:#432633;color:#ffb9ce;border-color:#755063}.design-lottery .flow .item-number,.design-lottery .flow .item:after{color:#d695af}.design-lottery .flow .item{border-color:#92506c}.design-cost{background:radial-gradient(ellipse at 60% 0%,#163850,transparent 70%),#060d19}.design-cost h1{font-size:4.45cqw}.equation .item{background:#122c3e;border-color:#347086;border-radius:12px;padding:2.8cqw 2.5cqw}.equation .item:nth-child(2){background:#242139;border-color:#574565}.equation .item:nth-child(2):before{color:#d4b4f1}.equation h3{font-size:2.35cqw}.design-cost .status{background:#102739;border-color:#347086}.design-cost .notice{background:#0f2636;border-color:#347086}.design-choice{background:radial-gradient(ellipse at 50% 50%,#183b4e70,transparent 68%),#080f1c}.design-choice h1{font-size:4.5cqw}.stages .item{background:#112538;border-color:#388199}.stages .item:nth-child(2){background:#172a3c;border-color:#3ba5b7}.stages .item-number{font-weight:850;font-size:5.5cqw;color:#36d7ee}.stages .item:nth-child(2) .item-number{color:#36d7ee}.design-privacy{background:#0c1422}.design-questions .question-heading{background:linear-gradient(145deg,#123849,#122034);border:1px solid #2f6679}.design-questions .big-question{color:var(--teal)}.design-questions h1{font-size:3.25cqw}.design-route{background:radial-gradient(ellipse at 85% 10%,#29253d80,transparent 65%),#080f1c}.steps .item:nth-child(n+3){background:#211e35;border-color:var(--violet)}.steps .item-number{background:#124459;color:#6ee7f3;font-weight:750}.steps .item:nth-child(n+3) .item-number{background:#483259;color:#edc9ff}.operator p{color:#69d9e7}.design-contact .operator p{color:#69d9e7}.faq .item{border-left:2px solid #28778a}.photo{border:1px solid #455365;border-radius:12px}.photo figcaption{background:#0c1527e8;color:#d0dcec;font-size:1cqw;border:1px solid #4a5867}
/* Opening and closing photographs fill the canvas, with readable live text overlaid. */
.cover,.closing{background:#070f1b}.cover>.photo,.closing>.photo{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;z-index:0;margin:0}.cover>.photo:after,.closing>.photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050e1ee8 0%,#060f20ad 52%,#060f2020 100%),linear-gradient(0deg,#060f1cea,transparent 50%)}.cover>.photo img,.closing>.photo img{object-position:center;height:100%}.cover>.photo figcaption,.closing>.photo figcaption{z-index:1;right:1cqw;bottom:.6cqw;font-size:.9cqw}.hero-content{display:flex;align-items:center;gap:0;flex:1}.hero-content .heading{width:80%;margin:1.2cqw 0}.hero-wordmark{font-size:8.4cqw;font-weight:900;letter-spacing:-.05em;line-height:1;margin:1.6cqw 0 1.8cqw;color:#5edff2}.hero-wordmark span{color:#ad9cff}.cover-intro{display:inline-block;color:#a6e3ef;font-size:1.2cqw;letter-spacing:.13em;padding:.45cqw .9cqw;border:1px solid #39606c;border-radius:100px;background:#10243999}.cover h1{font-size:4.5cqw;line-height:1.45;letter-spacing:-.04em}.cover .title-accent{color:#f5f7ff}.cover-rail{margin-top:1cqw;gap:2cqw}.cover-rail>div{border-color:#58728378;padding:.8cqw 0}.cover-rail strong{font-size:1.55cqw;color:#e1ecf7}.cover-rail span{font-size:1.1cqw;color:#6adff0}.cover .notice{font-size:1.55cqw;color:#b6d9e4;margin-top:1cqw;padding:0;background:transparent;border:0}.design-final .slide-main{display:flex;justify-content:center;align-items:flex-start;gap:0}.closing-copy{width:70%}.closing h1{font-size:5.2cqw}.closing .intro{font-size:1.8cqw;max-width:55cqw}.closing .heading{margin:0 0 2.3cqw}.cta-block button{background:#15344a;border:1px dashed #6691a7;color:#d7eaf2;font-size:1.8cqw;border-radius:8px}.cta-block p{color:#bfd0e2;font-size:1.5cqw}.closing .notice{max-width:80%;background:#102434dc}.media-story{display:grid;grid-template-columns:1.3fr 1fr;gap:3cqw;align-items:center}.media-copy .heading{margin:0 0 1.5cqw}.media-copy h1{font-size:3.5cqw}.media-copy .composition{grid-template-columns:1fr;gap:1.3cqw}.media-copy .item{padding:1.2cqw 1.5cqw;background:#131e30;border:1px solid #2b3a50;border-radius:9px}.media-copy .item h3{font-size:1.7cqw;min-height:2.8cqw}.media-copy .item p{font-size:1.6cqw;line-height:1.55;margin-top:.6cqw}.media-copy .icon-wrap{width:2.8cqw;height:2.8cqw;margin-right:.8cqw}.media-copy .line-icon{width:1.8cqw;height:1.8cqw}.media-story>.photo{height:34cqw;border-radius:12px}.media-story>.photo img{object-position:65% 50%}.design-mobile{background:radial-gradient(ellipse at 85% 20%,#2c234b77,transparent 65%),#090f1c}.design-mobile .title-accent{color:#c9a4ff}.design-mobile .compare .item:nth-child(1){background:#251e38;border-color:#59416f}.design-mobile .compare .item:nth-child(1) .icon-wrap{background:#432e58;color:#dfbcff}.design-mobile .compare .item:nth-child(2){background:#102b38;border-color:#346373}.design-mobile .compare{gap:1.3cqw}.design-affiliate .roles .item:nth-child(2) .icon-wrap{background:#263349;color:#8ddcea}.privacy-content .photo{border-radius:12px}.toc button{background:#121e30}.toc button:hover{background:#183344}.toc small{color:#ecc696}dialog{background:#0d1726}.appendix-intro,caption{color:#b8c9db}thead{background:#193448}.progress{background:#1b2b41}#progress-fill{background:linear-gradient(90deg,#218ddd,#36d7ee)}
@media screen and (min-width:701px){.slide.active .heading{animation:headline-in .48s ease-out both}.slide.active>.photo img{animation:photo-in .8s ease-out both}.slide.active .item{animation-duration:.45s}.slide.active .item:nth-child(2){animation-delay:.07s}.slide.active .item:nth-child(3){animation-delay:.14s}}
@keyframes headline-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes photo-in{from{opacity:.5;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media screen and (max-width:1100px){.slide-dots{display:none}}
@media screen and (max-width:700px){
 .toolbar{height:auto;min-height:92px}.navigation{height:65px}#deck{height:auto}.slide,.slide.active{width:100%;padding:26px 22px 32px}.brand{font-size:21px}.tools button{padding:7px 12px}.title-line{display:inline}.title-line+.title-line:before{content:''}.cover .title-line,.closing .title-line{display:block}.slide-top{letter-spacing:.02em}.status{font-size:10px}.heading,.design-journey .heading{margin:0 0 24px;text-align:left}h1,.design-empathy h1,.design-journey h1,.design-choice h1,.design-cost h1{font-size:29px;line-height:1.55}.design-empathy .heading{margin-bottom:26px}.columns .item-number{font-size:32px;top:19px;right:22px}.columns .item:nth-child(2),.columns .item:nth-child(3){background:#171f32}.design-journey .flow .item{padding:18px 0 4px 76px;border-top:1px solid #326174}.design-journey .flow .item-number{position:static;font-size:14px;color:#9dd4df}.themes .item{padding:20px 18px 20px 80px}.themes .item-number{font-size:12px}.equation .item{padding:25px 22px}.equation h3{font-size:21px}.stages .item-number{font-size:44px}.design-questions h1{font-size:26px}.photo figcaption{font-size:10px}.hero-content .heading{width:100%;margin:0}.hero-content{align-items:flex-start;min-height:330px}.cover-intro{font-size:10px;letter-spacing:.07em;padding:6px 10px}.hero-wordmark{font-size:58px;margin:35px 0 24px}.cover h1{font-size:30px;line-height:1.6}.cover>.photo img,.closing>.photo img{object-position:65% 50%}.cover>.photo:after,.closing>.photo:after{background:linear-gradient(90deg,#061022d9,#06102283),linear-gradient(0deg,#060f1c,transparent 80%)}.cover>.photo,.closing>.photo{height:100%;width:100%;margin:0;border-radius:0}.cover>.photo figcaption,.closing>.photo figcaption{bottom:8px;right:8px;font-size:9px}.cover-rail{margin-top:24px;gap:8px 20px}.cover-rail>div{padding:12px 0}.cover-rail strong{font-size:16px}.cover-rail span{font-size:11px}.cover .notice{font-size:18px;margin-top:23px;padding:0}.closing-copy{width:100%}.closing h1{font-size:33px}.closing .heading{margin:20px 0 28px}.closing .intro{font-size:18px;max-width:none}.closing .notice{max-width:none}.cta-block button{font-size:18px}.cta-block p{font-size:18px}.design-final .slide-main{padding-top:24px}.media-story{display:flex;flex-direction:column;gap:23px;width:100%}.media-copy{width:100%}.media-copy .heading{margin:0 0 24px}.media-copy h1{font-size:29px}.media-copy .composition{gap:18px}.media-copy .item{padding:20px}.media-copy .item h3{font-size:19px;min-height:38px}.media-copy .item p{font-size:18px;line-height:1.8;margin-top:16px}.media-copy .icon-wrap{width:38px;height:38px;margin-right:10px}.media-copy .line-icon{width:24px;height:24px}.media-story>.photo{width:100%;height:230px}.design-mobile .compare{gap:18px}.privacy-content .photo{border-radius:12px}.notice{background:#0e2636}.nav-center{gap:30px}
}
@media print{.slide-dots{display:none}.slide,.slide.active{width:400mm;height:225mm}.cover>.photo figcaption,.closing>.photo figcaption{bottom:11mm}.cover .print-footer,.closing .print-footer{color:#c7d5e7}.print-footer{color:#aabbcf}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}