:root{--ink:#10272d;--dark:#0b2026;--cream:#f6f2e9;--paper:#fffdf8;--line:#b9c9c1;--muted:#536a6c;--mint:#b8e7d5;--coral:#df6b56;--gold:#e8bd73}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #286a7a;outline-offset:3px}.wrap{max-width:1260px;margin:auto;padding:0 28px}.site-head{background:var(--dark);color:#fff}.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:75px}.logo{font-weight:900;letter-spacing:.12em;font-size:.9rem;white-space:nowrap}.bolt{display:inline-block;width:19px;height:23px;background:var(--coral);vertical-align:middle;margin-right:9px;clip-path:polygon(45% 0,100% 0,64% 40%,100% 40%,37% 100%,45% 57%,8% 57%)}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{font-size:.83rem;color:#cde0d9;font-weight:750;letter-spacing:.04em;padding:10px 0;border-bottom:2px solid transparent}nav a:hover,nav a[aria-current=page]{color:#fff;border-color:var(--coral)}.micro{font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.16em;color:#9b4c3d}.eyebrow{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.16em;color:#9b4c3d}.hero{padding:74px 0 55px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:7vw;align-items:center}.hero h1,.page-lead h1{font:clamp(3.1rem,6.7vw,6rem)/1.02 Georgia,serif;letter-spacing:-.045em;margin:10px 0 22px}.hero p,.page-lead p{font-size:1.16rem;color:#3d5556;max-width:660px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;min-height:47px;background:var(--ink);color:#fff;font-weight:800;border:1px solid var(--ink)}.button:hover{background:#24515a}.button.ghost{background:transparent;color:var(--ink);border-color:#72928a}.button.ghost:hover{background:#e1ede5}.graphic{min-height:340px;background:#10333a;color:#f6f2e9;position:relative;overflow:hidden;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.graphic:before{content:"";position:absolute;width:380px;height:380px;border:1px solid #57867e;border-radius:50%;left:19%;top:-14%;box-shadow:0 0 0 55px #193d42,0 0 0 56px #57867e,0 0 0 113px #193d42,0 0 0 114px #57867e}.graphic:after{content:"";position:absolute;width:34px;height:34px;border-radius:50%;background:var(--coral);top:47%;left:54%;box-shadow:0 0 0 22px #df6b5635}.graphic span{position:relative;z-index:1;font-size:.73rem;letter-spacing:.14em;text-transform:uppercase;font-weight:850}.graphic strong{position:relative;z-index:1;align-self:end;text-align:right;font:2rem/1.1 Georgia,serif;max-width:210px}.notice{background:#e8ece2;border-left:4px solid var(--coral);padding:17px 21px;font-size:.91rem;margin:0 0 68px}.notice strong{color:#8f392e}.section{padding:56px 0;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:28px}.section h2,.page-lead h1{font-family:Georgia,serif;letter-spacing:-.035em}.section h2{font-size:clamp(2.1rem,4vw,3.7rem);line-height:1.08;margin:5px 0}.section-head p{max-width:480px;color:var(--muted)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tile{background:var(--paper);border:1px solid var(--line);min-height:265px;padding:26px;display:flex;flex-direction:column}.tile .num{font-size:.76rem;color:#9b4c3d;font-weight:900;letter-spacing:.16em}.tile h3{font:1.62rem/1.15 Georgia,serif;margin:28px 0 10px}.tile p{color:#4f6668;font-size:.94rem;margin:0}.tile a{margin-top:auto;padding-top:20px;color:#14615d;font-weight:800;text-decoration:underline;text-underline-offset:4px}.feature{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.feature-copy{background:var(--mint);padding:clamp(25px,4vw,55px)}.feature-copy h2{font:clamp(2.5rem,5vw,4.8rem)/1.05 Georgia,serif;margin:14px 0}.feature-copy p{max-width:560px}.feature-side{background:var(--ink);color:#fff;padding:40px;display:flex;flex-direction:column;justify-content:space-between}.feature-side .eyebrow{color:var(--gold)}.feature-side ol{padding-left:20px;line-height:2.3}.feature-side a{color:var(--mint);font-weight:800;text-decoration:underline;text-underline-offset:4px}.page-lead{padding:62px 0 44px}.page-lead h1{font-size:clamp(3rem,6vw,5.7rem);max-width:850px}.page-lead p{max-width:760px}.list{border-top:1px solid var(--line)}.row{display:grid;grid-template-columns:65px minmax(0,.9fr) minmax(0,1.2fr) auto;align-items:start;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.row .idx{font-size:.75rem;font-weight:900;color:#a64e3e;letter-spacing:.1em}.row h3{font:1.45rem Georgia,serif;margin:0}.row p{margin:0;color:#4b6163}.status{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:#8d4335;white-space:nowrap}.callout{background:#e4ede6;border-left:4px solid #398c76;padding:22px 26px;margin:34px 0}.callout p{margin:.35em 0}.columns{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.panel{background:var(--paper);border:1px solid var(--line);padding:28px}.panel h2{font:1.8rem Georgia,serif;margin:0 0 15px}.panel ul{padding-left:20px}.panel li{margin:9px 0}.progress{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.step{background:#e5eee7;padding:23px;border-top:4px solid #719f8d}.step strong{display:block;font:2rem Georgia,serif}.step span{font-size:.82rem;color:#52686a}.footer{background:var(--dark);color:#bdd2cf;margin-top:80px;padding:33px 0}.footer .wrap{display:flex;justify-content:space-between;gap:25px;font-size:.83rem}.footer strong{color:#fff}.footer a{text-decoration:underline;text-underline-offset:4px}.course-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.course-item{background:var(--paper);border:1px solid var(--line);padding:19px 21px;display:grid;grid-template-columns:45px 1fr;gap:12px}.course-item b{color:#9b4c3d;font-size:.8rem}.course-item h3{font:1.2rem Georgia,serif;margin:0 0 5px}.course-item p{color:#53696b;font-size:.85rem;margin:0}.countline{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#8f392e}.mini-note{color:#53696b;font-size:.9rem}.mini-note a{text-decoration:underline}.page-end{padding-bottom:30px}@media(max-width:900px){.hero,.feature{grid-template-columns:1fr}.graphic{min-height:260px}.grid3{grid-template-columns:1fr 1fr}.progress{grid-template-columns:1fr 1fr}.row{grid-template-columns:45px 1fr}.row p,.row .status{grid-column:2}.section-head{display:block}}@media(max-width:620px){.wrap{padding:0 19px}.site-head .wrap{display:block;padding-top:17px;padding-bottom:10px}nav{gap:17px;margin-top:9px}.hero{padding-top:45px}.grid3,.columns,.course-grid,.progress{grid-template-columns:1fr}.tile{min-height:220px}.footer .wrap{display:block}.footer strong{display:block;margin-bottom:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Creative Studio visual layer: the approved content and page structure remain intact. */
body{background:radial-gradient(circle at 86% 8%,#dcece3 0,transparent 33%),radial-gradient(circle at 5% 38%,#f6e9db 0,transparent 28%),var(--cream)}
.site-head{background:linear-gradient(110deg,#091c22,#12373c 68%,#183c3f);box-shadow:0 8px 30px #10272d18;position:relative;z-index:2}
.site-head:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--mint),var(--coral),transparent);opacity:.75}
.logo .bolt{filter:drop-shadow(0 0 9px #df6b56a8)}
.hero h1,.page-lead h1{color:#0b292d;text-shadow:0 1px 0 #ffffff88}
.hero h1::first-line{color:#145653}
.graphic{background:radial-gradient(circle at 55% 53%,#2c675f 0,#143d42 36%,#0b252d 82%);border:1px solid #41877e;box-shadow:18px 18px 0 #b7d9ca,0 30px 52px #103a3b28;isolation:isolate}
.graphic:before{border-color:#a5dac3aa;box-shadow:0 0 0 55px #26675d31,0 0 0 56px #9ad1ba91,0 0 0 113px #26675d24,0 0 0 114px #9ad1ba64;animation:orbit-breathe 8s ease-in-out infinite}
.graphic:after{box-shadow:0 0 0 20px #df6b5638,0 0 28px 15px #df6b563f;animation:signal-pulse 6s ease-in-out infinite}
.graphic span{color:#cde8db}.graphic strong{text-shadow:0 2px 18px #062329aa}
.notice{background:linear-gradient(90deg,#e5eee4,#f4f0e5);box-shadow:0 10px 28px #0c353219}
.tile,.panel,.course-item{position:relative;overflow:hidden;box-shadow:0 8px 20px #10272d0b;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.tile:before,.panel:before,.course-item:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--coral),var(--gold),var(--mint));opacity:.76}
.tile:hover,.panel:hover,.course-item:hover{transform:translateY(-4px);box-shadow:0 18px 32px #10272d1c;border-color:#79a89a}
.tile .num{display:inline-flex;align-items:center;gap:10px}.tile .num:after{content:"";width:32px;height:1px;background:var(--coral)}
.button{box-shadow:4px 4px 0 #82ad9b;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #82ad9b}.button.ghost{box-shadow:4px 4px 0 #dcc7aa}.button.ghost:hover{box-shadow:6px 6px 0 #dcc7aa}
.feature-copy{background:linear-gradient(140deg,#c6ecda 0,#e6f1de 58%,#f4e9d3 100%);position:relative;overflow:hidden}.feature-copy:after{content:"";position:absolute;width:330px;height:330px;right:-180px;top:-170px;border:1px solid #62a39177;border-radius:50%;box-shadow:0 0 0 42px #78b7a21c,0 0 0 43px #62a3915a,0 0 0 86px #78b7a20e,0 0 0 87px #62a39133;pointer-events:none}.feature-copy>*{position:relative;z-index:1}
.feature-side{background:linear-gradient(145deg,#102d33,#174844);box-shadow:inset 0 0 0 1px #5a9b83}.feature-side ol li::marker{color:var(--gold);font-weight:800}
.step{background:linear-gradient(145deg,#e9f3e9,#f8f2e3);border-top:4px solid #6da692;box-shadow:0 7px 18px #10272d0d}.step strong{color:#135d56}
.row{transition:background .2s ease,padding .2s ease}.row:hover{background:#ffffff99;padding-left:10px;padding-right:10px}.row .idx{color:#a54f3e}
.callout{background:linear-gradient(100deg,#dcefe5,#f4ebd8);box-shadow:0 12px 28px #10272d12}
.footer{background:linear-gradient(120deg,#0b2026,#16413d)}
@keyframes orbit-breathe{50%{transform:scale(1.055);opacity:.72}}@keyframes signal-pulse{50%{transform:scale(.82);box-shadow:0 0 0 30px #df6b5625,0 0 38px 22px #df6b5650}}
@media(max-width:900px){.graphic{box-shadow:10px 10px 0 #b7d9ca,0 20px 38px #103a3b23}}
@media(prefers-reduced-motion:reduce){.graphic:before,.graphic:after{animation:none}.tile,.panel,.course-item,.button,.row{transition:none}.tile:hover,.panel:hover,.course-item:hover,.button:hover{transform:none}}
/* Light finish on the preferred Creative Studio version. */
.tile,.panel,.course-item{border-color:#a7beb4}.tile:hover,.panel:hover,.course-item:hover{transform:translateY(-2px)}
.section-head p{line-height:1.65}.course-item h3{line-height:1.25}
nav a:focus-visible,.button:focus-visible{outline:3px solid #f1b06e;outline-offset:5px}
@media(max-width:620px){.site-head nav{row-gap:2px}.graphic{box-shadow:7px 7px 0 #b7d9ca,0 18px 32px #103a3b23}}
@media(prefers-reduced-motion:reduce){.tile:hover,.panel:hover,.course-item:hover{transform:none}}
/* Foresixa Creative Studio · ETV future-facing treatment on the accepted layout. */
:root{--electric:#43c8be;--signal:#80e8d3}
body{background-image:linear-gradient(#1c807408 1px,transparent 1px),linear-gradient(90deg,#1c807408 1px,transparent 1px),radial-gradient(circle at 86% 8%,#dcece3 0,transparent 33%),radial-gradient(circle at 5% 38%,#f6e9db 0,transparent 28%);background-size:38px 38px,38px 38px,auto,auto}
.site-head{background:linear-gradient(110deg,#071820,#0e3438 70%,#12443f)}
.site-head:after{background:linear-gradient(90deg,transparent,#43c8be,var(--mint),var(--coral),transparent);box-shadow:0 0 14px #43c8be88}
.logo{letter-spacing:.135em}.logo .bolt{background:linear-gradient(140deg,#f18a61,#df5c4e 60%,#9b40a4)}
.graphic{background-image:repeating-linear-gradient(0deg,transparent 0 38px,#8ce1cc16 39px 40px),repeating-linear-gradient(90deg,transparent 0 38px,#8ce1cc16 39px 40px),radial-gradient(circle at 55% 53%,#28675f 0,#123b42 37%,#071b25 84%);border-color:#68ccba;box-shadow:18px 18px 0 #b7d9ca,0 30px 52px #103a3b28,inset 0 0 50px #43c8be20}
.graphic:before{border-color:#a6e8da;box-shadow:0 0 0 55px #26675d24,0 0 0 56px #a6e8da82,0 0 0 113px #26675d16,0 0 0 114px #a6e8da5e}
.graphic:after{background:#f08968;box-shadow:0 0 0 20px #df6b5630,0 0 30px 17px #ed9a7f72}
.graphic strong{text-shadow:0 0 20px #7fe4d444,0 2px 18px #062329aa}
.micro,.eyebrow{letter-spacing:.19em}.section h2:after{background:linear-gradient(90deg,var(--coral),var(--gold),var(--electric))}
.tile,.panel,.course-item{background:linear-gradient(145deg,#fffdf8 0,#f8fbf5 100%);border-color:#a2c6bb}
.tile:before,.panel:before,.course-item:before{background:linear-gradient(90deg,var(--coral),var(--gold),var(--electric))}
.tile:hover,.panel:hover,.course-item:hover{border-color:#47bcae;box-shadow:0 18px 32px #10272d1c,0 0 0 1px #43c8be44}
.feature-side{background:linear-gradient(145deg,#0b242d,#154940);box-shadow:inset 0 0 0 1px #58bcaa,inset 0 0 35px #43c8be1e}
.feature-copy{background:linear-gradient(135deg,#c6ecda 0,#e6f1de 58%,#f4e9d3 100%)}
.button{background:linear-gradient(120deg,#10272d,#15524d)}.button.ghost{background:transparent}
.step{border-top-color:#43aa9d}.step strong{color:#0c6961}
@media(prefers-reduced-motion:reduce){.graphic:before,.graphic:after{animation:none}}
/* A light future-facing finish on the prior full-size layout. */
.site-head:after{background:linear-gradient(90deg,#4bd9c6,#8c89e6,#df6b56);box-shadow:0 0 10px #56e7d470}
.graphic{background-image:radial-gradient(circle at 52% 53%,#1c6570 0,#103647 46%,#171d40 100%);box-shadow:18px 18px 0 #b2d8cc,0 20px 45px #223c6450,inset 0 0 42px #8179df30}
.graphic:before{border-color:#91ece0;box-shadow:0 0 12px #56e7d485}
.graphic:after{box-shadow:0 0 0 20px #ff95763b,0 0 26px 12px #ff957677}
.button{background:linear-gradient(120deg,#10272d,#15524d 65%,#343e70)}
