@font-face{font-family:Manrope;src:url('../assets/fonts/manrope-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url('../assets/fonts/manrope-600.ttf') format('truetype');font-weight:500 800;font-style:normal;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0;background:#0737c5;color:#fff;font-family:Manrope,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #ddff9d;outline-offset:6px}em{font:inherit;color:#d7e9ff}::selection{background:#d7ff95;color:#092d9d}.skip{position:fixed;left:16px;top:-100px;z-index:100;background:#fff;color:#123bbd;padding:16px;border-radius:8px}.skip:focus{top:16px}.header{position:absolute;left:0;right:0;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:31px 5.5%;color:#fff}.brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:26px;letter-spacing:-1.3px}.brand svg{width:26px;height:29px;fill:none;stroke:currentColor;stroke-width:2.5}.brand-dot{color:#d1e6ff}.header-note{font-size:12px;font-weight:600;letter-spacing:1px}.skip-journey{font-size:14px;font-weight:500;border-bottom:1px solid #ffffff70;padding:8px 0}.skip-journey span{display:none}.journey{height:620vh;height:620svh;position:relative;background:#164bf0}.stage{height:100vh;height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate;background:#154bee}.world{position:absolute;inset:0;z-index:-1}.scene{position:absolute;inset:-9%;will-change:transform,opacity;opacity:0}.scene img{width:100%;height:100%;object-fit:cover;display:block}.scene-greece{opacity:1}.scene-greece img{object-position:63% 45%}.scene-ages img{object-position:64% center}.scene-future img{object-position:70% center}.blue-wash{position:absolute;inset:0;background:linear-gradient(90deg,#032998aa,#104cc12a 70%,#1044b412);mix-blend-mode:multiply}.vignette{position:absolute;inset:0;background:linear-gradient(0deg,#062eb6bb,transparent 30%,transparent 70%,#07267944),linear-gradient(90deg,#07257970,transparent 78%)}.reticle{position:absolute;inset:116px 5.5% 102px;opacity:.4;pointer-events:none}.reticle i{position:absolute;width:16px;height:16px;border-color:#d3edff;border-style:solid;border-width:0}.reticle i:nth-child(1){left:0;top:0;border-left-width:1px;border-top-width:1px}.reticle i:nth-child(2){right:0;top:0;border-right-width:1px;border-top-width:1px}.reticle i:nth-child(3){left:0;bottom:0;border-left-width:1px;border-bottom-width:1px}.reticle i:nth-child(4){right:0;bottom:0;border-right-width:1px;border-bottom-width:1px}.geometry{position:absolute;top:18%;left:54%;width:43%;height:68%;opacity:0;color:#d4eeff;stroke-width:1.6;transform-origin:50% 50%;overflow:visible}.story-copy{position:absolute;left:9%;right:7%;top:50%;transform:translate3d(0,-46%,0);opacity:0;pointer-events:none;will-change:opacity,transform}.hero-copy{opacity:1}.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.8px;line-height:1.5;margin:0 0 26px;display:flex;align-items:center;gap:12px}.tiny-line{display:inline-block;width:27px;height:1px;background:currentColor}h1,h2,p{margin-top:0}h1,h2{font-weight:600;margin:0 0 28px;letter-spacing:-.046em;line-height:1.14}h1>span,h2>span{display:block}h1{font-size:clamp(50px,7.4vw,112px);line-height:1.13}h1 em{font:inherit;color:#d7eaff}h2{font-size:clamp(42px,5.45vw,82px)}.story-copy>p:last-child{font-size:clamp(16px,1.26vw,19px);line-height:1.6;letter-spacing:0;color:#e1edff;margin-bottom:0}.story-copy[data-step="1"]{right:53%}.story-copy[data-step="1"] h2{font-size:clamp(40px,4.95vw,76px)}.last-copy h2{font-size:clamp(42px,5.2vw,80px);line-height:1.09}.last-copy h2 span:nth-child(2){margin-left:3.6vw}.last-copy h2 span:nth-child(3){margin-left:7.2vw}.stage-bottom{position:absolute;left:5.5%;right:5.5%;bottom:32px;display:flex;align-items:center;justify-content:space-between}.scroll-note{font-size:12px;display:flex;align-items:center;gap:12px;color:#e2eeff}.scroll-icon{border:1px solid #c1ddff;width:16px;height:25px;border-radius:20px;display:inline-block;position:relative}.scroll-icon:after{content:'';height:5px;width:2px;background:#fff;position:absolute;top:5px;left:6px;animation:wheel 1.8s ease-in-out infinite}@keyframes wheel{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(7px);opacity:1}}.era{display:flex;gap:25px;font-size:11px;font-weight:500;letter-spacing:1px;line-height:1.5}.progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#ffffff22}.progress span{display:block;height:100%;width:0;background:#d9f1ff;transform-origin:left}
.app-wordmark{font-size:24px;font-weight:600;letter-spacing:-1.2px;color:#164af0}.preview-pill{font-size:10px;letter-spacing:1px;color:#2455d8;border:1px solid #d7e3ff;background:#f1f6ff;border-radius:4px;padding:5px 7px;white-space:nowrap}.sidebar-label{font-size:12px;letter-spacing:1px;color:#7786a0;padding:0 12px;margin:0 0 19px;display:flex;justify-content:space-between}.status{font-size:12px;margin-left:auto;white-space:nowrap;border-radius:3px;padding:5px 7px}.status.green{color:#337d6b;background:#e8f6ef}.status.blue{color:#416cbd;background:#eff4fe}.status.gray{color:#6c7a94;background:#f4f6fa}
dialog{border:1px solid #cddbf0;border-radius:12px;padding:0;max-width:1100px;width:92vw;color:#193466;box-shadow:0 25px 100px #001c7660;background:#fff;max-height:88vh}dialog::backdrop{background:#051b62b5;backdrop-filter:blur(8px)}.dialog-top{display:flex;gap:15px;align-items:center;padding:18px 25px;border-bottom:1px solid #e8eef7}.dialog-top .preview-pill{margin-left:0}.close{margin-left:auto;background:#edf3ff;color:#254d94;font-size:26px;width:35px;height:35px;border-radius:50%;line-height:1}.demo-layout{display:grid;grid-template-columns:235px 1fr}.demo-projects{background:#f8faff;border-right:1px solid #e6eefb;padding:27px 13px}.demo-projects .sidebar-label{font-size:12px}.demo-project{display:block;width:100%;padding:17px 13px;text-align:left;background:none;color:#657594;border-radius:6px;font-size:14px;margin:5px 0}.demo-project small{display:block;color:#8190aa;font-size:12px;margin-top:7px}.demo-project.active{background:#e7efff;color:#164fcb}.demo-content{padding:32px;min-height:440px}.demo-context{font-size:12px;color:#8291ac}.demo-content h2{font-size:28px;letter-spacing:-.8px;margin:12px 0 26px}.demo-tabs{display:flex;gap:20px;border-bottom:1px solid #e6edf9}.demo-tabs button{font-size:14px;padding:0 0 14px;color:#7c8ca7;background:none}.demo-tabs button[aria-selected="true"]{color:#2155d2;border-bottom:2px solid #2155d2}.demo-row{display:flex;align-items:center;justify-content:space-between;width:100%;background:#fff;color:#213e70;text-align:left;font-size:14px;padding:19px 0;border-bottom:1px solid #e9eff7;gap:20px}.demo-row:hover{color:#1857e0}.demo-row small{display:block;font-size:12px;color:#8a9ab3;margin-top:7px}.demo-row .status{font-size:12px}.demo-disclaimer{font-size:12px;color:#8998b1;line-height:1.5;margin:26px 0 0}#demo-detail{margin-top:18px;background:#f1f6ff;border:1px solid #dce7fc;border-radius:6px;padding:18px}#demo-detail h3{font-size:16px;font-weight:500;margin:0 0 10px}#demo-detail p{font-size:14px;line-height:1.6;color:#617797;margin:0}.reduce-motion .journey{height:auto}.reduce-motion .stage{position:relative;height:auto;min-height:100svh;overflow:hidden;background:#154be3}.reduce-motion .scene{display:none}.reduce-motion .scene-greece{display:block;opacity:.65!important;transform:none!important;inset:0;height:100svh}.reduce-motion .story-copy{position:relative!important;top:auto;left:auto;right:auto;transform:none!important;opacity:1!important;max-width:none;padding:90px 9%;margin:0;will-change:auto}.reduce-motion .hero-copy{padding-top:190px;min-height:100svh}.reduce-motion .story-copy:not(.hero-copy){border-top:1px solid #ffffff24;background:#123eb5}.reduce-motion .story-copy[data-step="2"]{background:#124af3}.reduce-motion .story-copy[data-step="3"]{background:#0f38a9}.reduce-motion .story-copy[data-step="4"]{background:#062bba}.reduce-motion .geometry,.reduce-motion .reticle,.reduce-motion .stage-bottom,.reduce-motion .progress{display:none}.reduce-motion .finish-image{transform:none}.reduce-motion .primary,.reduce-motion .contact-link{transition:none}.reduce-motion{scroll-behavior:auto}
@media(max-width:1050px){.header-note{font-size:10px;letter-spacing:.6px}.story-copy[data-step="1"]{right:49%}.story-copy[data-step="1"] h2{font-size:4.8vw}.geometry{left:57%;width:39%}.finish-index{font-size:50px}}
@media(max-width:700px){.header{padding:23px 7%}.brand{font-size:24px}.brand svg{width:24px}.header-note{display:none}.skip-journey{font-size:13px}.journey{height:560svh}.story-copy{left:8%;right:7%;top:47%}.eyebrow{font-size:11px;letter-spacing:1px;margin-bottom:22px}.story-copy h1{font-size:clamp(33px,9.8vw,68px);letter-spacing:-.045em;line-height:1.17;margin-bottom:24px}.story-copy h2,.last-copy h2{font-size:clamp(31px,7.55vw,52px);line-height:1.18;letter-spacing:-.044em;margin-bottom:23px}.story-copy>p:last-child{font-size:15px;line-height:1.6;max-width:340px}.scene-greece img{object-position:65% center}.scene-ages img{object-position:64% center}.scene-future img{object-position:68% center}.vignette{background:linear-gradient(90deg,#03227e99,#0c329c55),linear-gradient(0deg,#0734a8bb,transparent 55%)}.reticle{inset:93px 6% 98px}.story-copy[data-step="1"]{right:7%;top:20%;transform:none}.story-copy[data-step="1"] h2{font-size:clamp(32px,8vw,54px);line-height:1.18}.geometry{left:25%;top:59%;width:70%;height:29%;stroke-width:2;overflow:hidden}.stage-bottom{left:7%;right:7%;bottom:23px;align-items:flex-end}.scroll-note{font-size:11px;max-width:135px;line-height:1.5;gap:9px}.era{font-size:9px;gap:6px;flex-direction:column;align-items:flex-end;max-width:155px;text-align:right;line-height:1.5}.last-copy h2 span:nth-child(2){margin-left:5vw}.last-copy h2 span:nth-child(3){margin-left:10vw}.workspace{min-height:93svh;padding:74px 8% 130px}.finish-image{inset:-5% -44% -3% -5%;transform:rotate(-14deg) scale(1.08);opacity:.66}.finish-shade{background:linear-gradient(110deg,#0735b2f5 8%,#073ab4c9 49%,#0845bc55),linear-gradient(0deg,#062bba,transparent 38%,#062bba22 70%,#062bba)}.finish-content{padding:0}.finish-content h2{font-size:clamp(34px,8.25vw,58px);line-height:1.18;letter-spacing:-.05em;margin-bottom:27px}.offset-line{margin-left:5vw}.finish-invitation{font-size:16px;line-height:1.6}.finish-actions{align-items:stretch;flex-direction:column;gap:12px;max-width:305px}.primary,.contact-link{min-width:0;font-size:14px;min-height:53px;padding:15px 18px;justify-content:space-between}.contact-link{justify-content:center}.demo-note{font-size:12px}.finish-index{bottom:37px;right:8%;font-size:43px}.finish-index span{font-size:8px;letter-spacing:1px;margin-top:7px}footer{padding:24px 7%;gap:15px}footer p{display:none}footer button{font-size:12px}dialog{width:95vw;max-height:92svh}.dialog-top{padding:13px 15px;gap:10px}.dialog-top .preview-pill{font-size:9px}.close{width:32px;height:32px;font-size:24px}.demo-layout{grid-template-columns:1fr}.demo-projects{display:flex;gap:6px;overflow-x:auto;border-right:0;border-bottom:1px solid #e6eefb;padding:10px}.demo-projects .sidebar-label{display:none}.demo-project{flex:1;min-width:125px;font-size:12px;padding:10px 9px;margin:0;white-space:nowrap}.demo-project small{font-size:12px}.demo-content{padding:23px 18px;min-height:400px}.demo-content h2{font-size:25px}.demo-row{font-size:14px;gap:10px;padding:17px 0}.demo-row .status{font-size:11px;padding:4px}.demo-row small{font-size:12px}.demo-disclaimer{font-size:12px}.reduce-motion .hero-copy{padding-top:165px}.reduce-motion .story-copy{padding:66px 8%}.reduce-motion .story-copy[data-step="1"] h2{font-size:clamp(32px,8vw,54px)}}
@media(max-width:370px){.hero-copy .eyebrow{font-size:10px}.story-copy>p:last-child{font-size:14px}.finish-content .eyebrow{font-size:10px}.finish-invitation{font-size:15px}}
@media(max-height:600px) and (min-width:701px){.reticle{inset:92px 5.5% 78px}.eyebrow{margin-bottom:15px}.story-copy{top:52%}.story-copy h1{font-size:min(7.1vw,76px);margin-bottom:18px}.story-copy h2,.story-copy[data-step="1"] h2{font-size:min(4.8vw,52px);margin-bottom:17px}.story-copy>p:last-child{font-size:15px}.geometry{top:21%;height:60%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.scene{will-change:auto}}
@media(max-width:700px) and (max-height:500px){.header{padding-top:18px;padding-bottom:18px}.reticle{inset:78px 6% 70px}.story-copy{top:54%}.story-copy h1{font-size:38px;line-height:1.14;margin-bottom:16px}.story-copy h2,.last-copy h2,.story-copy[data-step="1"] h2{font-size:30px;line-height:1.15;margin-bottom:15px}.story-copy .eyebrow{font-size:10px;margin-bottom:13px}.story-copy>p:last-child{font-size:13px;line-height:1.5}.story-copy[data-step="1"]{top:28%}.geometry{display:none}.stage-bottom{bottom:18px}.scroll-note{font-size:10px}.era{font-size:8px}.last-copy h2 span{display:inline}.last-copy h2 span:after{content:' '}.last-copy h2 span:nth-child(2),.last-copy h2 span:nth-child(3){margin-left:0}.last-copy h2{max-width:500px}.workspace{min-height:600px}}
@media(max-width:700px) and (orientation:landscape){.geometry{display:none}}

/* The flight contains all five chapters. Hidden is structural, not just transparent paint. */
.story-copy[hidden]{display:none!important}.story-copy{transition:none!important;animation:none!important}.scene,.geometry,.contact-shade{transition:none!important;animation:none!important}.journey-target{position:absolute;top:calc(92% - 92svh);width:1px;height:1px;pointer-events:none}.contact-shade{position:absolute;inset:0;opacity:0;background:linear-gradient(105deg,#052b9ceb 8%,#0537aac9 38%,#0736ac55 73%,transparent);pointer-events:none}.contact-copy{max-width:1100px;top:49%;pointer-events:auto}.contact-copy .eyebrow{margin-bottom:19px;color:#b8d7ff}.finish-brand{display:inline-flex;font-size:30px;margin-bottom:22px;color:#fff}.finish-brand svg{width:31px;height:34px}.contact-copy h2{font-size:clamp(52px,6.4vw,96px);line-height:1.13;letter-spacing:-.046em;margin:0 0 19px}.contact-copy .finish-invitation{font-size:clamp(21px,2.3vw,34px);line-height:1.33;color:#e6f1ff;margin:0 0 31px;letter-spacing:-.025em}.finish-actions{display:grid;grid-template-columns:minmax(240px,310px) minmax(235px,290px);gap:18px;max-width:650px}.blueprint-button,.contact-frame{position:relative;min-height:108px;padding:21px 24px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:11px;border:1px solid #cfe5ff80;border-radius:0;background:#0c3eac44;color:#fff;backdrop-filter:blur(9px);text-align:left;isolation:isolate;overflow:hidden}.blueprint-button{cursor:pointer;box-shadow:inset 0 0 0 4px #15489966;background:linear-gradient(115deg,#d4ecff29,#2957b622)}.blueprint-button:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(115deg,#d9edff,#f5fbff);transform:translateX(-103%);transition:transform .25s ease}.blueprint-button:hover:before,.blueprint-button:focus-visible:before{transform:translateX(0)}.blueprint-button:hover,.blueprint-button:focus-visible{color:#083485}.control-kicker{font-size:10px;font-weight:500;line-height:1.2;letter-spacing:1.4px;opacity:.75}.control-label{font-size:17px;font-weight:600;letter-spacing:-.35px;line-height:1.25}.button-mark{position:absolute;right:19px;top:50%;transform:translateY(-50%);font-size:28px;font-weight:400}.corner{position:absolute;width:9px;height:9px;border:0 solid currentColor;pointer-events:none}.corner-tl{left:3px;top:3px;border-left-width:1px;border-top-width:1px}.corner-br{right:3px;bottom:3px;border-right-width:1px;border-bottom-width:1px}.contact-frame{border-color:#cfe5ff45;background:#092e9633;gap:7px;color:#c2dcff}.contact-note{font-size:11px;line-height:1.4;color:#aacbf4}.contact-copy .demo-note{font-size:12px;line-height:1.5;color:#b4d0f7;margin:17px 0 0;letter-spacing:0}.stage-bottom #motion-toggle{background:none;color:#c1d9ff;font-size:11px;padding:5px 0;border-bottom:1px solid #ffffff45}.reduce-motion .story-copy{display:block!important;visibility:visible!important;pointer-events:auto!important}.reduce-motion .contact-copy{padding-bottom:90px}.reduce-motion .stage-bottom{display:flex;position:relative;left:auto;right:auto;bottom:auto;padding:22px 9%;background:#062bba}.reduce-motion .stage-bottom .scroll-note,.reduce-motion .stage-bottom .era{display:none}.reduce-motion .journey-target{display:none}.reduce-motion .contact-shade{display:none}.reduce-motion .blueprint-button:before{transition:none}
@media(max-width:1050px){.contact-copy h2{font-size:6.1vw}.contact-copy .finish-invitation{font-size:27px}.finish-actions{grid-template-columns:minmax(220px,290px) minmax(210px,270px);gap:14px}.blueprint-button,.contact-frame{padding:18px 19px;min-height:100px}.control-label{font-size:16px}.button-mark{right:14px}}
@media(max-width:700px){.contact-copy{top:48%;left:8%;right:8%}.contact-copy .eyebrow{font-size:10px;margin-bottom:17px}.finish-brand{font-size:25px;margin-bottom:20px}.finish-brand svg{width:26px;height:29px}.contact-copy h2{font-size:clamp(38px,9.5vw,62px);margin-bottom:17px}.contact-copy .finish-invitation{font-size:clamp(19px,4.5vw,28px);line-height:1.35;margin-bottom:26px}.finish-actions{grid-template-columns:1fr;gap:12px;max-width:380px}.blueprint-button{min-height:85px;padding:17px 22px;gap:9px}.contact-frame{min-height:80px;padding:15px 22px;gap:6px}.control-kicker{font-size:9px}.control-label{font-size:16px}.contact-note{font-size:11px}.contact-copy .demo-note{font-size:10px;margin-top:14px}.stage-bottom #motion-toggle{font-size:10px}.stage-bottom .scroll-note{display:none}.stage-bottom{justify-content:space-between}.stage-bottom .era{max-width:185px}.reduce-motion .contact-copy{padding-top:65px;padding-bottom:70px}}
@media(max-width:370px){.contact-copy .eyebrow{font-size:9px;margin-bottom:14px}.finish-brand{font-size:23px;margin-bottom:14px}.contact-copy h2{font-size:36px;margin-bottom:14px}.contact-copy .finish-invitation{font-size:18px;margin-bottom:20px}.blueprint-button{min-height:76px;padding:13px 18px}.contact-frame{min-height:74px;padding:12px 18px}.control-label{font-size:15px}.contact-copy .demo-note{font-size:9px;margin-top:11px}}
@media(max-height:600px) and (min-width:701px){.contact-copy{top:51%}.contact-copy .eyebrow{margin-bottom:10px}.finish-brand{font-size:22px;margin-bottom:12px}.finish-brand svg{width:23px;height:25px}.contact-copy h2{font-size:48px;margin-bottom:12px}.contact-copy .finish-invitation{font-size:21px;margin-bottom:19px}.blueprint-button,.contact-frame{min-height:82px;padding:13px 18px}.control-label{font-size:15px}.contact-copy .demo-note{font-size:10px;margin-top:11px}}
@media(max-width:700px) and (max-height:500px){.contact-copy{top:52%}.contact-copy .eyebrow,.finish-brand,.contact-copy .demo-note{display:none}.contact-copy h2{font-size:33px;margin-bottom:10px}.contact-copy .finish-invitation{font-size:17px;margin-bottom:18px}.finish-actions{grid-template-columns:1fr 1fr;max-width:600px;gap:12px}.blueprint-button,.contact-frame{min-height:76px;padding:12px 15px}.control-label{font-size:13px}.control-kicker{font-size:8px}.contact-note{font-size:9px}.button-mark{font-size:21px;right:10px}}
/* Revision 4: four scenes, restrained architectural typography, no duplicate ending. */
@font-face{font-family:Cormorant;src:url('../assets/fonts/cormorant-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.journey{height:570vh;height:570svh}h1,h2{font-family:Cormorant,Georgia,serif;font-weight:400;letter-spacing:-.018em;line-height:1.05}h1{font-size:clamp(58px,7.9vw,122px);line-height:1.07}h1 em{font:inherit;color:#edf5ff}.story-copy h2{font-size:clamp(47px,5.7vw,88px);line-height:1.12;letter-spacing:-.016em}.story-copy[data-step="1"] h2{font-size:clamp(45px,5.2vw,80px)}.story-copy>p:last-child{font-weight:400}.scene img{filter:saturate(.8)}.scene-future img{filter:saturate(.58) brightness(1.04)}.blue-wash{opacity:.4}.vignette{background:linear-gradient(0deg,#09205785,transparent 30%,transparent 75%,#08234b22),linear-gradient(90deg,#071f4b50,transparent 80%)}.contact-shade{background:linear-gradient(105deg,#081c43d9 2%,#10254ba6 41%,#1b315a24 74%,transparent)}.contact-copy h2{font-family:Cormorant,Georgia,serif;font-weight:400;font-size:clamp(62px,7.3vw,110px);letter-spacing:-.018em;line-height:1.06}.contact-copy .finish-invitation{font-weight:400;font-size:clamp(20px,2.15vw,32px);letter-spacing:-.012em}.brand,.finish-brand{font-weight:400;letter-spacing:-.7px}.revision-mark{font-size:9px;opacity:.55;letter-spacing:0}.contact-copy .finish-brand{margin-bottom:20px}.blueprint-button{background:linear-gradient(120deg,#eff7ff25,#182d5a44)}.contact-frame{background:#13284744}.scene-future{inset:-12%}
@media(max-width:1050px){.story-copy[data-step="1"] h2{font-size:5vw}.contact-copy h2{font-size:7vw}}
@media(max-width:700px){.journey{height:510svh}.story-copy h1{font-size:clamp(39px,10.4vw,75px);line-height:1.1;letter-spacing:-.02em}.story-copy h2,.story-copy[data-step="1"] h2{font-size:clamp(36px,8.5vw,61px);line-height:1.12;letter-spacing:-.016em}.contact-copy h2{font-size:clamp(47px,12vw,79px);line-height:1.08;letter-spacing:-.025em}.contact-copy .finish-invitation{font-size:clamp(18px,4.5vw,27px)}.finish-brand{margin-bottom:17px}.contact-copy .eyebrow{margin-bottom:15px}.blue-wash{opacity:.36}}
@media(max-width:370px){.story-copy h1{font-size:36px}.story-copy h2,.story-copy[data-step="1"] h2{font-size:35px}.contact-copy h2{font-size:44px}.contact-copy .finish-invitation{font-size:17px}}
@media(max-height:600px) and (min-width:701px){.story-copy h1{font-size:min(7.1vw,76px)}.story-copy h2,.story-copy[data-step="1"] h2{font-size:min(5vw,55px)}.contact-copy h2{font-size:55px}.contact-copy .finish-invitation{font-size:21px}}
@media(max-width:700px) and (max-height:500px){.story-copy h1{font-size:42px}.story-copy h2,.story-copy[data-step="1"] h2{font-size:34px}.contact-copy h2{font-size:39px}.contact-copy .finish-invitation{font-size:17px}}
/* A real three-column demo: projects, task list, task workspace. */
dialog{max-width:1300px;width:96vw;max-height:91svh}.dialog-top{gap:13px}.demo-safety{font-size:11px;color:#8693aa}.reset-demo{margin-left:auto;background:none;border-bottom:1px solid #bdcce5;color:#627a9e;font-size:12px;padding:5px 0}.close{margin-left:8px}.demo-layout{grid-template-columns:210px minmax(260px,1fr) minmax(310px,1.05fr);position:relative;max-height:calc(91svh - 74px);min-height:590px}.demo-projects{padding:25px 12px}.demo-project{padding:15px 10px;font-size:13px}.demo-project small{font-size:11px}.demo-content{padding:27px 24px;min-width:0;overflow-y:auto}.demo-content h2{font:400 25px/1.25 Manrope,Arial,sans-serif;letter-spacing:-.7px;margin:12px 0 24px}.demo-row{font-size:13px;line-height:1.45;padding:18px 10px;margin:0 -10px;width:calc(100% + 20px);border-radius:5px;border-bottom:1px solid #e9eff7}.demo-row.selected{background:#edf3ff;color:#1b52ba}.demo-row small{font-size:11px;line-height:1.5}.row-number{font-size:10px;color:#8b9bb5}.demo-disclaimer{font-size:11px;line-height:1.6;margin-top:24px}.work-panel{background:#f6f8fc;border-left:1px solid #e0e7f3;padding:26px 24px;overflow-y:auto;min-width:0}.work-kicker{font-size:10px;letter-spacing:1.4px;color:#8293b0;margin:0 0 15px}.work-title{font-size:20px;font-weight:400;line-height:1.35;letter-spacing:-.4px;margin:0 0 13px}.work-status{display:inline-block;font-size:11px;padding:5px 8px;border:1px solid #d5e0f5;background:#e9f0fe;color:#456daa;border-radius:4px}.work-meta{font-size:11px;line-height:1.55;color:#8292ad;margin:13px 0 21px}.work-section{border-top:1px solid #dfe6f1;padding-top:18px;margin-top:18px}.work-section h4{font-size:12px;font-weight:600;letter-spacing:.2px;color:#536b90;margin:0 0 13px}.question-label{display:block;font-size:13px;line-height:1.5;color:#385780;margin-bottom:11px}.work-input{display:block;width:100%;padding:11px 12px;background:#fff;border:1px solid #cedbec;border-radius:4px;color:#234a80;font:400 13px/1.4 Manrope,Arial,sans-serif}.work-input:focus-visible{outline:2px solid #5985e3;outline-offset:2px}.work-action,.work-secondary{font-size:12px;line-height:1.4;padding:10px 13px;border-radius:4px;margin-top:11px;text-align:center}.work-action{background:#255bca;color:#fff}.work-action:hover{background:#19499f}.work-secondary{background:#e6edf9;color:#365f9b;border:1px solid #cbd9ee}.work-validation{font-size:11px;color:#8b5a51;line-height:1.5;margin:8px 0 0}.doc-link{display:block;background:#fff;border:1px solid #dbe5f3;color:#385f99;padding:10px 12px;border-radius:4px;text-align:left;font-size:12px;line-height:1.45;width:100%;margin-top:8px}.doc-link:hover{border-color:#81a4dc}.work-history ol{margin:0;padding-left:18px;color:#8190a6;font-size:11px;line-height:1.6}.work-history li{margin-bottom:7px}.document-preview{border:1px solid #dbe4f2;background:#fff;padding:22px 18px;margin:20px 0;box-shadow:0 7px 18px #12357708}.document-preview h4{font-size:17px;font-weight:400;line-height:1.4;color:#30517d;margin:0 0 20px}.document-preview p{font-size:12px;line-height:1.7;color:#7d8fa9}.document-preview .document-watermark{font-size:10px;letter-spacing:1px;color:#a0aec3;border-top:1px solid #edf1f7;padding-top:19px;margin-top:25px}.detail-back{display:none}
@media(max-width:1050px) and (min-width:851px){.demo-layout{grid-template-columns:170px minmax(220px,1fr) minmax(285px,1.1fr)}.demo-content,.work-panel{padding:23px 18px}.demo-project{font-size:12px}.demo-project small{font-size:10px}.demo-safety{display:none}.demo-content h2{font-size:22px}}
@media(max-width:850px){dialog{width:96vw;max-height:94svh}.dialog-top{padding:13px 16px;gap:10px}.dialog-top .preview-pill{font-size:8px}.demo-safety{display:none}.reset-demo{font-size:10px}.demo-layout{grid-template-columns:170px minmax(0,1fr);min-height:520px;max-height:calc(94svh - 67px)}.demo-projects{display:block;border-bottom:0;border-right:1px solid #e0e7f3;padding:20px 10px}.demo-projects .sidebar-label{display:block}.demo-project{min-width:0;white-space:normal;font-size:12px;line-height:1.4}.demo-project small{font-size:11px}.work-panel{display:none;position:absolute;inset:0 0 0 170px;z-index:3;border-left:1px solid #d9e3f2;background:#f6f8fc;padding:22px;overflow-y:auto}.work-panel.is-open{display:block}.detail-back{display:block;background:#e8eef9;color:#365f9b;font-size:12px;padding:8px 12px;border-radius:4px;margin:0 0 22px}.work-title{font-size:21px}.demo-content{padding:24px}.demo-content h2{font-size:23px}}
@media(max-width:600px){.dialog-top .preview-pill{display:none}.reset-demo{font-size:11px}.demo-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:560px}.demo-projects{display:flex;gap:5px;overflow-x:auto;padding:10px;border-right:0;border-bottom:1px solid #e0e7f3}.demo-projects .sidebar-label{display:none}.demo-project{min-width:130px;margin:0;padding:11px 9px;white-space:nowrap}.demo-project small{font-size:10px}.demo-content{padding:23px 20px}.work-panel{inset:0;padding:22px 20px;border-left:0}.demo-row{font-size:14px}.demo-row small{font-size:12px}.work-title{font-size:22px}.question-label{font-size:14px}.work-input{font-size:16px}.work-action,.work-secondary,.doc-link{font-size:13px}.work-meta,.work-history ol,.demo-disclaimer{font-size:12px}.work-kicker{font-size:11px}.work-section h4{font-size:13px}.work-status{font-size:12px}}
/* The right column stays a quiet chat, not a second task manager. */
.demo-tabs{gap:15px;flex-wrap:wrap}.demo-tabs button{font-size:12px;white-space:nowrap;padding-bottom:13px}.work-panel{background:#f7f9fd}.chat-title{font-size:24px;font-weight:400;line-height:1.25;color:#2b456d;letter-spacing:-.6px;margin:0 0 8px}.chat-context{font-size:11px;line-height:1.5;color:#8595b0;margin:0 0 20px}.chat-feed{max-height:230px;min-height:120px;overflow-y:auto;padding-right:3px;margin-bottom:17px;scrollbar-width:thin}.chat-welcome{font-size:13px;line-height:1.8;color:#7185a5;margin:12px 0}.chat-bubble{font-size:12px;line-height:1.65;padding:12px 13px;margin:0 0 10px;border-radius:7px;white-space:pre-wrap;overflow-wrap:anywhere}.chat-bubble.user{background:#e7efff;color:#3a5d95;margin-left:16px}.chat-bubble.assistant{background:#fff;border:1px solid #e4ebf5;color:#7487a5;margin-right:8px}.attachment-zone{position:relative;border:1px dashed #b9cbe6;background:#fff;padding:18px 14px 14px;text-align:center;border-radius:6px;display:flex;align-items:center;flex-direction:column;gap:7px;color:#6684ad;font-size:12px;line-height:1.5}.attach-glyph{font-size:24px;color:#8ba5cb;line-height:1}.attachment-zone small{font-size:10px;color:#9aaac1}.attachment-zone input[type="file"]{position:absolute;inset:0 0 39px;opacity:0;cursor:pointer;width:100%;height:calc(100% - 39px)}.attachment-zone:focus-within{outline:2px solid #6994de;outline-offset:2px}.example-files{position:relative;z-index:1;background:none;color:#7190bf;border-bottom:1px solid #c1d2ec;font-size:10px;padding:3px 0}.attachment-list{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0 13px}.attachment-chip{font-size:10px;line-height:1.4;background:#eaf0fa;color:#7690b4;padding:5px 7px;border-radius:4px;max-width:100%;overflow-wrap:anywhere}.chat-form{border:1px solid #d1dcec;border-radius:6px;padding:12px;background:#fff}.chat-form:focus-within{border-color:#88a6d8}.chat-form textarea{font:400 13px/1.6 Manrope,Arial,sans-serif;color:#46668e;border:0;outline:0;width:100%;resize:vertical;min-height:69px;max-height:160px;background:none}.chat-form textarea::placeholder{color:#a4b3ca}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.composer-bottom span{font-size:9px;color:#a0aec3}.composer-bottom button{background:#245bcc;color:#fff;border-radius:4px;padding:8px 11px;font-size:11px}.composer-bottom button:hover{background:#1848a5}.messenger-choice{display:flex;gap:9px;align-items:flex-start;font-size:11px;line-height:1.6;color:#738bad;margin-top:19px;cursor:pointer}.messenger-choice input{margin:3px 0 0;accent-color:#3169d3;width:13px;height:13px;flex-shrink:0}.messenger-note{font-size:10px;color:#a1aec2;line-height:1.6;margin:6px 0 0 22px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.demo-layout{min-height:665px}
@media(max-width:1050px) and (min-width:851px){.demo-tabs{gap:11px}.demo-tabs button{font-size:11px}.chat-title{font-size:22px}.work-panel{padding:22px 17px}.chat-feed{max-height:205px}}
@media(max-width:850px){.demo-layout{min-height:570px}.chat-feed{max-height:250px;min-height:120px}.chat-title{font-size:25px}.work-panel{padding-bottom:27px}}
@media(max-width:600px){.demo-tabs{gap:17px}.demo-tabs button{font-size:12px}.chat-form textarea{font-size:16px}.chat-welcome,.chat-bubble{font-size:14px}.attachment-zone{font-size:13px}.attachment-zone small{font-size:11px}.example-files,.attachment-chip{font-size:11px}.composer-bottom span{font-size:10px}.composer-bottom button{font-size:12px}.messenger-choice{font-size:12px}.messenger-note{font-size:11px}.work-panel{padding-bottom:30px}}
.video-button{box-shadow:none;background:linear-gradient(110deg,#213d6f66,#092d6355)}.video-button .control-label{font-size:16px}.play-mark{font-size:28px;right:15px}.video-button{padding-right:45px}.contact-pending{display:inline-block;margin-top:7px;font-size:10px;opacity:.78}.contact-copy .demo-note{line-height:1.4}.video-header{display:flex;align-items:center;gap:20px;padding:23px 27px}.video-header .work-kicker{margin-bottom:8px}.video-header h2{font:400 24px/1.25 Manrope,Arial,sans-serif;letter-spacing:-.5px;margin:0;color:#284b78}.video-header .close{margin-left:auto;flex-shrink:0}#video-dialog{width:90vw;max-width:1130px;max-height:94svh;background:#f7faff}#workflow-video{display:block;width:100%;max-height:69svh;background:#132845}#video-dialog .video-disclaimer{font-size:12px;line-height:1.6;color:#7d90ad;margin:0;padding:16px 27px 20px}@media(max-width:700px){#video-dialog{width:95vw}.video-header{padding:20px 18px}.video-header h2{font-size:21px}.video-header .work-kicker{font-size:9px}#video-dialog .video-disclaimer{font-size:11px;padding:14px 18px 18px}.video-button .control-label{font-size:15px}.contact-copy .demo-note{font-size:9px}.contact-pending{font-size:9px;margin-top:5px}}
.demo-layout{min-height:min(665px,calc(91svh - 74px))}.demo-content,.work-panel{min-height:0}@media(max-width:850px){.demo-layout{min-height:min(570px,calc(94svh - 67px))}}@media(max-width:600px){.demo-layout{min-height:min(650px,calc(94svh - 67px))}}

.mobile-chat{display:none}@media(max-width:850px){.mobile-chat{display:block;background:#e6eefc;color:#3d66a5;border-radius:4px;padding:7px 10px;font-size:11px;margin-left:auto}.reset-demo{margin-left:2px}}

/* r5: one display face and weight throughout; continuous camera with layered atmospheric parallax. */
:root{--display-face:Cormorant,Georgia,serif}.story-copy h1,.story-copy h2,.contact-copy h2{font-family:var(--display-face);font-weight:400;font-style:normal;font-synthesis:none;letter-spacing:-.018em;line-height:1.07}.story-copy h1 em,.story-copy h2 em{font:inherit;letter-spacing:inherit}.story-copy h1{font-size:clamp(58px,7.9vw,122px)}.story-copy h2{font-size:clamp(47px,5.7vw,88px)}.story-copy[data-step="1"] h2{font-size:clamp(45px,5.2vw,80px)}.contact-copy h2{font-size:clamp(56px,6.5vw,96px);margin-bottom:31px;max-width:1100px}.contact-copy .demo-note{margin-top:15px;line-height:1.4}.scene{inset:-14%;transform-origin:55% 53%;backface-visibility:hidden}.scene-greece{transform-origin:61% 51%}.scene-ages{transform-origin:57% 49%}.scene-future{inset:-15%;transform-origin:64% 58%}.scene img{pointer-events:none}.flight-haze{position:absolute;inset:-25%;pointer-events:none;will-change:transform;mix-blend-mode:screen}.haze-far{opacity:.10;background:radial-gradient(ellipse at 45% 66%,#b4d7f8 0,transparent 38%)}.haze-near{opacity:.16;background:radial-gradient(ellipse at 18% 84%,#c0dbf5 0,transparent 22%),radial-gradient(ellipse at 92% 61%,#b9d9f5 0,transparent 26%);filter:blur(20px)}.reduce-motion .flight-haze{display:none}.reduce-motion .scene{transform:none!important}.reduce-motion .geometry{transform:none!important}.composer-bottom{justify-content:flex-end}.messenger-note:empty{display:none}.video-header{padding-bottom:23px}
@media(max-width:1050px){.story-copy[data-step="1"] h2{font-size:5vw}.contact-copy h2{font-size:6.5vw}}
@media(max-width:700px){.story-copy h1{font-size:clamp(39px,10.4vw,75px)}.story-copy h2,.story-copy[data-step="1"] h2{font-size:clamp(36px,8.5vw,61px)}.contact-copy h2{font-size:clamp(36px,10.5vw,70px);margin-bottom:28px}.scene{inset:-12%}.scene-future{inset:-14%}.flight-haze{opacity:.12}.contact-copy .demo-note{font-size:10px}}
@media(max-width:370px){.story-copy h1{font-size:36px}.story-copy h2,.story-copy[data-step="1"] h2{font-size:35px}.contact-copy h2{font-size:36px;margin-bottom:23px}}
@media(max-height:600px) and (min-width:701px){.story-copy h1{font-size:min(7.1vw,76px)}.story-copy h2,.story-copy[data-step="1"] h2{font-size:min(5vw,55px)}.contact-copy h2{font-size:48px;margin-bottom:21px}}
@media(max-width:700px) and (max-height:500px){.story-copy h1{font-size:42px}.story-copy h2,.story-copy[data-step="1"] h2{font-size:34px}.contact-copy h2{font-size:34px;margin-bottom:21px}.contact-copy .demo-note{display:none}}
@media(prefers-reduced-motion:reduce){.flight-haze{display:none}.scene,.geometry{will-change:auto}}

/* r6: slow ambient lighting only; typography/layout remain untouched. */
.ambient-light{position:absolute;inset:-30%;pointer-events:none;will-change:transform,opacity;opacity:0;background:radial-gradient(ellipse at 73% 34%,#ecf6ff 0,transparent 37%);mix-blend-mode:screen}.reduce-motion .ambient-light{display:none}.reduce-motion .scroll-icon:after{animation:none!important}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.ambient-light{display:none}}

/* r8: feathered original cloud pixels move independently; light is above the wash. */
.atmosphere-cutout{position:absolute;inset:0;pointer-events:none;contain:paint}.atmosphere-flight{position:absolute;inset:-14%;pointer-events:none;transform-origin:61% 51%;backface-visibility:hidden;will-change:transform,opacity}.atmosphere-future{inset:-15%;transform-origin:64% 58%}.image-map{position:absolute;pointer-events:none}.image-map canvas{display:block;width:100%;height:100%;pointer-events:none}#cloud-canvas{filter:saturate(.8)}#greece-light-canvas,#future-light-canvas{mix-blend-mode:screen}.reduce-motion .atmosphere-cutout,.reduce-motion .cloud-flight{display:none}
@media(max-width:700px){.atmosphere-flight{inset:-12%}.atmosphere-future{inset:-14%}}
@media(prefers-reduced-motion:reduce){.atmosphere-cutout,.cloud-flight{display:none}}
@supports not (clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%)){.atmosphere-cutout{display:none}}

/* r9: quiet identity, hero-local flight CTA and stable native dialogs. */
html{scrollbar-gutter:stable}.owner-name{font-size:14px;font-weight:400;letter-spacing:.025em;padding:8px 0;border-bottom:1px solid #ffffff70}.hero-sub{font-size:clamp(16px,1.26vw,19px);line-height:1.6;letter-spacing:0;color:#e1edff;margin-bottom:0}.hero-interface{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-width:182px;min-height:50px;padding:13px 19px;margin-top:29px;border:1px solid #daeafb88;background:linear-gradient(105deg,#d4eaff17,#e9f5ff05);font-size:14px;font-weight:400;letter-spacing:.02em;transition:background .18s,border-color .18s}.hero-interface:hover{background:#e1f0ff22;border-color:#f2faff}.hero-interface span{font-size:18px;font-weight:400}.hero-interface:focus-visible{outline:2px solid #fff;outline-offset:6px}dialog::backdrop{background:#061630d9;backdrop-filter:none;-webkit-backdrop-filter:none}.modal-open .world *,.modal-open .stage-bottom *,.modal-open .stage-bottom *:after{animation-play-state:paused!important}.modal-open .hero-interface{transition:none}
@media(max-width:700px){.owner-name{font-size:12px}.hero-interface{font-size:14px;margin-top:24px;min-height:48px;padding:12px 17px}.hero-sub{font-size:15px;line-height:1.65}}
@media(max-height:600px){.hero-interface{margin-top:17px;min-height:42px;padding:9px 16px}.hero-sub{font-size:14px;line-height:1.55}.owner-name{font-size:12px}}

/* Shared portal world replaces separate slides. Source images stay as a reduced-motion fallback. */
#flight-world{position:absolute;inset:0;width:100%;height:100%;display:none;pointer-events:none;filter:saturate(.8)}.cinema-ready #flight-world{display:block}.cinema-ready .scene{visibility:hidden}.reduce-motion #flight-world{display:none}.reduce-motion.cinema-ready .scene{visibility:visible}

.cinema-ready .cloud-flight{visibility:hidden}

/* Full-frame redraws do not need the old oversized modern crop. */
.scene-future,.atmosphere-future{inset:-8%}@media(max-width:700px){.scene-future,.atmosphere-future{inset:-9%}}

/* Real geometry replaces only image-mapped decorative layers; UI and dialogs retain r12 styling. */
.realtime-ready #flight-world{filter:none}.realtime-ready .atmosphere-cutout,.realtime-ready .cloud-flight,.realtime-ready .geometry{visibility:hidden}.realtime-ready.reduce-motion .geometry{visibility:visible}

/* Preview-only stable position diagnostics. No camera or scene changes. */
.preview-diagnostics{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:none;line-height:1.5;letter-spacing:0}.preview-version{font-size:10px;color:#e2eeff}.preview-diagnostics .revision-mark{opacity:.8}.frame-counter{font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff;text-shadow:0 1px 4px #001335,0 0 9px #001335a0}

/* Readable secondary labels, retaining the original cool blue hierarchy. */
.demo-context,.demo-project small,.demo-row small,.demo-tabs button:not([aria-selected="true"]),.attachment-zone small,.sidebar-label{color:#566983}.detail-content p,.work-panel p:not(.chat-bubble){color:#506582}

#demo-detail p:not(.chat-bubble),#demo-detail .messenger-choice{color:#506582}

/* Local contrast follows the reading area on narrow screens, leaving the sky intact. */
@media(max-width:700px){.hero-copy:before{content:"";position:absolute;z-index:-1;inset:-28px -24px -24px;background:radial-gradient(ellipse at 36% 57%,#032753aa 0%,#03275370 49%,transparent 74%);pointer-events:none}.hero-sub{text-shadow:0 1px 5px #001d43}.hero-interface{background:#082d6480;border-color:#dcedffe6}.contact-copy:before{content:"";position:absolute;z-index:-1;inset:-30px -24px;background:radial-gradient(ellipse at 40% 50%,#032753b0,transparent 75%);pointer-events:none}}
