:root{color-scheme:dark;--bg:#061126;--ink:#f8fbff;--muted:#a9b8d0;--line:#263955;--blue:#006eff;--cyan:#00d4ff;--panel:#0c1a35;--violet:#8768fa;font-family:Vazirmatn,Tahoma,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.8;overflow-x:hidden}button,input,textarea,select{font:inherit}button,a{transition:.2s ease}a{color:inherit;text-decoration:none}button{cursor:pointer}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.ambient{position:absolute;z-index:-1;pointer-events:none;inset:0 0 auto;height:900px;background:radial-gradient(ellipse 45% 46% at 70% 31%,#064fbb60,transparent 75%),radial-gradient(ellipse 55% 50% at 13% 4%,#052665,transparent 70%),linear-gradient(#081632,#061126)}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #7894c128}.brand{display:flex;align-items:center;gap:11px;font-size:25px;font-weight:900;line-height:1}.brand small{display:block;letter-spacing:.36em;font-size:10px;margin-top:8px;color:#99d9ff;font-family:Arial,sans-serif}.brand-mark{width:42px;height:42px;border-radius:13px;display:inline-grid;place-items:center;font:bold italic 29px Arial;color:white;background:linear-gradient(130deg,#00ddff,#0061ed 68%,#624af5);box-shadow:0 6px 25px #0070ff68}.topbar nav{display:flex;gap:30px;color:#c9d6e8;font-size:14px}.topbar nav a:hover,.footer a:hover{color:var(--cyan)}.btn{border:1px solid transparent;border-radius:14px;display:inline-flex;justify-content:center;align-items:center;gap:24px;padding:14px 24px;font-size:14px;font-weight:800;line-height:1.6}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(105deg,#03caff,#0063f5);color:#fff;box-shadow:0 15px 38px #066ffc45}.btn-outline{border-color:#3f618b;background:#12274788}.btn-ghost{color:#e3efff;border-color:#5578a480}.menu-toggle{display:none;background:none;border:0;color:white;font-size:28px}.hero{min-height:630px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:36px;padding-block:66px 100px}.hero-copy{z-index:1}.eyebrow,.section-kicker{color:#5fdaff;font-weight:800;font-size:14px;letter-spacing:.01em}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #1d689478;background:#06406259;border-radius:100px;padding:5px 15px}.live-dot{width:7px;height:7px;border-radius:100%;background:var(--cyan);box-shadow:0 0 15px var(--cyan)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,5.1vw,77px);letter-spacing:-.045em;line-height:1.45;margin:27px 0 20px;font-weight:900}h1 em{font-style:normal;background:linear-gradient(95deg,#fff 5%,#4ce9ff 45%,#3583ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:18px;color:#bbcee3;max-width:590px;line-height:2.1}.hero-actions{display:flex;gap:13px;margin:30px 0}.hero-proof{display:flex;gap:18px;flex-wrap:wrap;color:#8eaacc;font-size:13px}.hero-art{height:535px;position:relative;overflow:visible}.hero-art>img{position:absolute;top:-8px;left:0;transform:none;width:1160px;max-width:none;height:auto;clip-path:inset(0 43.5% 60.5% 0);filter:drop-shadow(0 14px 50px #0873ff66)}.art-glow{position:absolute;z-index:-1;inset:20% 0 4%;background:radial-gradient(ellipse,#0a83fa55,transparent 65%)}.floating-note{position:absolute;z-index:2;display:flex;gap:11px;align-items:center;border:1px solid #51bcfa64;border-radius:15px;padding:10px 15px;background:#10274ad9;backdrop-filter:blur(12px);box-shadow:0 16px 30px #0013279c;font-size:13px}.floating-note b,.floating-note span{display:block}.floating-note span{color:#a7c5e3}.note-one{top:17%;right:-1%}.note-two{bottom:16%;left:-3%}.status-check{width:29px;height:29px;border-radius:10px;background:#0385ff;color:white!important;display:grid!important;place-items:center}.signal{display:flex;align-items:end;justify-content:space-between;gap:36px;border-block:1px solid #42608a5e;padding:65px 0 56px}.signal h2,.section-head h2,.choice h2,.request-copy h2{font-size:clamp(32px,3.5vw,48px);line-height:1.5;margin:8px 0 0}.signal h2 span,.request-copy h2 span{color:#53dbff}.signal>p{max-width:480px;color:#b4c7e0;margin-bottom:8px}.workflow,.plans,.faq{padding-block:105px}.section-head{margin-bottom:34px}.section-head>p{color:#a9bbd2;max-width:640px;margin-top:10px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.steps article{background:linear-gradient(153deg,#11284a,#091a34);border:1px solid #27436b;border-radius:22px;padding:26px;min-height:260px;position:relative}.step-number{position:absolute;left:23px;top:18px;color:#6499cc;font-weight:800;font-size:13px}.step-icon{width:55px;height:55px;border-radius:16px;background:#006eff2b;color:#51d9ff;display:grid;place-items:center;font-size:29px;margin-bottom:24px}.steps h3,.feature h3{font-size:19px;margin-bottom:8px}.steps p,.feature p{color:#a6b8d2;font-size:14px;line-height:1.9;margin:0}.features-wrap{padding:94px 0;background:linear-gradient(180deg,#081931,#091b38 50%,#071630)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{border:1px solid #31486c;border-radius:22px;background:#102444;padding:25px;min-height:230px}.feature-large{grid-row:span 2;background:radial-gradient(circle at top right,#006cff52,transparent 60%),#0d244a;min-height:475px;display:flex;flex-direction:column;align-items:start}.feature-large h3{font-size:28px;margin-top:22px}.feature-large p{font-size:16px}.feature-symbol{width:48px;height:48px;display:grid;place-items:center;background:#006eff2e;color:#5fb6ff;font-size:26px;border-radius:14px}.feature-symbol.cyan{background:#00d4ff20;color:#00d4ff}.feature-symbol.violet{background:#9269ff23;color:#ba9aff}.mini-list{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px}.mini-list span{background:#16417a;border:1px solid #3176b3;border-radius:30px;padding:5px 12px;font-size:12px}.feature-wide{grid-column:span 2;display:flex;gap:25px;justify-content:space-between;align-items:center}.chat-demo{width:47%;flex-shrink:0;border:1px solid #3b6395;border-radius:16px;padding:15px;background:#07172f;color:#b7daf7;font-size:13px}.chat-demo>div{display:flex;gap:8px;align-items:center}.chat-demo p{margin:12px 0 0;background:#153c72;border-radius:12px;padding:10px;font-size:13px}.avatar{display:grid;place-items:center;background:#0079ff;border-radius:9px;color:white;width:27px;height:27px;font:bold 17px Arial}.center{text-align:center}.center p{margin-inline:auto}.plan-tabs{display:flex;gap:5px;border:1px solid #334b6e;background:#0e2040;border-radius:15px;padding:5px;max-width:340px;margin:0 auto 36px}.plan-tabs button{border:0;border-radius:11px;background:none;color:#a9c3e0;flex:1;padding:10px;font-size:14px;font-weight:800}.plan-tabs button[aria-selected=true]{background:#1660d6;color:#fff}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;align-items:stretch}.plan{border:1px solid #335078;background:#0c1c38;border-radius:23px;padding:27px;display:flex;flex-direction:column;min-height:540px}.plan.featured{border-color:#00d4ff;box-shadow:0 12px 65px #0068ff25;background:linear-gradient(155deg,#123b72,#0a1a36 57%)}.plan-badge{font-size:12px;color:#70dfff;background:#0a608038;border:1px solid #1e9bbc7a;border-radius:50px;padding:4px 10px;font-weight:700}.plan-top h3{font-size:28px;margin:19px 0 0}.plan-top p{font-size:13px;color:#a8bbd3;min-height:52px}.price{padding:14px 0 18px;border-bottom:1px solid #425676;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.price strong{font-size:31px;letter-spacing:-.04em;line-height:1.4}.price span{font-size:12px;color:#9db2cc}.plan ul{padding:13px 18px 0 0;list-style:none;margin:0 0 25px;flex:1}.plan li{padding:8px 0;color:#c0d0e4;font-size:14px;position:relative}.plan li:before{content:'✓';color:#4de0ff;margin-left:9px;font-weight:900}.btn-plan{background:#18395f;border-color:#456b99;color:#fff}.pricing-notes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px;color:#99aec9;font-size:13px}.pricing-notes p{margin:0}.pricing-notes b{color:#e5f5ff}.choice{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding-bottom:115px}.choice p{color:#acc0da;font-size:17px;max-width:480px;margin-top:20px}.choice-panel{padding:15px;background:#102344;border:1px solid #365785;border-radius:22px}.choice-panel>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #2c456b;padding:15px 12px;font-size:14px}.choice-panel>div:last-child{border:0}.choice-panel b{color:#69daff}.request-wrap{background:radial-gradient(circle at 15% 30%,#035dc347,transparent 40%),linear-gradient(120deg,#0c2d60,#0b1d3c);border-block:1px solid #3874c0;padding:100px 0}.request-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:75px}.request-copy p{color:#c1d2e8;font-size:17px;margin-top:25px}.request-aside{color:#a9c3df;border-right:2px solid #26ceff;margin-top:35px;padding-right:16px;font-size:13px}.lead-form{background:#081a36;border:1px solid #476fa1;border-radius:24px;padding:28px;box-shadow:0 30px 80px #02112675}.lead-form label{display:block;font-size:13px;font-weight:700;margin-bottom:17px;color:#e1efff}.lead-form input,.lead-form select,.lead-form textarea{display:block;width:100%;border:1px solid #3a5678;background:#10284d;color:#fff;border-radius:10px;outline:none;padding:12px;margin-top:6px;font-size:14px;min-height:46px}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:#42d8ff;box-shadow:0 0 0 3px #02bdf92f}.lead-form input::placeholder,.lead-form textarea::placeholder{color:#7c97b5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.lead-form .consent{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:13px}.consent input{width:18px;height:18px;min-height:18px;margin:4px 0 0;accent-color:#00b9ef;flex:none}.submit{width:100%}.form-status{min-height:26px;color:#90f0c5;margin:10px 0 0;font-size:13px}.form-status.error{color:#ffadb1}.trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:13px}.faq details{background:#10213e;border:1px solid #2e4a73;border-radius:13px;padding:15px 20px}.faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:#68dfff;font-size:22px;line-height:1}.faq details[open] summary:after{content:'−'}.faq details p{color:#a9bed8;font-size:14px;margin:14px 0 0}.footer{border-top:1px solid #273b5b;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:40px;color:#9eb3cf;font-size:13px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand b,.footer-brand span:not(.brand-mark){display:block}.footer-brand b{color:white;font-size:20px}.footer-links{display:flex;gap:18px}.footer p{margin:0}.plan-panel[hidden]{display:none}#how,#features,#plans,#request,#faq{scroll-margin-top:30px}@media(max-width:1000px){.hero{grid-template-columns:1fr 1fr;gap:10px}.hero-art>img{width:950px}.hero-art{height:460px}.steps{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-large{grid-row:span 2}.feature-wide{grid-column:span 2}.request-grid{gap:25px}.plan{padding:19px}.price strong{font-size:25px}}@media(max-width:760px){.shell{width:min(100% - 32px,540px)}.topbar{height:72px}.topbar nav{display:none;position:absolute;top:70px;left:16px;right:16px;z-index:20;background:#112547;border:1px solid #44628a;border-radius:16px;padding:18px;flex-direction:column;gap:11px;box-shadow:0 22px 35px #0008}.topbar nav.open{display:flex}.desktop-cta{display:none}.menu-toggle{display:block}.hero{display:flex;flex-direction:column;padding:54px 0 30px;gap:0}.hero-copy{order:1}.hero-art{order:0;width:100%;height:310px}.hero-art>img{width:780px;top:-5px}.floating-note{font-size:11px;padding:6px 9px}.note-one{right:0;top:10%}.note-two{bottom:0;left:0}.hero h1{font-size:46px;line-height:1.4;margin:18px 0}.hero-copy>p{font-size:16px}.hero-actions{flex-wrap:wrap}.hero-actions .btn{flex:1;min-width:165px;padding:12px}.hero-proof{font-size:12px}.signal{display:block;padding-block:48px}.signal>p{margin:18px 0 0}.workflow,.plans,.faq{padding-block:72px}.features-wrap,.request-wrap{padding-block:72px}.feature-grid,.steps,.plan-grid,.request-grid,.choice,.faq-list,.pricing-notes{grid-template-columns:1fr}.feature-large{min-height:330px}.feature-wide{grid-column:auto;display:block}.chat-demo{margin-top:20px;width:100%}.plan-grid{gap:14px}.plan{min-height:0}.plan ul{margin-bottom:22px}.choice{padding-bottom:75px;gap:20px}.request-grid{gap:30px}.lead-form{padding:20px}.footer{display:grid;text-align:right}.footer-links{flex-wrap:wrap}.section-head h2{font-size:32px}}@media(max-width:430px){.hero-art{height:270px}.hero-art>img{width:680px}.floating-note{max-width:155px}.hero h1{font-size:39px}.hero-actions{flex-direction:column}.form-grid{grid-template-columns:1fr;gap:0}.plan-tabs{max-width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Ramax motion direction: illuminated control room with character-led storytelling. */
@font-face{font-family:VazirmatnLocal;src:url('/assets/vazirmatn-arabic.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{font-family:VazirmatnLocal,Vazirmatn,Tahoma,sans-serif;--bg:#030b1d;--panel:#091d40;--muted:#b7c9e0}
body{background:radial-gradient(circle at 65% 4%,#092668,#030b1d 46%)}
.ambient{height:1100px;background:radial-gradient(ellipse 42% 43% at 20% 28%,#044ca785,transparent 76%),radial-gradient(ellipse 34% 35% at 84% 8%,#1039a370,transparent 75%),linear-gradient(180deg,#071837,#030b1d)}
.ambient:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#1d80c914 1px,transparent 1px),linear-gradient(90deg,#1d80c914 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(#0008,transparent 78%)}
.reading-progress{position:fixed;top:0;right:0;height:3px;width:0;background:linear-gradient(90deg,#006eff,#00d4ff);z-index:100;box-shadow:0 0 15px #00d4ff}
.topbar{position:relative;z-index:30;border-color:#95c5ff2a}.topbar:after{content:'';position:absolute;bottom:-1px;right:0;width:120px;height:1px;background:#31cfff;box-shadow:0 0 16px #00d4ff}
.brand-mark{box-shadow:0 0 25px #008eff80, inset 0 0 13px #80e6ff80}
.hero{min-height:720px;padding-block:65px 95px;grid-template-columns:1.04fr .96fr;overflow:visible}.hero-copy{position:relative}.hero-copy:before{content:'01 / MEET YOUR NEXT MOVE';position:absolute;right:0;top:-38px;font:700 11px Arial,sans-serif;letter-spacing:.2em;color:#6b91b7}.hero h1{font-size:clamp(49px,5.1vw,72px);line-height:1.42}.hero h1 em{display:inline-block;min-width:8em;text-shadow:0 0 55px #11b4ff55}.hero-art{height:560px;isolation:isolate;display:grid;place-items:center}.hero-mascot{position:absolute;z-index:2;width:430px;height:475px;left:50%;top:20px;transform:translateX(-50%);background-image:url('/assets/ramax-character-board.png');background-size:1254px 1254px;background-position:-370px -7px;background-repeat:no-repeat;filter:drop-shadow(0 0 40px #0699ff99);animation:mascotFloat 6s ease-in-out infinite}.hero-art .art-glow{z-index:0;inset:15% 0 9%;background:radial-gradient(circle,#09acff71 0, #054fb246 31%,transparent 70%);filter:blur(18px);animation:glowBreath 5s ease-in-out infinite}.hero-art:after{content:'';position:absolute;z-index:0;bottom:35px;left:50%;transform:translateX(-50%);width:390px;height:75px;border-radius:50%;background:#008dff6a;filter:blur(32px)}.orbit{position:absolute;z-index:1;border:1px solid #1ca8f66e;border-radius:50%;transform:rotateX(63deg) rotate(-15deg);pointer-events:none}.orbit-one{width:480px;height:400px;top:84px;left:30px;box-shadow:0 0 50px #00baff4a,inset 0 0 24px #00adff38;animation:orbitSwing 9s ease-in-out infinite}.orbit-two{width:380px;height:530px;top:20px;left:85px;border-color:#8768fa5a;transform:rotate(30deg);animation:orbitSwing 12s ease-in-out infinite reverse}.floating-note{box-shadow:0 15px 50px #001c4a99,0 0 25px #11baff25;z-index:4;background:#0c2250d9;border-color:#31c9fa70;animation:floatPanel 6s ease-in-out infinite}.note-one{top:17%;right:-9%}.note-two{bottom:12%;left:-8%;animation-delay:-3s}.note-spark{width:30px;height:30px;display:grid!important;place-items:center;background:#7448e9;border-radius:10px;color:#fff!important}.hero-vertical{position:absolute;left:-5px;top:39%;writing-mode:vertical-rl;transform:rotate(180deg);font:700 11px Arial;letter-spacing:.23em;color:#6b97c0}
.ticker{overflow:hidden;border-block:1px solid #188ddb5a;background:#0b2551b3;box-shadow:0 8px 60px #045fc229}.ticker-track{width:max-content;display:flex;gap:30px;align-items:center;padding:15px 0;white-space:nowrap;animation:tickerMove 27s linear infinite}.ticker span{font-size:13px;font-weight:700;color:#cee9ff}.ticker i{font-style:normal;color:#00d4ff}.signal{border-top:0}.steps article,.feature,.plan,.persona-card{position:relative;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.steps article:hover,.feature:hover,.plan:hover,.persona-card:hover{transform:translateY(-6px);border-color:#2fbafc;box-shadow:0 25px 65px #0077ff24}.steps article:before,.feature:before,.plan:before{content:'';position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#42dfffaa,transparent);opacity:.5}.features-wrap{background:radial-gradient(circle at 7% 36%,#1359ba3b,transparent 36%),linear-gradient(#07172e,#091c3b 55%,#06142d)}.feature-large{background:radial-gradient(circle at top right,#0075ff83,transparent 62%),#0d244a}.plan.featured{box-shadow:0 0 0 1px #00caff66,0 20px 90px #0077ff30}.plan.featured:after{content:'';position:absolute;top:-100%;left:-50%;width:60%;height:300%;background:linear-gradient(90deg,transparent,#ffffff18,transparent);transform:rotate(28deg);animation:shine 8s ease-in-out infinite;pointer-events:none}.btn-primary{position:relative;overflow:hidden;background:linear-gradient(110deg,#05d5ed,#006af8);box-shadow:0 18px 42px #0077ff55}.btn-primary:before{content:'';position:absolute;top:0;right:-110%;width:60%;height:100%;transform:skew(-20deg);background:linear-gradient(90deg,transparent,#fff5,transparent);transition:right .6s}.btn-primary:hover:before{right:140%}.section-kicker{display:inline-block;text-transform:none}.section-head h2{letter-spacing:-.025em}
.personality{padding-block:95px 30px}.persona-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.persona-card{padding:12px 16px 19px;border:1px solid #25537e;border-radius:22px;background:linear-gradient(150deg,#102956,#071a37)}.persona-art{height:160px;margin:-4px auto 18px;max-width:210px;background-image:url('/assets/ramax-character-board.png');background-size:1254px 1254px;background-repeat:no-repeat;border-radius:14px;mask-image:linear-gradient(#000 80%,transparent)}.persona-hello{background-position:0 -555px}.persona-think{background-position:-209px -555px}.persona-seo{background-position:-1047px -555px}.persona-done{background-position:0 -770px}.persona-card>span{font:700 11px Arial,sans-serif;letter-spacing:.12em;color:#62baff}.persona-card h3{font-size:19px;margin:3px 0}.persona-card p{font-size:13px;color:#a9c8e5;margin:0}.persona-card:hover .persona-art{transform:scale(1.04);transition:transform .35s}
.chat-widget{position:fixed;z-index:90;bottom:24px;left:24px;direction:rtl}.chat-launch{border:1px solid #58d3ff;display:flex;align-items:center;gap:10px;color:#fff;padding:10px 17px;border-radius:100px;background:linear-gradient(110deg,#076ce5,#052d6b);box-shadow:0 12px 35px #004aaa8a;font-weight:800;font-size:13px}.chat-launch:hover{transform:translateY(-3px)}.chat-icon{font-size:21px;color:#a0f3ff}.chat-pulse{position:absolute;width:10px;height:10px;right:3px;top:3px;background:#41e2ff;border:2px solid #092852;border-radius:50%;box-shadow:0 0 14px #00e5ff}.chat-panel{width:min(350px,calc(100vw - 32px));background:#081a37;border:1px solid #4ea6e7;border-radius:18px;box-shadow:0 26px 70px #001025;overflow:hidden;margin-bottom:10px}.chat-panel[hidden]{display:none}.chat-head{padding:15px;background:#0e3164;display:flex;align-items:center;gap:11px}.chat-head b,.chat-head small{display:block}.chat-head small{font-size:11px;color:#b5c9e6}.chat-mini-avatar{display:grid;place-items:center;flex:none;background:#007bfc;width:39px;height:39px;border-radius:12px;font:900 25px Arial}.chat-close{margin-right:auto;color:#fff;border:0;background:none;font-size:26px;line-height:1}.chat-messages{padding:20px 15px;min-height:146px;max-height:260px;overflow:auto}.chat-bubble{background:#143b71;color:#e8f5ff;border-radius:13px 13px 2px 13px;padding:10px 12px;font-size:13px;margin:0 0 10px}.chat-bubble.user{background:#184771;margin-right:25px}.chat-choices{padding:0 14px 14px;display:flex;flex-wrap:wrap;gap:6px}.chat-choices button{border:1px solid #4697d1;background:#103761;color:#d6edff;border-radius:22px;padding:5px 10px;font-size:12px}.chat-choices button:hover{background:#1762a3}.chat-foot{border-top:1px solid #30577f;padding:10px 14px;font-size:11px;color:#aec7df}.chat-foot a{color:#67dfff;display:block;font-weight:800;margin-top:3px}
[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s cubic-bezier(.18,.75,.29,1)}[data-reveal].visible{opacity:1;transform:translateY(0)}.hero-copy{animation:fadeRise 1s ease both}.hero-art{animation:fadeRise 1.2s .15s ease both}
@keyframes mascotFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-15px)}}@keyframes glowBreath{0%,100%{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}}@keyframes orbitSwing{0%,100%{rotate:-5deg;opacity:.5}50%{rotate:5deg;opacity:1}}@keyframes floatPanel{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes tickerMove{to{transform:translateX(50%)}}@keyframes shine{0%,72%,100%{left:-80%}85%{left:160%}}@keyframes fadeRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.persona-grid{grid-template-columns:repeat(2,1fr)}.hero-art{height:480px}.hero-mascot{transform:translateX(-50%) scale(.82);transform-origin:top center;animation:none;top:20px}.orbit{display:none}.note-one{right:-3%}.note-two{left:-3%}}
@media(max-width:760px){.hero{min-height:0;padding:42px 0 70px}.hero-art{order:0;height:315px;overflow:hidden;width:100%}.hero-mascot{top:-3px;left:50%;transform:translateX(-50%);width:300px;height:335px;background-size:878px 878px;background-position:-259px -5px;animation:mascotMobile 6s ease-in-out infinite}.hero-art:after{bottom:0;width:300px}.hero-vertical{display:none}.hero h1{font-size:clamp(35px,8.4vw,49px)}.hero h1 em{min-width:0}.floating-note{font-size:11px;padding:7px}.note-one{right:-2px;top:8%}.note-two{bottom:2px;left:0}.ticker-track{animation-duration:20s}.persona-grid{grid-template-columns:repeat(2,1fr);gap:10px}.persona-card{padding:10px}.persona-art{height:136px}.persona-card h3{font-size:15px}.persona-card p{font-size:12px}.chat-widget{bottom:14px;left:14px}.chat-launch{font-size:12px}.personality{padding-block:65px 10px}}
@media(max-width:430px){.hero-art{height:282px}.hero-mascot{transform:translateX(-50%) scale(.82);transform-origin:top center;left:50%;animation:none}.floating-note b{font-size:10px}.floating-note span:not(.status-check):not(.note-spark){font-size:9px}.note-two{max-width:140px}.persona-grid{grid-template-columns:1fr 1fr}.persona-art{background-size:1000px 1000px;height:117px}.persona-think{background-position:-167px -442px}.persona-seo{background-position:-835px -442px}.persona-hello{background-position:0 -442px}.persona-done{background-position:0 -614px}}
@keyframes mascotMobile{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8px)}}
@media(prefers-reduced-motion:reduce){.hero-mascot,.hero-art,.hero-copy,.floating-note,.ticker-track,.plan.featured:after,.hero-art .art-glow,.orbit{animation:none!important}[data-reveal]{opacity:1;transform:none}.ticker-track{animation:none}.reading-progress{display:none}}
/* Final cinematic narrative */
.cinema{height:175vh;position:relative;background:radial-gradient(ellipse 65% 60% at 85% 40%,#112d6f73,transparent 75%),#041126;border-block:1px solid #173662}.cinema-inner{position:sticky;top:3vh;height:94vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;overflow:hidden}.cinema-copy{position:relative;z-index:3}.cinema-copy h2{font-size:clamp(37px,4.15vw,66px);line-height:1.65;font-weight:900;letter-spacing:-.035em;margin:23px 0}.cinema-copy>p{font-size:17px;line-height:2.15;color:#b9cee9;max-width:520px}.circled-word{position:relative;white-space:nowrap;color:#67e5ff;padding:0 6px}.circled-word svg{position:absolute;inset:-14% -12%;width:124%;height:128%;overflow:visible;pointer-events:none}.circled-word path{fill:none;stroke:#1fe2ff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:980;stroke-dashoffset:980;filter:drop-shadow(0 0 9px #00caff);transition:stroke-dashoffset 1.5s cubic-bezier(.23,.78,.3,1)}.cinema.is-drawn .circled-word path{stroke-dashoffset:0}.cinema-labels{display:flex;flex-wrap:wrap;gap:10px;margin-top:37px}.cinema-labels span{display:flex;gap:10px;align-items:center;padding:8px 13px;border:1px solid #335c8a;border-radius:100px;color:#a9bedb;font-size:12px;background:#12315d65}.cinema-labels b{color:#4adfff;font:800 11px Arial}.cinema-visual{height:min(530px,70vh);position:relative;border:1px solid #2d6ba1;background:radial-gradient(circle at 50% 50%,#0b59bb83,transparent 47%),linear-gradient(135deg,#0a214d,#06142b);border-radius:50% 50% 27% 27% / 40% 40% 20% 20%;box-shadow:0 35px 120px #006cf33d,inset 0 0 85px #0f83d43d;overflow:hidden;transform:scale(calc(.82 + var(--story-progress,0)*.16)) rotate(calc((1 - var(--story-progress,0))*-3deg));transition:transform .1s linear}.scan-grid{position:absolute;inset:0;background-image:linear-gradient(#258cd01c 1px,transparent 1px),linear-gradient(90deg,#258cd01c 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle,#000 15%,transparent 80%)}.scan-center{width:260px;height:260px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#26c9ff8c,#084cb74a 51%,transparent 71%);box-shadow:0 0 75px #008bff9c}.scan-center strong{width:130px;height:130px;border-radius:39px;background:linear-gradient(130deg,#05d7fd,#0755e9 65%,#8355ff);display:grid;place-items:center;font:italic 900 92px Arial;color:white;box-shadow:0 20px 60px #006ffcaa,inset 0 5px 15px #ffffff83}.scan-orbit{position:absolute;border:1px solid #4ee6ff8c;border-radius:50%;width:240px;height:110px;transform:rotate(-35deg);animation:orbitSwing 9s ease-in-out infinite}.scan-orbit.o2{width:160px;height:320px;transform:rotate(25deg);border-color:#8a82ffb0;animation-delay:-3s}.scan-card{position:absolute;z-index:2;min-width:150px;padding:10px 14px;border:1px solid #42b2ef88;border-radius:12px;background:#062552e8;box-shadow:0 9px 30px #0008;opacity:var(--scan-opacity,.9)}.scan-card span,.scan-card b{display:block}.scan-card span{font-size:11px;color:#76dfff}.scan-card b{font-size:13px}.sc-a{top:15%;right:4%}.sc-b{bottom:17%;left:4%}.sc-c{top:12%;left:6%}
.zoom-chapter{height:185vh;background:#020a18;position:relative}.zoom-window{position:sticky;top:0;height:100vh;min-height:650px;overflow:hidden;isolation:isolate;border-block:1px solid #14477d;background:radial-gradient(circle at 65% 40%,#082c72,#020a18 65%)}.zoom-layer{position:absolute;inset:-16%;z-index:-2;background-image:linear-gradient(95deg,#031028ee 14%,#052451aa 57%,#010912bb),url('/assets/ramax-brand-board.png');background-size:cover, min(95vw,1300px) auto;background-repeat:no-repeat;background-position:center,left center;opacity:.54;transform:scale(calc(.9 + var(--zoom-progress,0)*.55));filter:saturate(1.3);will-change:transform}.zoom-rings{position:absolute;z-index:-1;left:46%;top:50%;width:55vw;aspect-ratio:1;border:1px solid #10d8ff55;border-radius:50%;transform:translate(-50%,-50%) scale(calc(.45 + var(--zoom-progress,0)*1.1));box-shadow:0 0 0 90px #117cff0c,0 0 0 180px #117cff08,0 0 90px #006afc7a;will-change:transform}.zoom-content{height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:2}.zoom-index{position:absolute;top:50px;right:0;font:700 12px Arial;letter-spacing:.22em;color:#78b6e9}.zoom-content h2{font-size:clamp(48px,7vw,104px);letter-spacing:-.07em;line-height:1.3;max-width:900px;margin:18px 0 25px}.zoom-content h2 span{color:#5bdfff;display:inline-block;transform:translateY(calc((1 - var(--zoom-progress,0))*18px));opacity:calc(.6 + var(--zoom-progress,0)*.4)}.zoom-content p{font-size:18px;max-width:540px;color:#c9dbef;line-height:2}.zoom-content .btn{margin-top:16px}.zoom-art{position:absolute;left:-3%;bottom:-38%;width:450px;height:530px;background:url('/assets/ramax-character-board.png') no-repeat;background-size:1254px 1254px;background-position:-370px -7px;opacity:.65;transform:scale(calc(.65 + var(--zoom-progress,0)*.7));filter:drop-shadow(0 0 55px #027bff);pointer-events:none}
.module-universe{padding:118px 0;background:radial-gradient(circle at 80% 12%,#123d94a6,transparent 32%),radial-gradient(circle at 12% 77%,#4c21a150,transparent 35%),#050f25;border-block:1px solid #2e5f9c}.module-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}.module-intro h2{font-size:clamp(41px,5.3vw,76px);font-weight:900;line-height:1.36;letter-spacing:-.06em;margin:11px 0 0}.module-intro h2 em{font-style:normal;color:#5de9ff;text-shadow:0 0 42px #1badff91}.module-intro p{font-size:17px;color:#c0d5ef;line-height:2.1;max-width:470px}.module-counter{border-top:1px solid #3a78ac;border-bottom:1px solid #24496e;padding:16px 0;margin:48px 0 68px;display:flex;align-items:center;gap:18px;color:#afd4f5;font-size:14px}.module-counter strong{font:900 42px Arial;color:#fff;text-shadow:0 0 24px #05cdff}.module-counter i{width:1px;height:24px;background:#3d6b96;margin-inline:15px}.module-group{margin-bottom:64px}.module-group-title{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:1px solid #416487;padding-bottom:13px;margin-bottom:18px}.module-group-title>span{font:700 12px Arial,sans-serif;letter-spacing:.15em;color:#73c6f1}.module-group-title h3{font-size:27px;margin:0}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.module-tile{border:1px solid #315a84;background:linear-gradient(145deg,#102b55,#0a1a36);border-radius:18px;padding:19px;min-height:166px;position:relative;overflow:hidden;transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease}.module-tile:hover{transform:translateY(-6px) scale(1.018);border-color:#56ceff;box-shadow:0 20px 40px #0078ff38}.module-tile:before{content:'';position:absolute;left:-30px;top:-40px;width:140px;height:130px;background:radial-gradient(circle,#167bff44,transparent 70%);opacity:0;transition:opacity .3s}.module-tile:hover:before{opacity:1}.module-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#0360ce,#0d2f70);border:1px solid #4b91cf;color:#c0f6ff;box-shadow:0 7px 22px #006bf262;font-size:28px;line-height:1}.module-tile:nth-child(3n+2) .module-icon{background:linear-gradient(145deg,#543bd0,#182e72);border-color:#986aff;color:#e6ddff}.module-tile:nth-child(5n) .module-icon{background:linear-gradient(145deg,#0c929a,#124877);border-color:#32d8e1}.module-tile h4{font-size:16px;margin:15px 0 6px}.module-status{color:#80a9ca;font-size:11px;display:flex;align-items:center;gap:6px}.module-status:before{content:'';width:5px;height:5px;border-radius:50%;background:#4da8f1}.module-tile:has(.module-status):hover .module-status{color:#c9f2ff}.module-footnote{border-right:2px solid #29d9f0;padding:6px 16px;color:#a2bdd9;font-size:13px;max-width:800px}
@media(max-width:1000px){.cinema{height:145vh}.cinema-inner{gap:20px}.cinema-visual{height:460px}.module-grid{grid-template-columns:repeat(3,1fr)}.zoom-art{opacity:.38}}
@media(max-width:760px){.cinema{height:auto;padding:85px 0}.cinema-inner{position:relative;top:auto;height:auto;display:flex;flex-direction:column;overflow:visible}.cinema-copy h2{font-size:clamp(34px,8vw,48px);line-height:1.7}.cinema-copy>p{font-size:15px}.cinema-labels{gap:7px;margin-top:20px}.cinema-labels span{font-size:11px}.cinema-visual{width:100%;height:380px;border-radius:30px;margin-top:30px}.scan-card{min-width:auto;padding:8px}.scan-card b{font-size:11px}.scan-card span{font-size:9px}.scan-center{transform:translate(-50%,-50%) scale(.75)}.zoom-chapter{height:125vh}.zoom-window{min-height:0}.zoom-content h2{font-size:clamp(41px,11vw,67px)}.zoom-content p{font-size:15px}.zoom-layer{background-size:cover,auto 80%;background-position:center,left bottom}.zoom-art{display:none}.zoom-rings{width:100vw;left:25%}.module-universe{padding-block:77px}.module-intro{grid-template-columns:1fr;gap:10px}.module-intro h2{font-size:45px}.module-intro p{font-size:15px}.module-counter{margin:32px 0 48px;gap:8px}.module-counter strong{font-size:34px}.module-counter span{font-size:11px}.module-counter i{margin-inline:4px}.module-grid{grid-template-columns:repeat(2,1fr);gap:9px}.module-tile{padding:14px;min-height:143px}.module-icon{width:40px;height:40px;font-size:24px}.module-tile h4{font-size:14px}.module-group-title h3{font-size:22px}.module-group-title>span{font-size:10px}}
@media(max-width:390px){.module-grid{grid-template-columns:1fr 1fr}.module-tile{min-height:137px;padding:12px}.module-tile h4{font-size:13px}.cinema-visual{height:310px}.scan-card.sc-c{display:none}.module-intro h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){.cinema-visual,.zoom-layer,.zoom-rings,.zoom-art,.zoom-content h2 span{transform:none!important;transition:none!important}.circled-word path{stroke-dashoffset:0}.module-tile:hover{transform:none}}
@media(prefers-reduced-motion:no-preference){.motion-js .module-tile{opacity:.65;transform:translateY(22px) scale(.96)}.motion-js .module-tile.entered{opacity:1;transform:none;transition:opacity .65s ease,transform .65s cubic-bezier(.16,.75,.3,1),border-color .3s,box-shadow .3s;transition-delay:calc(var(--tile-order,0)*55ms)}.motion-js .module-tile.entered:hover{transform:translateY(-6px) scale(1.018)}}