/* Framy v3: accurate branding, breathing room and a light product stage. */
.nav .wordmark{letter-spacing:-2.8px}.framy-brand{color:#7098ff;font-size:43px;font-weight:950;font-family:Arial,sans-serif;letter-spacing:-3px;line-height:1}.language-control{display:flex;align-items:center;gap:7px;margin-left:auto;margin-right:25px;color:#fff}.language-control>span{font-size:20px}.language-control select{appearance:auto;border:0;border-bottom:1px solid #ffffff50;background:transparent;color:inherit;font:inherit;font-size:12px;padding:9px 2px;max-width:132px;cursor:pointer}.language-control option{color:#202636;background:#fff}.nav nav{margin-right:28px}.hero-foot{position:absolute;bottom:28px;left:5%;right:5%;transform:none;z-index:6;white-space:nowrap}.hero-devices{top:20%;right:12%}.snapshot-b{bottom:85px;right:-125px}.hero{min-height:990px}.hero-copy{width:53%}.hero h1{font-size:clamp(56px,6.2vw,108px);line-height:1.1;letter-spacing:-3px;overflow-wrap:normal}.hero .intro{max-width:440px;line-height:1.9}.hero-foot .film-line{min-width:25px}.hero-topline{z-index:3}.gallery-pin .section-heading>p:last-child{max-width:340px}.gallery-pin .section-heading h2{max-width:60%}.dual-section{height:165vh;background:#f9f7f2;color:#202b32;position:relative}.dual-pin{height:100svh;min-height:690px;position:sticky;top:0;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;padding:8vw;gap:6vw;overflow:hidden}.dual-copy h2{font-size:clamp(35px,4vw,64px);font-weight:550;letter-spacing:-2px;line-height:1.18;margin:25px 0}.dual-copy h2 em{font-style:normal;color:#b34e65}.dual-copy>p:last-child{max-width:430px;color:#687477;font-size:14px;line-height:1.9}.dual-visual{position:relative;height:65svh;max-height:620px;min-height:480px;transform:translateY(calc((1 - var(--dual-progress,0))*35px));border-radius:30px;box-shadow:0 35px 70px #38454d25}.dual-world{width:100%;height:100%;object-fit:cover;border-radius:30px}.dual-visual:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff60;border-radius:30px;pointer-events:none}.dual-self{position:absolute;right:-32px;bottom:35px;width:42%;max-width:215px;aspect-ratio:3/4;border:5px solid white;border-radius:24px;overflow:hidden;box-shadow:0 12px 30px #122d4050;transform:translateY(calc((1 - var(--dual-progress,0))*70px)) rotate(calc(-8deg + var(--dual-progress,0)*8deg));}.dual-self img{width:100%;height:100%;object-fit:cover}.dual-self span,.dual-rear{position:absolute;color:white;font-size:10px;line-height:1.5;letter-spacing:.3px;padding:10px 12px;background:#192c3d90;backdrop-filter:blur(12px);border-radius:99px;max-width:90%}.dual-self span{bottom:10px;left:7px;right:7px;border-radius:12px;font-size:9px;text-align:center}.dual-rear{left:20px;bottom:20px}.dual-rec{position:absolute;left:20px;top:20px;background:#fff;color:#c34160;border-radius:30px;padding:9px 14px;font:12px monospace}.app-journey{background:#f2f3f7;color:#202534}.journey-pin{background:radial-gradient(ellipse at 80% 42%,#e1e8ff 0%,transparent 55%),linear-gradient(145deg,#fbfbfd,#f0edf5);transition:background .6s}.app-journey[data-view=record] .journey-pin{background:radial-gradient(ellipse at 80% 42%,#f4d9d8,transparent 58%),linear-gradient(145deg,#fcf9f5,#f4eeeb)}.app-journey[data-view=us] .journey-pin{background:radial-gradient(ellipse at 80% 42%,#e8ddf5,transparent 58%),linear-gradient(145deg,#fcfafc,#edeef8)}.journey-backword,.journey-orbit,.device-halo,.tag-top{display:none}.journey-copy em{color:#527ed6}.app-journey[data-view=record] .journey-copy em{color:#b63f64}.app-journey[data-view=us] .journey-copy em{color:#8562be}.journey-copy>p:not(.eyebrow){color:#636b7b}.journey-copy h2{font-size:clamp(34px,4vw,62px);letter-spacing:-1.5px;line-height:1.22}.journey-step{color:#767d8e}.journey-step>span:first-child{color:#527ed6}.journey-step i{background:#202b3230}.journey-tabs{background:#ffffff90;border-color:#cfd5e2}.journey-tabs button{color:#636b7b}.journey-tabs button.active{background:#fff;color:#315baa;box-shadow:0 3px 12px #31456717}.journey-hint,.tag-bottom{color:#798193!important}.journey-device{box-shadow:20px 35px 65px #28344a30;outline-color:#b9bfcc}.journey-timeline{background:#c8ccda}.journey-timeline i{background:#829bd5}.closing-photo{background-image:linear-gradient(#14211730,#142117a8),url('/assets/seaside.jpg')}.closing h2{white-space:normal;max-width:850px;margin:auto}.closing h2 em{white-space:normal}.scene-card h3{line-height:1.25}.manifesto h2{line-height:1.35;max-width:950px;margin:auto}.hero-actions{margin-top:30px}.hero h1 em{font-style:normal;color:#e7edfc}.language-control:focus-within{outline:2px solid #90abfa;outline-offset:4px}html[lang=th] body{line-height:1.7}html[lang=th] h1,html[lang=th] h2,html[lang=th] h3{letter-spacing:0;line-height:1.45}html[lang=de] .hero h1,html[lang=fr] .hero h1{font-size:clamp(45px,5vw,83px)}
@media(max-width:1100px){.hero-copy{width:51%}.hero-devices{right:10%;top:27%}.hero-snapshot{width:130px}.snapshot-b{right:-55px}.nav nav{display:none}.language-control{margin-right:20px}.dual-pin{padding:7vw;gap:4vw}.journey-copy h2{font-size:35px}.journey-tabs button{padding:11px 17px}.gallery-pin .section-heading h2{max-width:100%}.gallery-pin .section-heading>p:last-child{max-width:500px}}
@media(max-width:760px){.nav{gap:15px}.framy-brand{font-size:35px}.language-control{margin-right:0;gap:2px}.language-control select{font-size:11px;max-width:95px}.nav-cta{display:none}.hero{min-height:1160px;padding-bottom:95px}.hero-copy{width:100%;margin-top:35px}.hero h1{font-size:clamp(42px,11vw,70px);letter-spacing:-2px;max-width:100%}html[lang=de] .hero h1,html[lang=fr] .hero h1{font-size:clamp(36px,9.5vw,60px)}.hero-devices{top:auto;right:auto;margin:50px auto 65px}.snapshot-b{bottom:80px;right:-40px}.hero-snapshot{width:110px}.hero-foot{bottom:27px;font-size:7px;left:6%;right:6%;gap:10px}.hero-foot a{white-space:normal;max-width:65%}.hero-foot>span:first-child{font-size:8px}.hero-foot .film-line{min-width:12px}.hero .intro{font-size:13px;line-height:1.8}.dual-section{height:150vh}.dual-pin{padding:40px 7vw 50px;min-height:720px;display:flex;flex-direction:column;gap:24px;justify-content:center}.dual-copy{width:100%}.dual-copy h2{font-size:30px;line-height:1.25;letter-spacing:-1px;margin:15px 0}.dual-copy>p:last-child{font-size:11px;line-height:1.75;margin:0}.dual-copy .eyebrow{font-size:8px}.dual-visual{width:95%;height:auto;min-height:0;flex:1;max-height:425px;align-self:flex-start}.dual-self{right:-20px;width:43%;bottom:45px;border-width:3px;border-radius:18px}.dual-self span{font-size:7px;padding:6px}.dual-rear{font-size:8px;left:12px;bottom:12px}.dual-rec{font-size:10px;top:12px;left:12px}.journey-pin{min-height:700px;padding-top:30px}.journey-copy h2{font-size:29px;line-height:1.2;max-width:85%;letter-spacing:-.8px}.journey-copy>p:not(.eyebrow){font-size:11px;line-height:1.7;max-width:100%}.journey-device-stage{margin-top:10px}.journey-tabs button{font-size:11px;padding:9px 23px}.journey-step{top:20px;width:45px}.tag-bottom{font-size:7px;letter-spacing:.3px}.gallery-pin .section-heading h2{font-size:27px}.gallery-pin .section-heading>p:last-child{font-size:11px}.closing h2{font-size:clamp(32px,9vw,49px)}.manifesto h2{font-size:28px}.footer-bottom nav{flex-wrap:wrap}.footer-top{flex-wrap:wrap}.hero-topline{font-size:6px}.scene-card h3{font-size:25px}.scene-card p{font-size:11px}.gallery-meter{font-size:7px}html[lang=th] .journey-copy h2{font-size:25px}html[lang=th] .journey-copy>p:not(.eyebrow){line-height:1.5}}
@media(prefers-reduced-motion:reduce){.dual-section{height:auto}.dual-pin{position:relative;height:auto;min-height:720px}.dual-visual,.dual-self{transform:none}.journey-pin{background:#f2f3f7!important}}
.nav .wordmark{width:100px;flex-shrink:0}.cloud-brand{display:block;width:86px;height:60px;position:relative;overflow:hidden}.cloud-brand img{position:absolute;width:172px;height:172px;max-width:none;left:-40px;top:-49px;object-fit:contain}@media(max-width:760px){.nav .wordmark{width:80px}.cloud-brand{transform:scale(.85);transform-origin:left center}}
.cloud-brand{width:96px}.cloud-brand img{left:-36px}
.cloud-brand{flex:none}