@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&display=swap');
:root{--paper:#f0f1f5;--ink:#171821;--muted:#71727e;--accent:#5551ff;--line:#17182122;--display:'Manrope',Arial,sans-serif;--mono:'IBM Plex Mono',monospace;--serif:'Cormorant Garamond',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.65 var(--display);padding-bottom:56px}button,input,textarea,select{font:inherit}button,a{color:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:none;border:0}a{text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid currentColor;outline-offset:5px}button:disabled{cursor:wait;opacity:.5}[hidden]{display:none!important}::selection{background:#c4f48a;color:#171821}header{position:absolute;z-index:20;top:0;left:0;right:0;padding:28px 4%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand b{font-size:40px;line-height:1;letter-spacing:-4px}.brand span{font-size:9px;text-transform:uppercase;letter-spacing:1px;line-height:1.45;font-weight:600}nav{display:flex;gap:32px;align-items:center;font-size:12px}nav button{font-size:12px;padding:0}nav sup{font-size:8px;color:var(--muted);margin-left:4px}.contact-link{border:1px solid var(--line);border-radius:40px;padding:11px 20px;display:flex;gap:25px}.mobile-menu{display:none}.hero{height:min(960px,100svh);min-height:720px;position:relative;overflow:hidden}.hero-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}h1{font-size:clamp(70px,9vw,148px);font-weight:500;line-height:.98;letter-spacing:-.075em;margin:0}h1 em,h2 em{font-style:normal}h2{font-size:clamp(38px,5vw,74px);line-height:1.08;letter-spacing:-.055em;font-weight:500;margin:20px 0}p{line-height:1.8}.eyebrow,.topline{font:9px/1.7 var(--mono);letter-spacing:1px;text-transform:uppercase}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--ink);color:var(--paper);padding:18px 24px;border-radius:35px;font-size:12px;transition:transform .3s,box-shadow .3s}.primary:hover{transform:translateY(-4px);box-shadow:0 12px 35px #0002}.primary span{font-size:18px}.textbtn{display:inline-block;font-size:12px;text-decoration:underline;padding:15px}.topline{position:absolute;top:145px;left:4%;right:4%;display:flex;justify-content:space-between;z-index:2}.kinetic h1{position:absolute;left:5%;bottom:24%;z-index:2;font-size:clamp(70px,9.1vw,145px)}.kinetic h1 em{color:#4749f7}.hero-foot{position:absolute;left:5%;right:5%;bottom:65px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:2}.hero-foot p{font-size:13px;line-height:1.7}.hero-foot .experiment{display:flex;align-items:center;gap:18px;font-size:10px}.experiment span{display:grid;place-items:center;width:55px;height:55px;font-size:28px;border:1px solid #4545fb33;border-radius:50%;color:#4749f7;transition:transform .5s}.experiment:hover span{transform:rotate(90deg)}.manifesto{padding:140px 8%;display:grid;grid-template-columns:1.6fr 1fr;gap:20px 10%;align-items:start}.manifesto>.eyebrow{grid-column:1/-1}.manifesto h2{font-size:clamp(36px,4.6vw,68px);margin-top:10px}.manifesto h2 em{color:var(--muted)}.manifesto p{font-size:16px;margin-top:16px}.signature{display:block;font:italic 30px var(--serif);margin-top:25px}.directions{padding:60px 5% 120px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:50px}.section-head h2{margin-bottom:0}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{font-size:11px;border:1px solid var(--line);padding:10px 15px;border-radius:30px;white-space:nowrap}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.filters sup{font-size:8px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:55px 30px}.service-card{padding:0;text-align:left;position:relative;opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s;}.service-card.revealed{opacity:1;transform:none}.card-art{height:340px;border-radius:16px;position:relative;overflow:hidden;background:var(--card-color);display:grid;place-items:center;isolation:isolate}.card-art:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 10%,#ffffffaa,transparent 65%),linear-gradient(130deg,transparent,#0001)}.card-art b{font-size:110px;font-weight:400;letter-spacing:-.09em;z-index:2;color:#ffffffdd;mix-blend-mode:overlay;transition:transform .8s}.card-art small{position:absolute;top:20px;left:22px;font:10px var(--mono);z-index:3}.art-shape{position:absolute;width:55%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 22%,#fff,transparent 23%),radial-gradient(circle at 25% 25%,var(--card-color),#242649 88%);box-shadow:15px 30px 45px #19143133;transform:rotate(-20deg);transition:transform 1s;border:1px solid #ffffff44}.art-shape.second{width:28%;right:12%;bottom:10%;filter:hue-rotate(70deg);transform:rotate(10deg)}.art-1 .art-shape{border-radius:22%;transform:rotate(25deg);width:42%}.art-2 .art-shape{background:none;border:40px solid #ffffff77;box-shadow:inset 20px 15px 35px #0003,15px 25px 35px #0002;transform:rotateX(30deg) rotateZ(-25deg)}.art-3 .art-shape{width:65%;aspect-ratio:2;border-radius:50%;transform:rotate(-25deg);background:linear-gradient(40deg,#3743d0,var(--card-color),#fff)}.art-4 .art-shape{border-radius:35% 65% 45% 55%;filter:hue-rotate(30deg)}.service-card:hover .art-shape{transform:rotate(30deg) scale(1.12)}.service-card:hover .art-shape.second{transform:translate(-12px,-15px) rotate(-25deg)}.service-card:hover .card-art b{transform:scale(1.15) rotate(-8deg)}.card-copy{padding:24px 38px 0 0;position:relative}.card-tag{font:8px/1.5 var(--mono);letter-spacing:.6px;color:var(--muted)}.card-copy h3{font-size:26px;letter-spacing:-1px;line-height:1.25;font-weight:500;margin:10px 0}.card-copy p{font-size:12px;color:var(--muted);max-width:380px;margin:0}.card-arrow{position:absolute;right:0;top:27px;font-size:26px}.invitation{position:relative;padding:110px 8%;overflow:hidden;background:#dce2fb}.invitation h2{font-size:clamp(66px,8vw,120px);margin:25px 0 40px}.invitation .primary{position:relative;z-index:2}.invitation-orbit{position:absolute;right:8%;top:15%;font-size:300px;color:#4949fa;line-height:1;animation:spin 30s linear infinite;pointer-events:none}.invitation .textbtn{position:relative;z-index:2}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:45px 5%;font-size:10px;border-top:1px solid var(--line)}#variant-bar{position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fbfbf9ee;backdrop-filter:blur(18px);border-top:1px solid #18191b22;height:54px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;color:#24252c;font:10px var(--mono)}#variant-bar>div{display:flex;gap:3px}#variant-bar>div a{padding:9px 13px;border-radius:5px;color:#757781}#variant-bar>div a span{margin-left:7px}#variant-bar a.selected{background:#24252c;color:white}#variant-bar button{font:10px var(--mono)}.scene-hint{position:absolute;font:8px/1.7 var(--mono);letter-spacing:1px;bottom:27px;left:50%;transform:translateX(-50%);white-space:nowrap;pointer-events:none}
/* 02 — orbiting, cinematic, saturated. */
body[data-theme=active-theory]{--paper:#080723;--ink:#e9e4ff;--muted:#9d96b7;--line:#c5b9ff33;background:#080723}.cosmic{height:100svh;min-height:800px}body[data-theme=active-theory] header nav{border:1px solid var(--line);background:#0c0a2788;border-radius:40px;padding:12px 20px;font:9px var(--mono);backdrop-filter:blur(15px)}body[data-theme=active-theory] nav button{font:9px var(--mono)}body[data-theme=active-theory] .contact-link{border:0;padding:0}.cosmic-copy{position:absolute;left:6%;top:29%;z-index:2;pointer-events:none}.cosmic-copy h1{font-size:clamp(70px,8.5vw,130px);margin:22px 0}.cosmic-copy h1 em{background:linear-gradient(90deg,#a999ff,#ff9fd2);color:transparent;background-clip:text}.cosmic-copy p{font-size:13px;color:#b3acca;max-width:330px}.cosmic-copy .primary{pointer-events:auto;background:#d2c5ff;color:#171034;margin-top:20px}.orbit-card{position:absolute;right:7%;bottom:140px;width:275px;border:1px solid #ccb9ff44;border-radius:16px;background:#19123688;backdrop-filter:blur(15px);padding:23px;z-index:3}.orbit-card>span{font:8px var(--mono);color:#b8a5e4}.orbit-card h2{font-size:23px;letter-spacing:-.5px;margin:12px 0}.orbit-card p{font-size:10px;color:#a69bbf;margin:10px 0 18px}.orbit-card>div{display:flex;gap:12px}.orbit-card button{width:32px;height:32px;border:1px solid #bcadf044;border-radius:50%;font-size:18px}.orbit-card button:hover{background:#8e6ce440}.orbit-selector{position:absolute;left:6%;bottom:115px;display:flex;gap:9px;z-index:4}.orbit-selector button{padding:6px;width:35px;display:flex;flex-direction:column;align-items:center;gap:10px}.orbit-selector i{width:14px;height:14px;background:radial-gradient(circle at 25% 25%,white,var(--c) 25%,#34274d 90%);border-radius:50%;box-shadow:0 0 12px #ad8df230;transition:transform .3s}.orbit-selector button[aria-pressed=true] i{transform:scale(1.5);outline:1px solid #d4c2ff;outline-offset:4px}.orbit-selector span{font:7px var(--mono);color:#9082ad}body[data-theme=active-theory] .manifesto{background:radial-gradient(ellipse at right,#301354,#080723)}body[data-theme=active-theory] .service-grid{grid-template-columns:repeat(3,1fr);gap:40px 22px}body[data-theme=active-theory] .card-art{height:240px;border:1px solid #ac8ff733;background:radial-gradient(ellipse at center,var(--card-color),#12102e 65%)}body[data-theme=active-theory] .card-copy h3{font-size:22px}body[data-theme=active-theory] .invitation{background:linear-gradient(130deg,#342068,#111132)}body[data-theme=active-theory] .invitation-orbit{color:#d3a4ff;text-shadow:0 0 80px #ab50ff77}
/* 03 — a traversable, romantic otherworld. */
body[data-theme=unseen]{--paper:#f0e5e8;--ink:#362337;--muted:#917487;--line:#67486433}.dream{height:100svh;min-height:800px}.dream-bg{position:absolute;inset:-35px;background:url('../assets/cosmic-world.png') center/cover;transform:translate(var(--pan-x,0px),var(--pan-y,0px)) scale(1.06);filter:saturate(.85);transition:filter 2s;will-change:transform}.dream.bloomed .dream-bg{filter:saturate(1.7) hue-rotate(20deg)}.dream:after{content:'';position:absolute;inset:0;background:linear-gradient(#24173318,transparent 25%,#34142a22);pointer-events:none}.dream-copy{position:absolute;z-index:2;left:50%;top:46%;transform:translate(-50%,-50%);width:90%;text-align:center;color:#fff6ec;text-shadow:0 3px 35px #633c5b66}.dream h1{font:400 clamp(95px,12vw,190px)/.76 var(--serif);letter-spacing:-.06em;margin:34px 0}.dream h1 em{font-style:italic}.dream-copy p{font-size:13px;margin:30px 0;color:#fff3f1}.dream .primary{background:#fff5ecde;color:#4f344a;backdrop-filter:blur(15px);text-shadow:none}.dream .eyebrow{font-size:8px}.hold-button{position:absolute;right:4%;bottom:80px;color:#fff3ee;z-index:3;font-size:10px;display:flex;gap:15px;align-items:center;text-shadow:0 2px 10px #0005}.hold-button>span{display:grid;place-items:center;width:55px;height:55px;border:1px solid #fff9;border-radius:50%;font-size:30px}.dream .scene-hint{color:#fff3ef;z-index:2;bottom:35px}body[data-theme=unseen] header{color:#fff8ed;text-shadow:0 2px 20px #25112466}body[data-theme=unseen] header .contact-link{border-color:#fff8}body[data-theme=unseen] .brand b{font-family:var(--serif);font-style:italic;font-size:52px}body[data-theme=unseen] .manifesto h2,body[data-theme=unseen] .section-head h2,body[data-theme=unseen] .invitation h2{font-family:var(--serif);font-weight:400;font-size:clamp(50px,6vw,90px);letter-spacing:-.05em}body[data-theme=unseen] h2 em{font-style:italic}body[data-theme=unseen] .service-grid{grid-template-columns:repeat(3,1fr);gap:70px 45px}body[data-theme=unseen] .card-art{height:350px;border-radius:180px 180px 8px 8px;background:linear-gradient(160deg,#f9dfe7,var(--card-color));box-shadow:0 20px 35px #5d3b5c16}body[data-theme=unseen] .card-copy{text-align:center;padding-right:0}body[data-theme=unseen] .card-copy h3{font:400 29px/1.1 var(--serif)}body[data-theme=unseen] .card-arrow{display:none}body[data-theme=unseen] .card-copy p{font-size:11px}body[data-theme=unseen] .card-art b{font-family:var(--serif);font-size:130px}body[data-theme=unseen] .invitation{background:linear-gradient(125deg,#e7c2d2,#d5bce0)}body[data-theme=unseen] .invitation-orbit{color:#9e6a9d;opacity:.45}
/* 04 — editorial confidence, oversize type and a soft sculptural object. */
body[data-theme=cuberto]{--paper:#fcfbf7;--ink:#19191b;--muted:#7d7c81;--accent:#b7f261}.editorial{min-height:880px;height:100svh;padding:140px 6% 80px}.editorial h1{position:relative;z-index:2;font-size:clamp(70px,9.2vw,148px);line-height:1.08;font-weight:500;pointer-events:none;margin:23px 0 0}.editorial h1 span{font-family:var(--serif);font-style:italic;letter-spacing:-.05em;font-size:1.16em;line-height:.7}.editorial h1 em{color:#7760df}.sculpture-box{position:absolute;right:-1%;top:19%;width:52%;height:65%;z-index:1}.sculpture-box #remix{position:absolute;bottom:3%;right:20%;width:68px;height:68px;background:#e7e0fa;border-radius:50%;font-size:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2}.sculpture-box #remix span{font:8px var(--mono);margin-top:5px}.editorial-bottom{position:absolute;left:6%;right:6%;bottom:65px;display:flex;justify-content:space-between;align-items:center}.editorial-bottom p{font-size:13px}.editorial-bottom .primary{background:#c8f885;color:#20221c}body[data-theme=cuberto] .manifesto{background:#19191b;color:#f8f8f3;border-radius:45px 45px 0 0;padding-top:120px;padding-bottom:130px}body[data-theme=cuberto] .manifesto h2 em{color:#bbf57e}body[data-theme=cuberto] .directions{background:#19191b;color:#f8f8f3;border-radius:0 0 45px 45px;--line:#ffffff33;--muted:#9c9ca6;--ink:#fff;--paper:#19191b;padding-left:8%;padding-right:8%}body[data-theme=cuberto] .section-head{display:block}body[data-theme=cuberto] .filters{margin-top:25px}body[data-theme=cuberto] .service-grid{gap:85px 7%}body[data-theme=cuberto] .service-card:nth-child(even){margin-top:100px}body[data-theme=cuberto] .card-art{height:420px;border-radius:28px}body[data-theme=cuberto] .card-copy h3{font-size:30px}body[data-theme=cuberto] .invitation{background:#e9e1ff}body[data-theme=cuberto] .invitation-orbit{color:#9476e8}body[data-theme=cuberto] .brand b{font-size:40px;letter-spacing:-3px}
/* 05 — a playful, useful product portal. */
body[data-theme=contra]{--paper:#fffdf6;--ink:#262a22;--muted:#7c806f;--line:#69735333}.playful{background:radial-gradient(ellipse at 50% 40%,#fffef6,#f6f4d8);height:900px;min-height:800px}.playful-copy{position:absolute;top:23%;left:50%;transform:translateX(-50%);width:620px;max-width:85%;text-align:center;z-index:4}.pill-label{display:inline-flex;border:1px solid #79836333;background:#fff8;border-radius:30px;padding:7px 15px;font:8px var(--mono);letter-spacing:1px}.playful h1{font:500 clamp(70px,8vw,118px)/.9 var(--serif);letter-spacing:-.055em;margin:25px 0}.playful h1 em{font-style:italic}.playful-copy>p{font-size:13px;color:#7e8270;margin:25px 0}.task-picker{background:#fffefb;border:1px solid #a8b18f55;box-shadow:0 15px 60px #69684116;border-radius:20px;text-align:left;padding:20px 22px;margin:35px 0 15px}.task-picker label{font-size:10px;color:#828b70;display:block}.task-picker>div{display:flex;gap:12px;align-items:center;margin-top:8px}.task-picker select{border:0;background:none;color:#343a2d;min-width:0;width:100%;font-size:14px;padding:10px 0;outline-offset:0}.task-picker button{width:44px;height:44px;flex-shrink:0;background:#202a21;color:#f7ffe7;border-radius:50%;font-size:23px}.quick-picks{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.quick-picks button{font-size:10px;padding:9px 14px;border:1px solid #afb59d55;border-radius:25px;background:#fff8}.quick-picks button:hover{background:#e0edbd}.floating-tile{position:absolute;z-index:2;border:1px solid #48463122;box-shadow:5px 15px 35px #4f49301c;border-radius:16px;padding:20px;animation:bob 7s ease-in-out infinite alternate;pointer-events:none}.floating-tile>span{font:7px var(--mono);letter-spacing:.6px}.floating-tile>b{font-size:15px;line-height:1.4;display:block;letter-spacing:-.5px}.tile-one{left:-3%;top:21%;width:220px;height:230px;background:#c3b2ef;transform:rotate(-12deg)}.tile-one b{margin-top:18px}.tile-spark{font-size:100px;line-height:1.2;color:#68519b}.tile-two{right:-3%;top:32%;width:220px;height:240px;background:#c1dca1;transform:rotate(12deg);animation-delay:-3s}.tiny-bars{display:flex;align-items:end;gap:9px;height:90px;margin:5px 0 25px}.tiny-bars i{height:40%;flex:1;background:#436147;border-radius:6px 6px 0 0;animation:bars 3s ease-in-out infinite alternate}.tiny-bars i:nth-child(2){height:60%;animation-delay:-.5s}.tiny-bars i:nth-child(3){height:45%;animation-delay:-1s}.tiny-bars i:nth-child(4){height:85%;animation-delay:-2s}.tiny-bars i:nth-child(5){height:100%;animation-delay:-1.5s}.tile-three{bottom:-30px;left:13%;width:200px;height:190px;background:#efbda0;transform:rotate(-8deg);animation-delay:-4s}.tile-three strong{font:500 42px/1 var(--serif);display:block;margin-top:15px}body[data-theme=contra] .brand b{font-size:40px;letter-spacing:0}body[data-theme=contra] .manifesto{padding-top:120px}body[data-theme=contra] .manifesto h2,body[data-theme=contra] .section-head h2,body[data-theme=contra] .invitation h2{font-family:var(--serif);font-weight:500;font-size:clamp(45px,5.3vw,75px)}body[data-theme=contra] .service-grid{grid-template-columns:repeat(3,1fr);gap:24px}body[data-theme=contra] .service-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;transition:transform .5s,opacity .5s,box-shadow .5s}body[data-theme=contra] .service-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #60573019}body[data-theme=contra] .card-art{height:200px;border-radius:0}body[data-theme=contra] .card-copy{padding:20px 25px 28px}body[data-theme=contra] .card-copy h3{font-size:23px}body[data-theme=contra] .card-arrow{right:15px;top:20px;font-size:20px}body[data-theme=contra] .card-tag{font-size:7px;display:block;padding-right:15px}body[data-theme=contra] .card-copy p{font-size:11px}body[data-theme=contra] .invitation{background:#e4eacb}body[data-theme=contra] .invitation-orbit{color:#82975b}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{to{translate:0 -22px;rotate:3deg}}@keyframes bars{to{transform:scaleY(.7);transform-origin:bottom}}

.lab{padding:35px 0;margin-top:35px;border-top:1px solid var(--line)}.small-title{font:9px var(--mono);letter-spacing:1px;color:#83a3b8}.lab h3{font-size:30px;margin:25px 0 16px}.lab p{font-size:12px;color:#8ca7ba;line-height:1.85}.pill-group{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.pill{border:1px solid #a9d3ec33;border-radius:20px;padding:9px 15px;font-size:10px}.pill.active{background:#bfdfed;color:#07101a;border-color:#bfdfed}.response{padding:20px;border-left:1px solid var(--accent);background:#9bcae006;margin:25px 0}.response h4{font-size:20px;font-weight:400;line-height:1.4;margin:0 0 10px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;background:#c6e2ed;color:#07101a;border:1px solid #c6e2ed;font:10px var(--mono)}.btn:hover{background:white}.btn:disabled{opacity:.5;cursor:wait}.goal-input{display:flex;gap:10px;margin:12px 0}.goal-input input{min-width:0}.goal-input .btn{white-space:nowrap}.progress-line{height:2px;background:#99bdd122;margin:25px 0}.progress-line span{display:block;height:100%;background:var(--accent);transition:width .3s}.tasklist label{display:flex;gap:12px;align-items:center;margin:15px 0}.tasklist input{width:16px;height:16px;accent-color:#a2cfe4}.textbtn{font:10px var(--mono);padding:10px 0;text-decoration:underline}.inline-note{font-size:10px!important;color:#67879c!important}.lesson-layout{display:grid;gap:20px}.lesson-list{display:flex;flex-direction:column}.lesson-list button{padding:18px 0;border-bottom:1px solid var(--line);text-align:left;font-size:12px;color:#7d9bb0}.lesson-list button.active{color:#e5f2fa}.lesson-list span{font:9px var(--mono);margin-right:20px}.lesson-preview{padding:24px;background:#a9d9f00a}.lesson-preview h4{font-size:23px;font-weight:400;line-height:1.4}.lesson-preview ol{font-size:12px;line-height:2;color:#8ca7bb;padding-left:20px}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:25px 0}.process-step{border:1px solid var(--line);padding:20px 10px;transition:.3s}.process-step span{font:9px var(--mono);display:block;margin-bottom:20px;color:#779bb3}.process-step strong{font-size:10px;font-weight:400}.process-step.current{background:#aedfec22;border-color:#aedfec}.process-step.done{background:#a9dbef33}.process-status{min-height:48px}.calculator{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:40px}.calc-fields label{margin:20px 0}.range-top{display:flex;justify-content:space-between}.calc-fields input{width:100%;accent-color:#a2d5ee;margin-top:10px}.calc-result{display:flex;flex-direction:column;justify-content:center}.calc-result strong{font-size:55px;font-weight:300}.calc-result span{font-size:11px}.months details{border-top:1px solid var(--line);padding:22px 0}.months summary{display:flex;justify-content:space-between;list-style:none;cursor:pointer;font-size:16px}.months summary:after{content:'+';color:var(--accent)}.months details[open] summary:after{content:'−'}.months summary span{font:9px var(--mono);color:#67879d;margin-right:18px}.months p{padding-left:33px}
dialog{border:1px solid #9cc4df33;background:#09131ff5;color:#e0edf4;padding:50px;width:min(590px,calc(100% - 30px));max-height:90svh;box-shadow:0 0 100px #0009;overflow:auto}dialog::backdrop{background:#01050dbb;backdrop-filter:blur(18px)}dialog h2{font-size:42px;font-weight:300;letter-spacing:-2px;line-height:1.12;margin:22px 0}dialog p{font-size:12px;color:#88a2b6}.close{position:absolute;right:20px;top:16px;font-size:27px}.quiz-progress{display:flex;gap:7px;margin:25px 0}.quiz-progress span{height:2px;background:#54718455;flex:1}.quiz-progress span.on{background:var(--accent)}.quiz-option{display:flex;justify-content:space-between;align-items:center;width:100%;padding:18px;text-align:left;border:1px solid #9abdd933;margin:10px 0;font-size:13px}.quiz-option:hover{background:#b1ddf01a;border-color:#b1ddf0}.quiz-back{font-size:10px;margin-top:20px}label{display:block;font-size:11px;color:#a6bfce}input:not([type=checkbox]):not([type=range]),select,textarea{width:100%;display:block;background:#9ac5df09;border:1px solid #a8cfde33;color:#e1f1f8;padding:12px;margin-top:7px;border-radius:0}select{color-scheme:dark}textarea{min-height:100px;resize:vertical}form label{margin:18px 0}.formnote{font-size:9px!important;line-height:1.8}#brieftext{min-height:210px;font-size:12px}#copybrief{margin-top:20px}#toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%,20px);padding:15px 25px;background:#0b1e2e;border:1px solid #a4cde755;color:#d5ecf7;font:11px var(--mono);z-index:110;opacity:0;pointer-events:none;transition:.3s}#toast.show{opacity:1;transform:translate(-50%,0)}.skip{position:fixed;left:20px;top:-100px;padding:10px;background:#d3eff8;color:#061018;z-index:120}.skip:focus{top:10px}
/* Shared service pages and working demos inherit each concept's palette. */
dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:24px;max-height:90svh;padding:55px;width:min(620px,calc(100% - 30px));box-shadow:0 35px 120px #0004}dialog::backdrop{background:#06061288;backdrop-filter:blur(14px)}#service{width:min(960px,calc(100% - 30px));padding:65px 7%;border-radius:28px}#service h2{font-size:clamp(40px,5.3vw,76px);font-weight:400;letter-spacing:-.055em}#service .service-fullname{font:10px/1.7 var(--mono);color:var(--muted);text-transform:uppercase;max-width:650px}#service .lead{font-size:17px;line-height:1.8;max-width:720px}#service .detail-text{padding-top:55px}#service h3{font-size:33px;font-weight:400;line-height:1.2;letter-spacing:-1px}#service .detail-text>p{font-size:14px;color:var(--muted)}.steps{list-style:none;padding:0;margin:35px 0}.steps li{display:flex;gap:20px;border-top:1px solid var(--line);padding:20px 0}.steps small{font:9px var(--mono);color:var(--muted);padding-top:7px}.steps strong{font-size:17px;font-weight:500}.steps p{font-size:12px;color:var(--muted);margin-bottom:0}dialog p,.lab p{color:var(--muted)}dialog .eyebrow,.lab .small-title{color:var(--muted)}.close{color:var(--ink);z-index:2;right:22px;top:20px}.pill{border-color:var(--line);color:var(--ink)}.pill.active{background:var(--ink);color:var(--paper)}.response{background:#8888880c;border-color:var(--accent)}.response p{color:var(--muted)}.btn{background:var(--ink);color:var(--paper);border:0;border-radius:8px}.btn:hover{background:#858095;color:white}.lesson-list button{color:var(--muted)}.lesson-list button.active{color:var(--ink)}.lesson-preview{background:#88888812}.lesson-preview ol{color:var(--muted)}.quiz-option{border-color:var(--line)}.quiz-option:hover{background:#99999915;border-color:var(--ink)}label{color:var(--ink)}input:not([type=checkbox]):not([type=range]),select,textarea{background:#8888880b;color:var(--ink);border-color:var(--line);border-radius:8px}select{color-scheme:light}body[data-theme=active-theory] select{color-scheme:dark}.task-picker select{margin:0;border:0;background:none;padding:8px 0;color:#343a2d}.inline-note{color:var(--muted)!important}.process-step{border-color:var(--line)}.process-step.current{background:#9191cb22;border-color:var(--ink)}.process-step.done{background:#9acb9122}.quiz-progress span.on{background:var(--ink)}.quiz-progress span{background:#8884}#toast{background:var(--ink);color:var(--paper);border-radius:12px}.skip{z-index:100}
@media(max-width:1050px){.section-head{display:block}.filters{margin-top:25px}.cosmic-copy h1{font-size:85px}.orbit-card{right:4%;width:235px}.orbit-selector{gap:3px}.service-grid{gap:40px 25px}.card-art{height:270px}body[data-theme=unseen] .service-grid{gap:40px 25px}body[data-theme=unseen] .card-art{height:270px}body[data-theme=active-theory] .service-grid,body[data-theme=contra] .service-grid{grid-template-columns:1fr 1fr}.floating-tile{opacity:.65}.tile-one{left:-80px}.tile-two{right:-80px}.playful-copy{width:560px}.editorial h1{font-size:95px}.editorial{min-height:800px}.sculpture-box{right:-10%;width:60%}#variant-bar>div a{padding:9px}#variant-bar>div a span{display:none}}
@media(max-width:650px){body{padding-bottom:52px}header{padding:22px 6%}.brand b{font-size:34px}.brand span{font-size:7px}nav{display:none}header.menu-open nav{display:flex;position:absolute;top:78px;left:15px;right:15px;padding:25px!important;background:var(--paper)!important;color:var(--ink);border:1px solid var(--line);border-radius:20px!important;flex-direction:column;align-items:start;gap:25px;text-shadow:none;box-shadow:0 15px 45px #0002}.mobile-menu{display:block;font-size:24px}.hero{height:calc(100svh - 30px);min-height:740px}.topline{top:105px;left:6%;right:6%;font-size:7px}.topline span:last-child{display:none}.kinetic h1{left:6%;bottom:26%;font-size:clamp(62px,14vw,85px)}.hero-foot{left:6%;right:6%;bottom:35px;display:grid;grid-template-columns:1fr 55px;gap:18px}.hero-foot p{grid-column:1/-1;font-size:11px;margin:0}.primary{font-size:10px;padding:15px 20px;gap:20px}.hero-foot .primary{justify-self:start}.hero-foot .experiment{font-size:0;gap:0}.experiment span{width:46px;height:46px}.manifesto{grid-template-columns:1fr;padding:75px 6%;gap:15px}.manifesto>.eyebrow{font-size:8px}.manifesto h2{font-size:40px;margin:10px 0}.manifesto p{font-size:13px;max-width:420px}.signature{font-size:26px}.directions{padding:40px 6% 75px}.section-head{margin-bottom:30px}.section-head h2{font-size:40px}.section-head .eyebrow{font-size:7px}.filters{gap:5px}.filters button{font-size:9px;padding:8px 12px}.service-grid,body[data-theme=active-theory] .service-grid,body[data-theme=contra] .service-grid{grid-template-columns:1fr;gap:38px}.card-art{height:310px}.card-copy{padding-top:20px}.card-copy h3{font-size:25px}.card-copy p{font-size:12px}.card-tag{font-size:7px}.invitation{padding:65px 6% 75px}.invitation h2{font-size:68px}.invitation .textbtn{display:block;text-align:left;padding-left:0;margin-top:10px}.invitation-orbit{right:-90px;top:90px;font-size:240px;opacity:.3}footer{padding:35px 6%;font-size:9px;flex-wrap:wrap}footer>span:nth-child(2){display:none}#variant-bar{height:52px;padding:0 12px;font-size:8px}.back-variants{max-width:60px;line-height:1.4}#variant-bar>div{gap:2px}#variant-bar>div a{padding:8px 10px}#variant-bar button{font-size:8px}.cosmic{min-height:850px}.cosmic-copy{left:7%;top:auto;bottom:33%}.cosmic-copy .eyebrow{font-size:7px}.cosmic-copy h1{font-size:65px;line-height:.95;margin:15px 0}.cosmic-copy p{font-size:11px;margin:15px 0}.cosmic-copy .primary{margin-top:10px}.orbit-card{right:7%;left:7%;bottom:85px;width:auto;padding:16px 70px 16px 18px;background:#191236aa;border-radius:12px}.orbit-card h2{font-size:20px;margin:6px 0}.orbit-card p{font-size:9px;margin:5px 0}.orbit-card>div{position:absolute;right:12px;top:50%;transform:translateY(-50%);flex-direction:column;gap:7px}.orbit-card button{width:26px;height:26px;font-size:14px}.orbit-selector{left:7%;right:7%;justify-content:space-between;bottom:235px;gap:0}.orbit-selector button{width:26px;padding:5px}.orbit-selector i{width:11px;height:11px}.orbit-selector span{font-size:6px}.cosmic .scene-hint{font-size:6px;bottom:35px;letter-spacing:.6px}body[data-theme=active-theory] .card-art{height:300px}.dream{min-height:760px}.dream-copy{top:45%}.dream h1{font-size:100px;line-height:.78;margin:28px 0}.dream .eyebrow{font-size:6px;letter-spacing:.8px}.dream-copy p{font-size:10px;max-width:250px;margin:25px auto}.dream-bg{background-position:48% center;inset:-35px -120px}.hold-button{right:6%;bottom:70px;font-size:8px;gap:10px}.hold-button>span{width:43px;height:43px;font-size:25px}.dream .scene-hint{font-size:5px;letter-spacing:.5px;bottom:30px}body[data-theme=unseen] .manifesto h2,body[data-theme=unseen] .section-head h2{font-size:50px}body[data-theme=unseen] .service-grid{grid-template-columns:1fr 1fr;gap:35px 15px}body[data-theme=unseen] .card-art{height:220px}body[data-theme=unseen] .card-art b{font-size:80px}body[data-theme=unseen] .card-copy h3{font-size:24px;line-height:1.05}body[data-theme=unseen] .card-copy p{font-size:10px}body[data-theme=unseen] .card-tag{font-size:6px}.editorial{padding:115px 6% 60px;min-height:850px;height:100svh}.editorial>.eyebrow{font-size:7px}.editorial h1{font-size:clamp(55px,13.7vw,78px);margin-top:25px;line-height:1.1}.sculpture-box{top:38%;right:1%;width:80%;height:43%}.sculpture-box #remix{width:50px;height:50px;right:0;bottom:0;font-size:21px}.sculpture-box #remix span{font-size:6px}.editorial-bottom{left:6%;right:6%;bottom:38px;align-items:end;gap:15px}.editorial-bottom p{font-size:10px;max-width:135px}.editorial-bottom .primary{padding:13px 16px;max-width:160px;font-size:9px}body[data-theme=cuberto] .manifesto{border-radius:25px 25px 0 0;padding:75px 6%}body[data-theme=cuberto] .directions{padding:30px 6% 75px;border-radius:0 0 25px 25px}body[data-theme=cuberto] .service-card:nth-child(even){margin-top:0}body[data-theme=cuberto] .service-grid{gap:45px}body[data-theme=cuberto] .card-art{height:340px}body[data-theme=cuberto] .card-copy h3{font-size:26px}.playful{height:850px;min-height:800px}.playful-copy{top:23%;max-width:90%}.playful h1{font-size:72px;margin:25px -5px}.playful-copy>p{font-size:11px;max-width:260px;margin:20px auto}.pill-label{font-size:6px}.task-picker{padding:16px;border-radius:16px;margin-top:25px}.task-picker label{font-size:9px}.task-picker select{font-size:11px!important}.task-picker button{width:35px;height:35px;font-size:21px}.quick-picks{gap:5px}.quick-picks button{font-size:9px;padding:8px 12px}.tile-one{top:9%;left:-45px;width:130px;height:140px;padding:15px;opacity:.65}.tile-one>span{font-size:5px}.tile-one b{font-size:10px;margin-top:8px}.tile-spark{font-size:55px}.tile-two{right:-40px;top:68%;width:140px;height:160px;padding:15px;opacity:.65}.tiny-bars{height:60px;gap:5px;margin:0 0 15px}.tile-two b{font-size:11px}.tile-three{width:135px;height:135px;bottom:10px;left:7%;padding:15px}.tile-three>span{font-size:5px}.tile-three strong{font-size:29px}body[data-theme=contra] .manifesto{padding-top:75px}body[data-theme=contra] .section-head h2{font-size:50px}body[data-theme=contra] .card-art{height:220px}.goal-input{flex-direction:column}.process{grid-template-columns:1fr 1fr}.calculator{grid-template-columns:1fr;gap:0}dialog,#service{padding:45px 25px;border-radius:18px}dialog h2{font-size:35px}#service h2{font-size:43px}#service .lead{font-size:14px}#service h3{font-size:28px}.lab h3{font-size:25px}.lab .small-title{font-size:8px}.months summary{font-size:14px}.months summary span{margin-right:12px}.quiz-option{font-size:12px}.btn{font-size:10px}.hero-art{touch-action:pan-y}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.service-card{opacity:1;transform:none}}body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation:none!important;transition:none!important}
/* Shared space direction, following the user's revised art direction. */
body[data-theme=lusion],body[data-theme=unseen],body[data-theme=cuberto],body[data-theme=contra]{--paper:#080911;--ink:#efedf8;--muted:#9997ac;--line:#d1caff29;background:#080911;color:#efedf8}header{color:#efedf8}.kinetic h1 em{color:#a39bff}.kinetic .topline{color:#bbb6d0}.kinetic .hero-foot p{color:#b6b2c8}.kinetic .primary{background:#d3d0ff;color:#191630}.experiment span{border-color:#b6a5ff66;color:#c5b7ff}.manifesto{background:radial-gradient(ellipse at 100% 20%,#281e4622,transparent 70%)}.invitation{background:#171329}.invitation-orbit{color:#9f8be6}.dream-bg{background-image:url('../assets/cosmic-world.png');filter:none}.dream.bloomed .dream-bg{filter:saturate(1.35) brightness(1.15)}.dream:after{background:radial-gradient(ellipse at center,#02031133,transparent 70%);z-index:1}.dream-copy{color:#f5eeff;text-shadow:0 3px 35px #000}.dream-copy .eyebrow{color:#bbb0d4}.dream h1{font-size:clamp(90px,11vw,172px)}.dream-copy p{color:#d6c9e8}.dream .primary{background:#d1bef3e6;color:#221637}.dream .hero-art{z-index:1}.dream .scene-hint{color:#b6a2d2}.hold-button{color:#eadbff}body[data-theme=unseen] .card-art{background:radial-gradient(ellipse at 40% 20%,var(--card-color),#211633 75%);border:1px solid #d3baff30;box-shadow:0 20px 35px #0003}body[data-theme=unseen] .invitation{background:radial-gradient(ellipse at 70% 50%,#38214f,#15101e)}body[data-theme=unseen] .invitation-orbit{color:#be8cf4}.editorial{background:radial-gradient(ellipse at 85% 35%,#26164466,transparent 55%),#080911}.editorial:before{content:'';position:absolute;inset:0;background:url('../assets/cosmic-world.png') center/cover;opacity:.14;pointer-events:none}.editorial>.eyebrow{position:relative}.editorial h1 em{color:#b49bf3}.sculpture-box #remix{background:#3b2d61;color:#e7d9ff}.editorial-bottom p{color:#b2a9c6}body[data-theme=cuberto] .manifesto,body[data-theme=cuberto] .directions{background:#111019}body[data-theme=cuberto] .invitation{background:#20172f}body[data-theme=contra] .playful{background:#070d13}.playful-copy>p{color:#a5b4b3}.pill-label{border-color:#b2c9d944;background:#16283288;color:#cde2dc}.task-picker{background:#15242ce8;border-color:#a6c3c633;box-shadow:0 15px 60px #0005}.task-picker label{color:#91b1ae}.task-picker select{color:#e2f4ef!important;color-scheme:dark!important}.task-picker button{background:#bfe4b3;color:#182a20}.quick-picks button{background:#182e3388;color:#c3dcd6;border-color:#accac433}.quick-picks button:hover{background:#2e5048}.floating-tile{border-color:#e4ffed33;box-shadow:0 20px 60px #0005;color:#211c2d}.tile-one{background:linear-gradient(130deg,#b5a2e6,#8273ba)}.tile-two{background:linear-gradient(130deg,#a5cc9b,#759470)}.tile-three{background:linear-gradient(130deg,#e7b28e,#b08062)}body[data-theme=contra] .service-card{background:#10191e;border-color:#b9d8d329}body[data-theme=contra] .invitation{background:radial-gradient(ellipse at right,#2c4a3c,#10201d)}body[data-theme=contra] .invitation-orbit{color:#b4dba1}#variant-bar{background:#13131dec;color:#c4bed8;border-color:#d9ccff22}#variant-bar>div a{color:#8e87a3}#variant-bar a.selected{background:#e4d9ff;color:#21182f}dialog{color-scheme:dark}dialog select{color-scheme:dark}.card-art b{mix-blend-mode:normal;text-shadow:0 3px 20px #0002}.service-fullname{color:var(--muted)}@media(max-width:650px){.dream h1{font-size:97px}.dream-bg{background-position:center;inset:-35px -100px}.dream .scene-hint{font-size:5px}.playful .floating-tile{opacity:.8}}
.dream-bg{animation:galaxy-drift 28s ease-in-out infinite alternate}.dream.bloomed .dream-bg{animation-duration:8s}@keyframes galaxy-drift{from{transform:translate(var(--pan-x,0px),var(--pan-y,0px)) scale(1.04) rotate(-1deg)}to{transform:translate(var(--pan-x,0px),var(--pan-y,0px)) scale(1.34) rotate(1.5deg)}}
/* Six distinct viewing frames around the same ten cinematic worlds. */
body[data-theme=previous]{--paper:#070a11;--ink:#eef5ff;--muted:#9aabc0;--line:#c3dcff2b;background:#070a11;color:var(--ink)}
.horizontal-experience header{z-index:45;background:linear-gradient(#03071280,transparent);text-shadow:0 2px 20px #0005}
.horizontal-experience header .brand span{letter-spacing:1.5px}
.horizontal-experience .journey-gallery .card-art:before{display:none}
.horizontal-experience .journey-gallery .service-card{transition:border-color .3s,box-shadow .3s!important}
.horizontal-experience .journey-gallery .service-card:hover{border-color:#ffffff85!important;box-shadow:0 0 0 1px #ffffff22,0 15px 40px #0005}
.horizontal-experience[data-theme=previous] header{font-family:var(--mono)}
.horizontal-experience[data-theme=previous] .direction-world .world-copy h2{font-weight:300;letter-spacing:-.055em}
.horizontal-experience[data-theme=previous] #variant-bar a.selected{background:#cbe7fa;color:#122030}
.horizontal-experience[data-theme=lusion] .direction-world .world-copy h2{font-weight:600;letter-spacing:-.075em;line-height:.97}
.horizontal-experience[data-theme=lusion] .direction-world .world-buttons button:first-child{background:#d8fff2;color:#10261e;border-color:transparent}
.horizontal-experience[data-theme=lusion] #variant-bar a.selected{background:#c8ffdf;color:#122b24}
.horizontal-experience[data-theme=lusion] .journey-gallery .service-card{border-radius:24px 5px 24px 5px!important}
.horizontal-experience[data-theme=lusion] .journey-nav button{border-color:#b9ffdc65;background:#0b241c9c}
.horizontal-experience[data-theme=active-theory] .direction-world .world-topline{font-family:var(--mono);letter-spacing:2px}
.horizontal-experience[data-theme=active-theory] .direction-world .world-copy{border-left:1px solid #cfc7ff55;padding-left:25px}
.horizontal-experience[data-theme=active-theory] .direction-world .world-copy h2{font-weight:300;letter-spacing:-.045em}
.horizontal-experience[data-theme=active-theory] .journey-gallery .service-card{border-radius:3px!important;box-shadow:inset 0 0 20px #a1a4ff10}
.horizontal-experience[data-theme=active-theory] .journey-gallery .card-copy:before{content:'◌';position:absolute;right:13px;top:5px;color:#d8ceff;font:18px var(--mono)}
.horizontal-experience[data-theme=active-theory] .journey-nav button{border-radius:4px;background:#160d2ba8;border-color:#c1a7ff55}
.horizontal-experience[data-theme=unseen] .direction-world .world-copy h2{font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-.04em;line-height:.94;font-size:clamp(55px,7.2vw,112px)}
.horizontal-experience[data-theme=unseen] .direction-world .world-number{letter-spacing:2px}
.horizontal-experience[data-theme=unseen] .journey-gallery .card-copy h3{font-family:var(--serif)!important;font-style:italic;font-size:clamp(17px,1.5vw,24px)!important;line-height:1!important;letter-spacing:0!important}
.horizontal-experience[data-theme=unseen] .journey-gallery .service-card{border-radius:80px 80px 8px 8px!important}
.horizontal-experience[data-theme=unseen] #variant-bar a.selected{background:#f0d8be;color:#2c1c10}
.horizontal-experience[data-theme=unseen] .direction-world .world-buttons button{border-radius:0;border-color:#e4c8a655}
.horizontal-experience[data-theme=cuberto] header .brand b{font-size:35px;font-weight:800}
.horizontal-experience[data-theme=cuberto] .direction-world .world-copy h2{font-weight:600;letter-spacing:-.075em;line-height:.96;text-transform:uppercase;font-size:clamp(42px,5.6vw,90px)}
.horizontal-experience[data-theme=cuberto] .journey-gallery .service-card{border-radius:0!important}
.horizontal-experience[data-theme=cuberto] .journey-gallery .card-copy h3{font-weight:700!important;text-transform:uppercase;letter-spacing:-.035em!important}
.horizontal-experience[data-theme=cuberto] #variant-bar a.selected{background:#eaff7f;color:#182000}
.horizontal-experience[data-theme=cuberto] .direction-world .world-buttons button:first-child{background:#eaff7f;color:#202708;border-color:transparent}
.horizontal-experience[data-theme=contra] .direction-world .world-copy h2{font-weight:500;letter-spacing:-.07em;line-height:1.02}
.horizontal-experience[data-theme=contra] .direction-world .world-number{border:1px solid #bbf4c44d;width:max-content;padding:6px 12px;background:#08251e66}
.horizontal-experience[data-theme=contra] .journey-gallery .service-card{border-radius:20px!important;border-color:#d9f2b84a!important}
.horizontal-experience[data-theme=contra] .journey-nav button{background:#17342a9c;border-color:#b8e9ab66}
.horizontal-experience[data-theme=contra] #variant-bar a.selected{background:#c4edaa;color:#16270f}
.horizontal-experience[data-theme=contra] .direction-world .world-buttons button:first-child{background:#c4edaa;color:#16270f;border-color:transparent}
@media(max-width:650px){.horizontal-experience[data-theme=active-theory] .direction-world .world-copy{padding-left:14px}.horizontal-experience[data-theme=unseen] .journey-gallery .service-card{border-radius:18px 18px 4px 4px!important}.horizontal-experience[data-theme=unseen] .journey-gallery .card-copy h3{font-size:14px!important}.horizontal-experience[data-theme=unseen] .direction-world .world-copy h2{font-size:48px!important}.horizontal-experience[data-theme=cuberto] .direction-world .world-copy h2{font-size:32px!important}.horizontal-experience header .brand span{letter-spacing:1px}}