/* SAMA TECHLY — original cinematic direction, proposition 02. */
.hero-journey{height:360svh;position:relative;background:#100d1c}.hero-journey:after{content:'';position:absolute;bottom:0;inset-inline:0;height:80px;background:linear-gradient(transparent,#181528);pointer-events:none}.hero-journey .hero{position:sticky;top:0;height:100svh;min-height:680px;max-height:none;max-width:none;margin:0;overflow:hidden;background:radial-gradient(ellipse at 75% 40%,#25153d75,transparent 58%),#120e20;padding:95px 6% 158px;grid-template-columns:1fr 1.1fr}.hero-grid{inset:0!important;background-size:65px 65px;opacity:.6}.hero-copy{padding-top:0}.hero h1{font-size:clamp(54px,5.8vw,86px);white-space:normal}.hero-description{font-size:14px;max-width:400px;min-height:76px;margin-top:20px}.hero-copy>.eyebrow{font-size:9px;margin-bottom:25px}.hero-signature{margin-top:25px}.hero-actions{margin-top:24px}.hero-art{width:114%;height:min(590px,73svh);margin-inline-start:-7%;perspective:1000px}.art-glow{inset:5% 0;background:radial-gradient(ellipse,#643cff25,transparent 65%);filter:blur(30px)}.art-label-top{top:3%;inset-inline:8% 7%;color:#baa8d0;font-size:9px}.art-caption{bottom:4%;color:#c3b0d9;font-size:9px}.simulation-note{position:absolute;bottom:0;inset-inline:0;text-align:center;font-size:7px;letter-spacing:.13em;color:#88759f}.scene-overlay{position:absolute;inset:9% 4% 11%;pointer-events:none;transform-style:preserve-3d;transition:opacity .5s}.scene-overlay:before,.scene-overlay:after{content:'';position:absolute;width:25px;height:25px;border-color:#b896ff70;border-style:solid}.scene-overlay:before{top:0;left:0;border-width:1px 0 0 1px}.scene-overlay:after{bottom:0;right:0;border-width:0 1px 1px 0}.scene-navigation{position:absolute;inset-inline:6%;bottom:94px;display:flex;gap:25px;max-width:650px}.scene-button{flex:1;position:relative;color:#9d88b7;font-size:10px;background:none;border:0;border-top:1px solid #a68dc03b;text-align:start;padding:14px 0 8px;min-height:46px;transition:color .4s}.scene-button span{font-size:8px;margin-inline-end:10px;color:#8f779f}.scene-button:before{content:'';position:absolute;height:2px;top:-1px;inset-inline:0;background:var(--coral);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}.scene-button.active{color:white}.scene-button.active span{color:var(--coral)}.scene-button.active:before{transform:scaleX(1)}.hero-bottom{bottom:15px;padding-top:10px}.hero-bottom>a{min-height:44px}.hero-bottom>span{font-size:7px;letter-spacing:.12em}.header{border-color:#bba2d018}.hero-journey[data-scene="2"] .art-glow{background:radial-gradient(ellipse,#fc5e3e16,#4c26fb15,transparent 65%)}
.hud{position:absolute;border:1px solid #bca1df35;background:linear-gradient(135deg,#2a1c3ee0,#120e20e8);box-shadow:0 16px 50px #00000055,inset 0 1px #ffffff08;backdrop-filter:blur(12px);border-radius:7px;overflow:hidden;color:#e8d8f4}.hud-top{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;font-family:monospace;font-size:8px;letter-spacing:.08em;border-bottom:1px solid #b999df26;color:#b29acb}.hud-top i{display:inline-block;width:4px;height:4px;background:var(--coral);border-radius:50%;box-shadow:0 0 10px var(--coral)}.hud-neural{width:174px;right:2%;top:8%;transform:rotateY(-15deg) rotateZ(3deg)}.hud-neural-body{padding:14px;display:flex;align-items:center;gap:12px}.hud-neural-body>span{font-size:25px;color:#cebbff}.hud-neural-body b{font-size:10px;font-weight:500}.hud-neural-body small{display:block;font-size:8px;color:#b099c7;margin-top:5px}.hud-spectrum{display:flex;align-items:flex-end;gap:3px;height:27px;margin:0 12px 13px}.hud-spectrum i{flex:1;display:block;background:linear-gradient(#c8a4ff,#4c26fb);height:calc(20% + var(--i) * 5%);animation:spectrum 1.2s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.15s)}.hud-badge{position:absolute;left:0;bottom:13%;font-size:9px;display:flex;align-items:center;gap:8px;padding:9px 12px;background:#1f162ed9;border:1px solid #b796dd40;border-radius:4px;color:#d2bde4;backdrop-filter:blur(10px)}.hud-badge i{display:block;width:6px;height:6px;border-radius:50%;background:#ba98ff;box-shadow:0 0 13px #9963ff}.hud-code{width:80%;top:15%;left:10%;transform:rotateY(-12deg) rotateX(5deg);font-family:monospace;box-shadow:24px 22px 0 #7146ad09,0 20px 55px #00000055}.code-body{padding:18px 20px;font-size:11px;line-height:1.85;color:#c8b6de;min-height:158px}.code-body>div{display:flex;gap:16px}.code-body .ln{color:#6d547f;font-size:9px;min-width:12px}.code-body .kw{color:#bf9aff}.code-body .fn{color:#f5b499}.code-body .str{color:#a4d4c1}.code-line{clip-path:inset(0 100% 0 0);animation:code-write 3s steps(28,end) infinite;animation-delay:calc(var(--line) * .2s)}.code-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 15px;border-top:1px solid #b999df26;font-size:8px;color:#bfaad2}.code-footer>span:last-child{color:#a4d4c1}.hud-product{right:-2%;bottom:9%;width:150px;transform:rotateY(12deg) rotateZ(5deg);background:linear-gradient(130deg,#fc5e3e15,#21162ded)}.hud-product-body{padding:13px}.hud-product-body>b{display:block;font-size:12px;letter-spacing:-.02em}.hud-product-bars{height:45px;display:flex;align-items:end;gap:5px;margin-top:12px}.hud-product-bars i{display:block;background:#a486ea;height:calc(var(--i) * 8% + 15%);flex:1;border-radius:2px 2px 0 0}.hud-product-bars i:nth-child(2n){background:#fc5e3e}.llm-card{position:absolute;padding:10px 16px;border:1px solid #ae90d45c;background:#1e152dde;border-radius:6px;box-shadow:0 10px 30px #0004;font-size:11px;color:#ede0f5;backdrop-filter:blur(10px);animation:hud-hover 5s ease-in-out infinite}.llm-card span{display:block;font-size:7px;color:#aa93bf;margin-top:3px;letter-spacing:.06em}.llm-card.chatgpt{left:0;top:20%}.llm-card.claude{right:0;top:20%;animation-delay:-1s}.llm-card.gemini{right:1%;bottom:16%;animation-delay:-2s}.llm-card.perplexity{left:0;bottom:16%;animation-delay:-3s}.llm-brand{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:126px;padding:12px;background:#160d25d9;border:1px solid #cfacf96b;border-radius:8px;text-align:center;box-shadow:0 0 40px #7c43dd50;font-size:10px;font-weight:600;letter-spacing:.04em;white-space:nowrap}.llm-brand>span{display:block;color:var(--coral);font-size:24px;line-height:1.4}.llm-note{position:absolute;bottom:0;left:0;width:100%;text-align:center;color:#b8a0cb;font-size:7px}.agent-hud{left:50%;top:50%;transform:translate(-50%,-50%);padding:13px 17px;min-width:152px;text-align:center;box-shadow:0 0 50px #7141bb50}.agent-hud>span{display:block;font-size:23px;color:#c4a4ff;margin-bottom:7px}.agent-hud>b{font-size:11px;font-weight:500;letter-spacing:.07em}.agent-hud small{font-size:8px;color:#b69bca;display:block;margin-top:4px}.agent-task{position:absolute;border:1px solid #9973b450;background:#1e152bdf;backdrop-filter:blur(8px);padding:9px 12px;border-radius:5px;font-size:9px;min-width:118px;box-shadow:0 12px 30px #0004}.agent-task small{display:block;font-size:7px;color:#b39bc8;margin-top:5px}.agent-task>i{font-style:normal;color:#fc9a80;margin-inline-end:7px}.agent-task.task-a{top:15%;left:0}.agent-task.task-b{top:15%;right:0}.agent-task.task-c{bottom:13%;left:0}.agent-task.task-d{bottom:13%;right:0}.scene-changing .hero h1{filter:blur(3px);opacity:.6;translate:0 5px}.hero h1,.hero-description{transition:opacity .45s,filter .45s,translate .6s var(--ease)}
.has-cinema{min-height:350px!important;background:radial-gradient(ellipse at 50% 40%,#4022577a,transparent 75%),#150f23!important;padding:0!important;border:1px solid #8864ad35;isolation:isolate}.has-cinema canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.visual-head{position:absolute;top:18px;inset-inline:18px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.07em;color:#c4aad7}.visual-head i{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--coral);box-shadow:0 0 10px var(--coral);margin-inline-end:7px}.visual-subtitle{position:absolute;bottom:16px;inset-inline:15px;text-align:center;font-size:8px;color:#baa0cf}.has-cinema .scene-overlay{inset:15% 6% 15%}.has-cinema .agent-task{font-size:7px;min-width:91px;padding:7px 9px}.has-cinema .agent-task small{font-size:6px}.has-cinema .agent-hud{min-width:111px;padding:8px 12px}.has-cinema .agent-hud>b{font-size:8px}.has-cinema .agent-hud small{font-size:6px}.has-cinema .agent-hud>span{font-size:19px}.has-cinema .hud-code{width:85%;left:4%;top:5%;transform:rotateY(-10deg) rotateZ(-2deg)}.has-cinema .code-body{font-size:8px;padding:12px;line-height:1.8;min-height:118px}.has-cinema .hud-top,.has-cinema .code-footer{font-size:6px;padding:8px}.has-cinema .hud-product{width:115px;right:0;bottom:-6%;transform:rotateZ(5deg)}.has-cinema .hud-product-body>b{font-size:9px}.has-cinema .hud-product-bars{height:28px}.has-cinema .llm-card{font-size:8px;padding:8px 10px}.has-cinema .llm-card span{font-size:6px}.has-cinema .llm-brand{font-size:8px;width:106px}.has-cinema .llm-note{font-size:6px;bottom:-13px}.service{position:relative;overflow:clip}.service:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 50%,#60349012,transparent 65%);opacity:var(--section-light,0)}.service-number{position:relative;padding-inline-start:10px;border-inline-start:1px solid #a285ba66;transition:color .4s}.service.in-frame .service-number{color:var(--coral);border-color:var(--coral)}.service.in-frame .service-visual{box-shadow:0 0 60px #592abb10}.service-visual{transform:perspective(1000px) rotateY(var(--turn,0deg));transition:box-shadow .8s}.vision{position:relative;isolation:isolate;overflow:hidden}.ambient-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.vision .ambient-canvas{opacity:.45;mask-image:linear-gradient(90deg,transparent,black)}.cinema-interlude{height:140svh;position:relative;background:#100b1a}.interlude-stage{position:sticky;top:0;height:100svh;min-height:580px;display:flex;justify-content:center;align-items:center;overflow:hidden;isolation:isolate}.interlude-stage:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse,#391c5925,transparent 68%)}.interlude-stage canvas{position:absolute;width:100%;height:100%;inset:0;z-index:-2}.interlude-copy{text-align:center;padding:25px;max-width:950px;transform:translateY(var(--interlude-shift,60px));opacity:var(--interlude-opacity,1)}.interlude-copy>.eyebrow{color:#c3a5de;font-size:10px;margin-bottom:24px}.interlude-copy h2{font-size:clamp(40px,5.5vw,78px);font-weight:500;line-height:1.1;letter-spacing:-.05em;text-shadow:0 4px 55px #100b1a,0 2px 10px #100b1a}.interlude-copy>p:last-child{color:#cbb4da;font-size:13px;line-height:1.8;margin-top:28px}.interlude-coordinate{position:absolute;inset-inline:6%;bottom:30px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.15em;color:#a98bc0}.interlude-coordinate span{color:var(--coral);font-size:21px}.project{transform:perspective(1200px) rotateY(var(--project-turn,0deg)) translateY(var(--project-rise,0px));transition:border-color .3s,box-shadow .5s;position:relative;isolation:isolate}.project:before{content:'';position:absolute;top:-80%;left:-100%;width:60%;height:220%;background:linear-gradient(90deg,transparent,#c4a4ff12,transparent);transform:rotate(25deg) translateX(var(--project-scan,0px));pointer-events:none;z-index:3}.project:hover{transform:perspective(1200px) rotateY(-2deg) translateY(-7px);box-shadow:0 18px 50px #0003}.rank-rings{animation:radar-rotate 16s linear infinite}.rank-rings:before{content:'';position:absolute;inset:-30px;border-radius:50%;border-top:1px solid #d4b5ff;border-left:1px solid transparent;transform:rotate(30deg);animation:radar-rotate 8s linear infinite}.document-card.front{translate:0 var(--card-drift,0px)}.story-timeline:after{content:'';height:27px;width:1px;background:var(--coral);position:absolute;top:-8px;left:0;box-shadow:0 0 10px var(--coral);animation:timeline 5s linear infinite}.story-frame{translate:0 var(--card-drift,0px)}.method-orbit{width:300px;height:260px;max-width:90%;margin-inline-start:0;isolation:isolate}.method-orbit canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.method-orbit>div{display:none}.method-orbit>span{font-size:38px}.method-step{position:relative}.method-step:before{content:'';position:absolute;left:18px;top:66px;bottom:15px;width:1px;background:linear-gradient(var(--coral),#a588c333);transform:scaleY(var(--step-progress,0));transform-origin:top}.method-step.active{border-top-color:#fc5e3e65}.studio-values article{position:relative}.studio-values article:before{content:'';position:absolute;top:-1px;inset-inline:0;height:1px;background:var(--violet);transform:scaleX(var(--value-progress,0));transform-origin:left}.studio-values article>span{transform:rotate(var(--value-rotate,0deg));transition:color .3s}.contact .ambient-canvas{z-index:-1;opacity:.55;mask-image:linear-gradient(90deg,black,transparent 65%)}.contact-glow{opacity:.45}.contact-copy,.contact-form{position:relative;z-index:1}.contact-form{background:#211b32ed;backdrop-filter:blur(20px)}.reduced-motion .hero-journey{height:auto}.reduced-motion .hero-journey .hero{position:relative}.reduced-motion .cinema-interlude{height:auto}.reduced-motion .interlude-stage{position:relative;min-height:580px}.reduced-motion .scene-button.active:before{transition:none}
@keyframes spectrum{to{scale:1 .35;transform-origin:bottom}}@keyframes hud-hover{50%{translate:0 -8px}}@keyframes code-write{35%,85%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 100% 0 0)}}@keyframes radar-rotate{to{rotate:360deg}}@keyframes timeline{to{left:100%}}
@media(min-width:1550px){.hero-journey .hero{padding-inline:9%;grid-template-columns:1fr 1.05fr}.scene-navigation{inset-inline:9%}.hero h1{font-size:88px}}
@media(max-width:1100px){.hero-journey .hero{padding-inline:5%;padding-bottom:155px}.hero h1{font-size:60px}.hero-art{height:540px}.hero-description{font-size:13px}.hud-neural{width:155px}.code-body{font-size:9px}.agent-task{font-size:8px;min-width:105px}.agent-hud{min-width:130px}.llm-card{font-size:9px;padding:9px 12px}.scene-navigation{gap:18px;inset-inline:5%}.has-cinema{min-height:310px!important}}
@media(max-width:800px){.hero-journey{height:330svh}.hero-journey .hero{display:flex;flex-direction:column;align-items:stretch;padding:108px 6% 114px;height:100svh;min-height:700px}.hero-copy{flex-shrink:0}.hero h1{font-size:clamp(36px,7vw,52px)}.hero-copy>.eyebrow{font-size:8px;margin-bottom:15px}.hero-description{font-size:12px;min-height:0;max-width:530px;margin-top:14px;line-height:1.75}.hero-actions{margin-top:18px;gap:18px;flex-direction:row}.hero-actions .button{font-size:10px;padding:12px 17px;min-height:44px}.hero-actions .text-link{font-size:10px}.hero-art{flex:1;width:100%;max-width:650px;min-height:220px;height:auto;max-height:none;margin:15px auto 0}.scene-navigation{inset-inline:6%;max-width:none;bottom:59px;gap:12px}.scene-button{font-size:8px;padding-block:12px 7px;min-height:39px;white-space:nowrap}.scene-button span{font-size:7px;display:block;margin:0 0 2px}.hero-bottom{bottom:4px;inset-inline:6%;padding-top:0;border-top:0}.hero-bottom>a{font-size:7px}.hero-bottom button{font-size:8px}.art-label-top{top:0;inset-inline:5%;font-size:7px}.art-caption{font-size:7px;bottom:5%}.simulation-note{font-size:6px}.scene-overlay{inset:11% 5% 16%}.hud-neural{width:131px;top:0;right:-2%}.hud-neural-body{padding:9px;gap:9px}.hud-neural-body>span{font-size:20px}.hud-neural-body b{font-size:8px}.hud-neural-body small{font-size:6px}.hud-spectrum{height:18px;margin-bottom:8px}.hud-top{font-size:6px;padding:7px 9px}.hud-badge{font-size:7px;bottom:9%;padding:7px 9px}.agent-hud{min-width:114px;padding:8px 12px}.agent-hud>b{font-size:8px}.agent-hud small{font-size:6px}.agent-hud>span{font-size:20px;margin-bottom:3px}.agent-task{min-width:97px;font-size:7px;padding:7px 8px}.agent-task small{font-size:6px;margin-top:3px}.agent-task.task-a,.agent-task.task-b{top:8%}.agent-task.task-c,.agent-task.task-d{bottom:7%}.code-body{font-size:8px;min-height:104px;line-height:1.7;padding:11px 13px}.code-body .ln{font-size:6px;min-width:8px}.code-body>div{gap:10px}.hud-code{width:88%;left:4%;top:4%}.code-footer{font-size:6px;padding:7px 10px}.hud-product{width:114px;bottom:-4%;right:-4%}.hud-product-body{padding:10px}.hud-product-body>b{font-size:9px}.hud-product-bars{height:28px;margin-top:8px}.llm-card{font-size:8px;padding:7px 9px}.llm-card span{font-size:6px}.llm-card.chatgpt,.llm-card.claude{top:8%}.llm-card.gemini,.llm-card.perplexity{bottom:10%}.llm-brand{font-size:8px;width:103px;padding:8px}.llm-brand>span{font-size:19px}.llm-note{bottom:-8px;font-size:6px}.has-cinema{min-height:340px!important}.method-orbit{display:block;height:200px;width:240px;margin:30px auto 0}.cinema-interlude{height:135svh}.interlude-stage{min-height:550px}.interlude-copy h2{font-size:45px}.interlude-copy>p:last-child{font-size:12px}.interlude-coordinate{font-size:6px;letter-spacing:.07em}.project{transform:translateY(var(--project-rise,0px))}.scene-button.active{color:#f8eefe}.reduced-motion .scene-navigation{position:absolute}}
@media(max-width:480px){.hero-journey .hero{padding-top:105px;min-height:720px}.hero h1{font-size:41px;line-height:1.08}.hero-description{font-size:11px;line-height:1.7;max-width:340px}.hero-actions .button{font-size:9px;padding:11px 13px;gap:12px}.hero-actions .text-link{font-size:9px;gap:7px}.hero-copy>.eyebrow{font-size:7px;letter-spacing:.09em}.scene-button{font-size:7px;letter-spacing:-.02em}.scene-navigation{gap:8px}.hero-art{margin-top:17px;min-height:230px}.scene-overlay{inset-inline:3%}.has-cinema{min-height:315px!important}.interlude-copy h2{font-size:35px}.interlude-copy>.eyebrow{font-size:8px}.interlude-copy>p:last-child{font-size:11px;max-width:265px;margin-inline:auto}.interlude-coordinate{flex-wrap:wrap;justify-content:center;gap:10px}.interlude-coordinate span{font-size:16px}.service-number{padding-inline-start:5px}.method-step:before{left:10px}}
@media(max-height:760px) and (min-width:801px){.hero-journey .hero{min-height:650px;padding-top:105px;padding-bottom:150px}.hero-art{height:470px}.hero-copy>.eyebrow{margin-bottom:18px}.hero h1{font-size:65px}.hero-signature{display:none}.hero-description{min-height:65px}.scene-navigation{bottom:81px}.hero-actions{margin-top:19px}.hero-bottom{bottom:9px}}
@media(max-height:760px) and (max-width:800px){.hero-journey .hero{min-height:650px;padding-top:95px}.hero h1{font-size:35px}.hero-description{font-size:10px;margin-top:10px}.hero-actions{margin-top:12px}.hero-art{min-height:215px;margin-top:12px}.hero-copy>.eyebrow{margin-bottom:9px}.hero-actions .text-link{display:none}.hero-actions .button{min-height:40px}.simulation-note{font-size:5px}}
@media(max-width:360px){.hero-actions .button{width:auto}.scene-button{font-size:6px}.hero h1{font-size:35px}.hero-copy>.eyebrow{font-size:6px}.hud-neural{width:114px}.hud-badge{font-size:6px}.agent-task{min-width:86px;font-size:6px}.agent-hud{min-width:92px}.llm-card{font-size:7px;padding:6px}.has-cinema .llm-card{font-size:7px}.has-cinema .agent-task{min-width:82px}}
@media(prefers-reduced-motion:reduce){.scene-navigation button{transition:none}.hero h1,.hero-description{transition:none}.project,.service-visual,.studio-values article>span{transform:none!important}.interlude-copy{transform:none!important;opacity:1!important}.hud,.document-card,.story-frame{translate:0 0!important}.method-step:before{transform:scaleY(1)}}
.paused .code-line,.reduced-motion .code-line{clip-path:inset(0)}
.paused .intro{animation:none;opacity:1;transform:none}
.paused .line>span{animation:none;transform:none}
.hero-journey[data-scene="3"] h1{font-size:clamp(40px,5.1vw,78px)}
.header{position:fixed;height:80px;max-width:none;background:#120e20b8;backdrop-filter:blur(18px);padding-inline:5%;border-bottom:1px solid #bba2d01a}
.header .brand{width:180px}
@media(max-width:800px){.header{height:76px}.header .brand{width:160px}.hero-journey[data-scene="3"] h1{font-size:clamp(35px,7vw,48px)}}
@media(max-width:480px){.header .brand{width:139px}.hero-journey[data-scene="3"] h1{font-size:36px}}
@media(max-width:360px){.header .brand{width:160px}.hero-journey[data-scene="3"] h1{font-size:32px}}