:root{--ink:#14141c;--muted:#757580;--navy:#060a18;--blue:#3959eb;--cyan:#16dfef;--purple:#9b5cff;--surface:#f5f5f7;--line:#dedee4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #19bcd5;outline-offset:5px}.wrap{max-width:1120px;width:calc(100% - 80px);margin:auto}.skip{position:fixed;top:-60px;background:#fff;padding:12px;z-index:100}.skip:focus{top:10px}.topbar{height:64px;background:rgba(6,10,24,.88);position:sticky;top:0;z-index:30;backdrop-filter:blur(22px);border-bottom:1px solid #ffffff13;color:#f5f5f7}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:27px;font-weight:850;letter-spacing:-1.8px;display:inline-flex;align-items:baseline;gap:3px}.brand-dot{height:6px;width:6px;background:linear-gradient(135deg,var(--cyan),var(--purple));border-radius:50%;display:inline-block}.navlinks{display:flex;gap:34px;font-size:12px;color:#d4d5de}.navlinks a:hover{color:#fff}.nav-right{display:flex;align-items:center;gap:20px}.language{border:0;background:none;color:#d5d7e2;font-size:12px;padding:8px}.button{background:#4262f3;border-radius:100px;display:inline-flex;justify-content:center;align-items:center;color:#fff;font-size:15px;font-weight:500;padding:15px 24px;transition:background .2s,transform .2s}.button:hover{background:#5474ff;transform:translateY(-2px)}.button.small{font-size:12px;padding:9px 17px}.hero{background:var(--navy);color:#fff;text-align:center;position:relative;overflow:hidden;padding:63px 0 0}.hero-glow{position:absolute;width:1100px;height:700px;top:360px;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse,#113a793d,transparent 67%);pointer-events:none}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:12px;font-weight:650;letter-spacing:2.4px;margin:0 0 21px;color:#a3b8d6}.eyebrow span{font-weight:400;letter-spacing:1.5px;padding-left:10px;color:#7c8193}.eyebrow.light{color:#737682}.hero h1{font-size:clamp(50px,6.3vw,86px);line-height:1.03;letter-spacing:-4.5px;margin:0;font-weight:700}.gradient-text{background:linear-gradient(100deg,#28e3e7 15%,#4396fb 43%,#9260fa 75%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{color:#a5aaba;font-size:21px;line-height:1.5;margin:26px 0}.hero-actions{display:flex;align-items:center;justify-content:center;gap:29px}.text-link{font-size:15px;color:#88b1ff;display:inline-flex;gap:10px;align-items:center}.text-link:hover{color:#b2d3ff}.device-stage{position:relative;height:465px;margin-top:36px;perspective:1200px}.hero-device{position:absolute;top:25px;left:50%;width:600px;margin-left:-300px;filter:drop-shadow(0 25px 25px #0006);transform:rotate(-4deg);transform-origin:center center}.device-top{height:302px;padding:10px;background:linear-gradient(140deg,#8b91a2,#1c202b 20%,#070911 70%,#5a6276);border-radius:23px 23px 12px 12px;border:1px solid #7c8299;box-shadow:0 0 0 2px #090d15,0 0 55px #3066ff13;position:relative}.camera{position:absolute;left:50%;top:4px;width:4px;height:4px;background:#050508;border-radius:50%;z-index:4}.desktop{height:100%;border-radius:13px 13px 5px 5px;background:#071432;overflow:hidden;position:relative;text-align:left}.wallpaper{position:absolute;inset:0;background:linear-gradient(135deg,#020e22,#0a3268 50%,#1b0957)}.ribbon{position:absolute;border-radius:50%;transform:rotate(-27deg);box-shadow:inset 0 1px 6px #71faffaa,0 -8px 18px #157bf13d}.r1{width:670px;height:270px;left:-40px;top:86px;background:linear-gradient(180deg,#09a2c1,#1766c8 33%,#0a2442 75%)}.r2{width:640px;height:240px;left:70px;top:195px;background:linear-gradient(180deg,#8e68ff,#263591 30%,#060f28 70%)}.r3{width:440px;height:180px;left:290px;top:210px;background:linear-gradient(180deg,#27ded4,#1661c2 40%,#142d63)}.desktop-mark{position:absolute;left:28px;top:28px;color:#fff;font-size:24px;letter-spacing:-.8px;font-weight:650}.desktop-mark span{display:block;font-size:8px;letter-spacing:.7px;margin-top:5px;color:#bcd0e8;font-weight:400}.window{border:1px solid #ffffff33;border-radius:8px;box-shadow:0 12px 22px #0006;overflow:hidden;position:absolute}.files-window{width:295px;height:164px;left:35px;top:83px;background:#f1f3f7;transform:rotate(1deg)}.titlebar{height:24px;display:flex;gap:4px;align-items:center;background:#e3e5ec;color:#555c6b;padding:0 9px;font-size:8px}.titlebar i{width:5px;height:5px;border-radius:100%;background:#b3bac6}.titlebar i:first-child{background:#e58b98}.titlebar span{margin-left:auto;margin-right:auto}.file-body{display:flex;height:140px;color:#4f576b;font-size:7px}.file-sidebar{width:76px;padding:13px 10px;background:#e8ecf3;line-height:2.8}.file-sidebar b{color:#416bdc}.file-grid{display:grid;grid-template-columns:repeat(3,1fr);flex:1;padding:14px 10px;gap:10px;text-align:center}.folder{width:30px;height:21px;display:block;margin:4px auto 5px;background:linear-gradient(#6daefa,#5287d9);border-radius:2px;position:relative}.folder:before{content:"";position:absolute;width:14px;height:4px;left:0;top:-3px;background:#5395e7;border-radius:2px}.purple{filter:hue-rotate(35deg)}.cyan{filter:hue-rotate(-30deg)}.file-icon{display:block;margin:0 auto 5px;width:19px;height:24px;border-radius:2px;background:linear-gradient(145deg,#fff 70%,#bbcae8);box-shadow:0 1px 3px #0002}.terminal-window{width:225px;height:130px;right:18px;top:42px;background:#0e152ae8;transform:rotate(2deg);backdrop-filter:blur(8px)}.terminal-window .titlebar{background:#242c42;color:#b3bed6}.terminal-content{font-family:monospace;font-size:9px;color:#e9eeff;padding:16px;line-height:1.8}.terminal-content span,.terminal-content b{color:#30e7d8}.terminal-content p{font-size:8px;color:#8a99bc}.cursor{display:inline-block;width:5px;height:10px;background:#30e7d8;margin-left:5px;vertical-align:middle}.dock{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:#e8eefe29;backdrop-filter:blur(20px);border:1px solid #ffffff30;border-radius:10px;padding:5px 8px;display:flex;gap:8px}.dock b{display:flex;width:22px;height:22px;border-radius:5px;align-items:center;justify-content:center;background:linear-gradient(130deg,#1ad7da,#326af1);color:#fff;font-size:14px}.dock b:nth-child(2){background:linear-gradient(#73bfff,#3e83d1)}.dock b:nth-child(3){background:linear-gradient(#b66dfb,#7051ea)}.dock b:nth-child(4){background:#edf2f9;color:#335c98}.dock b:nth-child(5){background:#101a2c;font-size:10px}.system-bar{position:absolute;bottom:0;left:0;right:0;height:14px;background:#0a112dcc;display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:6px;color:#c6d2e6}.hinge{height:7px;width:97%;margin:auto;background:linear-gradient(#192233,#8993a5,#0c1525);border-radius:4px;box-shadow:0 1px 8px #01dfe34d}.device-base{height:134px;width:660px;margin-left:-30px;padding:12px 42px 9px;background:linear-gradient(165deg,#343d54,#121a2e 55%,#33354b);border:1px solid #64718a;border-radius:8px 8px 28px 28px;transform:perspective(400px) rotateX(27deg);transform-origin:top;box-shadow:0 5px 0 #141d31,0 6px 0 #54607f,0 9px 23px #3a39a744}.keyboard{display:flex;flex-direction:column;gap:4px}.key-row{display:flex;gap:5px;justify-content:center}.key{height:13px;min-width:32px;border-radius:3px;background:linear-gradient(#283149,#111a2e);border:1px solid #737c9d50;color:#99adc9;font-size:7px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 0 #000}.key.wide{min-width:48px}.key.space{min-width:195px}.trackpad{height:29px;width:125px;background:linear-gradient(140deg,#253350,#202841);border:1px solid #6b73965c;border-radius:5px;margin:8px auto 0}.orb{position:absolute;filter:blur(50px);opacity:.16;width:230px;height:150px;border-radius:50%;top:220px}.orb-one{left:22%;background:#00cffa}.orb-two{right:18%;background:#8338ff}.visual-note{font-size:10px;color:#777f94;letter-spacing:.2px;position:relative;margin:6px 0 0}.hero-specs{margin-top:36px;padding:27px 0;border-top:1px solid #ffffff12;display:flex;justify-content:center;gap:65px;color:#9098ab;font-size:12px}.section{padding-top:115px;padding-bottom:115px}h2{font-size:clamp(35px,4.3vw,58px);line-height:1.08;letter-spacing:-2.6px;margin:0;font-weight:700}.section-lead{font-size:20px;color:var(--muted);line-height:1.55;max-width:680px;margin:25px 0 0}.intro{text-align:center}.intro .section-lead,.section-head .section-lead,.creative .section-lead{margin-left:auto;margin-right:auto}.scenario-tabs{display:inline-flex;margin:37px auto 32px;padding:5px;background:#f0f0f3;border-radius:100px;gap:3px}.scenario-tabs button{border:0;background:transparent;color:#6c6d77;border-radius:100px;padding:12px 25px;font-size:14px;transition:.2s}.scenario-tabs button[aria-selected=true]{background:#fff;color:#1b1d25;box-shadow:0 2px 10px #0000000c}.scenario-panel{background:var(--surface);border-radius:30px;min-height:390px;display:grid;grid-template-columns:.85fr 1.15fr;text-align:left;overflow:hidden}.scenario-copy{padding:54px 0 50px 52px;position:relative;z-index:1}.scenario-copy h3{font-size:31px;line-height:1.12;letter-spacing:-1px;max-width:300px;margin:25px 0 18px}.scenario-copy p{font-size:16px;line-height:1.6;color:#74747e;max-width:310px;margin-bottom:24px}.scenario-label{font-size:11px;font-weight:600;color:#485fbb}.scenario-art{position:relative;align-self:stretch;min-height:360px;overflow:hidden}.work-art{position:absolute;top:50px;left:60px;right:-15px;bottom:-15px;background:#fff;border-radius:12px;box-shadow:0 12px 50px #272d3d14;transform:rotate(-5deg);border:1px solid #e1e3e9}.work-top{height:31px;border-bottom:1px solid #eceef4;color:#8d95a6;font-size:10px;padding:10px 16px}.work-doc{padding:28px 36px}.work-doc small{font-size:9px;letter-spacing:2px;color:#6a8cd1}.work-doc h4{font-size:26px;letter-spacing:-1px;margin:14px 0;color:#252d47}.doc-line{height:5px;margin:10px 0;background:#e8eaf0;border-radius:3px;width:95%}.doc-line:nth-child(2n){width:75%}.doc-chart{height:84px;display:flex;align-items:flex-end;gap:14px;margin-top:25px;border-bottom:1px solid #dedee5}.doc-chart i{width:28px;background:linear-gradient(#0ad1df,#6c6af0);border-radius:4px 4px 0 0}.doc-chart i:nth-child(1){height:30%}.doc-chart i:nth-child(2){height:55%}.doc-chart i:nth-child(3){height:42%}.doc-chart i:nth-child(4){height:75%}.doc-chart i:nth-child(5){height:96%}.art-canvas{position:absolute;inset:40px -25px -30px 50px;transform:rotate(-5deg);background:#12192d;border-radius:18px;box-shadow:0 20px 40px #16234d22;overflow:hidden}.art-canvas svg{width:100%;height:100%}.flex-section{background:var(--surface);overflow:hidden}.section-head{text-align:center}.flex-layout{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:45px;margin-top:55px}.flex-visual{height:400px;position:relative;perspective:700px}.mini-fold{position:absolute;width:320px;left:50%;top:15px;transform:translateX(-50%) rotate(-10deg);filter:drop-shadow(0 25px 20px #121a4226)}.mini-top{height:207px;border:8px solid #252a38;border-radius:18px 18px 9px 9px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #848997}.mini-wallpaper{position:absolute;inset:0;background:radial-gradient(ellipse at 100% 0,#6e43df,transparent 65%),linear-gradient(140deg,#02b6be,#004b8f 50%,#0b1642)}.mini-doc{position:absolute;left:27px;right:45px;top:22px;height:133px;background:#fff;border-radius:4px;transform:rotate(2deg);padding:17px;color:#242942;font-size:12px;box-shadow:0 8px 25px #0004}.mini-doc strong{display:block;margin-bottom:13px}.mini-doc i{height:4px;display:block;background:#e5e8ef;margin:8px 0}.mini-doc i:last-child{width:70%}.mini-dock{position:absolute;bottom:8px;left:70px;right:70px;text-align:center;background:#ffffff35;padding:6px;color:#fff;border-radius:6px;font-size:10px}.mini-bottom{height:166px;border:7px solid #242938;border-radius:8px 8px 21px 21px;background:linear-gradient(135deg,#25304b,#0e182b);transform:perspective(400px) rotateX(28deg);transform-origin:top;box-shadow:0 4px 0 #7f8491,0 7px 0 #272d3d;padding:11px 18px}.mini-keyboard{font:11px/2.1 monospace;color:#acb9d2;word-spacing:4px;text-align:center}.mini-touchpad{width:89px;height:27px;background:#1a2943;border:1px solid #42506b;border-radius:4px;margin:8px auto}.callout{position:absolute;font-size:11px;line-height:1.5;background:#fff;border-radius:100px;padding:12px 19px;box-shadow:0 4px 24px #14234b12;z-index:3}.callout-top{right:-10px;top:70px}.callout-bottom{left:-5px;bottom:73px}.flex-text{max-width:355px;padding-left:10px}.flex-text h3{font-size:33px;letter-spacing:-1px;line-height:1.13;margin:0 0 22px}.flex-text p{font-size:17px;line-height:1.6;color:#6b6c76}.flex-text .subtle{font-size:14px;color:#85858f;margin-top:25px}.creative{text-align:center;padding-bottom:90px;overflow:hidden}.tablet-art{position:relative;max-width:900px;margin:60px auto 0;padding:0 35px 38px}.tablet-frame{background:#1b1c23;border:2px solid #626576;border-radius:29px;padding:14px;box-shadow:0 25px 45px #14224518;transform:rotate(-3deg);overflow:hidden}.art-toolbar{height:31px;background:#282936;color:#c6c9d2;font-size:12px;text-align:left;padding:8px 14px;border-radius:13px 13px 0 0}.art-toolbar span{float:right;font-size:8px;color:#8d90a1}.canvas-art{position:relative;background:#eef0f5;border-radius:0 0 13px 13px;overflow:hidden}.canvas-art svg{display:block;width:100%}.brush-tools{position:absolute;left:8px;top:22%;background:#fff;box-shadow:0 3px 9px #0001;border-radius:7px;padding:9px;display:grid;gap:13px}.brush-tools i{width:10px;height:10px;border-radius:50%;background:#27d9d9}.brush-tools i:nth-child(2){background:#3395ed}.brush-tools i:nth-child(3){background:#5858df}.brush-tools i:nth-child(4){background:#a25bdb}.brush-tools i:nth-child(5){background:#242944}.layers{position:absolute;right:9px;bottom:20px;background:#ffffffdb;padding:10px;text-align:left;border-radius:6px;font-size:8px;box-shadow:0 4px 20px #0001}.layers span{display:block;margin-bottom:7px;font-size:7px;color:#7e8290}.layers b{display:block;font-weight:400;padding:5px}.layers b:first-of-type{background:#dbe5fb;border-radius:3px}.stylus{position:absolute;width:11px;height:325px;border-radius:10px;background:linear-gradient(90deg,#9299ab,#fff 40%,#e1e5ee 75%,#8e95a6);right:7px;top:25px;transform:rotate(21deg);box-shadow:5px 8px 12px #17223b22}.stylus:after{content:"";position:absolute;bottom:-13px;left:1px;border-top:16px solid #a6aebd;border-left:4px solid transparent;border-right:4px solid transparent}.light-note{color:#999aa4}.connect-section{background:#070c1d;color:#f5f5f7;overflow:hidden;padding-bottom:70px}.connect-heading{max-width:680px;margin:auto;text-align:center}.connect-heading .section-lead{color:#929bb2}.monitor-scene{height:520px;position:relative;max-width:800px;margin:65px auto 0}.monitor{position:absolute;width:650px;left:50%;margin-left:-325px;top:0;border:1px solid #53617a;border-radius:17px;background:#1a2031;padding:10px 10px 0;box-shadow:0 0 75px #1b46bf1a;overflow:hidden}.monitor-screen{height:330px;background:#101f4d;position:relative;border-radius:7px;overflow:hidden}.monitor-wall{position:absolute;inset:-50%;background:conic-gradient(from 40deg at 50% 50%,#15205c,#3865e4,#13c4d2,#164366,#190e44,#754de1,#15205c);transform:rotate(-20deg);filter:blur(17px)}.monitor-word{position:absolute;left:32px;top:72px;font-size:42px;letter-spacing:-2px;line-height:1.05;font-weight:650}.monitor-word span{color:#8cf8f0}.monitor-window{position:absolute;right:28px;top:44px;width:230px;height:190px;background:#121b31e6;border:1px solid #ffffff26;border-radius:8px;transform:rotate(2deg);overflow:hidden;box-shadow:0 10px 30px #0004}.monitor-window .titlebar{background:#2c3650;color:#afb9ce}.code-lines{padding:25px 20px}.code-lines span{display:block;width:90%;height:5px;border-radius:2px;background:linear-gradient(90deg,#a77bef 20%,#72d9df 20%,#72d9df 70%,#7395de 70%);margin:12px 0}.code-lines span:nth-child(2n){margin-left:20px;width:65%}.code-lines span:last-child{width:45%}.monitor-chin{height:20px;background:linear-gradient(90deg,#333d50,#68758b,#343d52)}.monitor-neck{position:absolute;top:362px;left:50%;margin-left:-43px;width:86px;height:66px;background:linear-gradient(90deg,#343e52,#77859d,#3b455c);clip-path:polygon(12% 0,88% 0,100% 100%,0 100%)}.monitor-foot{position:absolute;top:425px;left:50%;width:182px;height:14px;margin-left:-91px;border-radius:50%;background:linear-gradient(#76859d,#252f43);box-shadow:0 15px 25px #0008}.external-keyboard{position:absolute;bottom:21px;left:125px;width:340px;height:45px;transform:perspective(180px) rotateX(32deg);border:6px solid #59657b;border-radius:8px;background:repeating-linear-gradient(90deg,transparent 0,transparent 18px,#38435a 18px,#38435a 21px),repeating-linear-gradient(0deg,#111c30 0,#111c30 8px,#38435a 8px,#38435a 11px);box-shadow:0 4px 0 #202a3d}.mouse{position:absolute;bottom:17px;right:193px;width:42px;height:55px;background:linear-gradient(100deg,#626e84,#253147);border-radius:50% 50% 45% 45%;transform:rotate(-12deg);border:1px solid #6f7e95}.small-phone{position:absolute;left:40px;bottom:40px;width:78px;height:149px;background:linear-gradient(150deg,#0ac6d6,#20419a 50%,#6b32bd);border:5px solid #414d67;border-radius:15px;transform:rotate(-10deg);box-shadow:0 8px 20px #0007;display:grid;place-items:center}.small-phone span{font-size:24px;letter-spacing:-2px;font-weight:700;color:#dbf7ff}.small-phone i{position:absolute;bottom:3px;left:20px;width:26px;height:3px;background:#b4c8dd;border-radius:10px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:65px}.feature-icon{color:#4a6ed2;font-size:38px;height:53px;line-height:1}.feature-card h3{font-size:20px;letter-spacing:-.6px;margin:14px 0}.feature-card p{font-size:15px;color:#777984;line-height:1.6;margin:0}.details-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:40px;border-top:1px solid #ededf0}.details-section h2{font-size:42px}.details-section .eyebrow{margin-top:16px}.faq details{border-bottom:1px solid #dfdfe5}.faq summary{list-style:none;padding:23px 30px 23px 0;font-size:16px;cursor:pointer;position:relative;line-height:1.5}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:3px;color:#9495a0;font-size:25px;font-weight:300;top:19px}.faq details[open] summary:after{content:"−"}.faq details p{font-size:14px;color:#777984;line-height:1.75;margin:0 25px 25px 0}.get-section{text-align:center;background:radial-gradient(ellipse at 50% 100%,#121f50,#070b1b 75%);padding:100px 0;color:white}.get-section h2{font-size:72px;letter-spacing:-3px;margin:26px 0 8px}.get-tagline{font-size:35px;font-weight:600;letter-spacing:-1.3px;line-height:1.2;margin:0}.get-description{color:#959eb5;font-size:17px;margin:23px 0 35px}.get-note{font-size:11px;color:#79839d;margin-top:20px}.about{display:grid;grid-template-columns:1fr 2fr;gap:80px;padding-top:75px;padding-bottom:65px;align-items:center}.large{font-size:66px;letter-spacing:-5px}.large .brand-dot{width:11px;height:11px;margin-left:4px}.about .eyebrow{font-size:10px;margin-bottom:15px}.about p:last-child{font-size:19px;line-height:1.5;color:#777984;max-width:630px;margin:0}.footer{border-top:1px solid #e8e8ed;padding:25px 0 35px;display:flex;justify-content:space-between;font-size:11px;color:#8d8e98}.footer a:hover{color:#3e5dce}@media(min-width:1500px){.hero h1{font-size:91px}.hero{padding-top:78px}.device-stage{margin-top:45px}}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero h1{font-size:68px}.hero-specs{gap:30px}.feature-grid{grid-template-columns:repeat(2,1fr);gap:38px}.section{padding-top:85px;padding-bottom:85px}.scenario-copy{padding:40px 0 40px 32px}.scenario-copy h3{font-size:27px}.scenario-copy p{font-size:15px;padding-right:10px}.scenario-panel{grid-template-columns:1fr 1fr}.scenario-art{min-height:380px}.work-art{left:30px}.flex-layout{gap:25px}.mini-fold{transform:translateX(-50%) rotate(-8deg) scale(.88)}.callout-top{right:-15px}.callout-bottom{left:-15px}.flex-text h3{font-size:29px}.flex-text p{font-size:15px}.flex-text .subtle{font-size:13px}.monitor-scene{transform:scale(.86);margin-top:25px;margin-bottom:-55px}.details-section{gap:35px}.details-section h2{font-size:36px}.about{gap:40px}.get-tagline{font-size:30px}}@media(max-width:600px){.wrap{width:calc(100% - 36px)}.topbar{height:58px}.navlinks{display:none}.nav-right{gap:10px}.wordmark{font-size:25px}.hero{padding-top:49px}.eyebrow{font-size:10px;letter-spacing:1.7px}.hero h1{font-size:clamp(42px,10.8vw,62px);letter-spacing:-2.5px;line-height:1.06}.hero-lead{font-size:16px;line-height:1.55;margin:23px 0}.hero-actions{flex-direction:column;gap:19px}.button{font-size:14px;padding:13px 22px}.text-link{font-size:13px}.device-stage{height:282px;margin-top:25px;width:100%;overflow:visible}.hero-device{transform:rotate(-5deg) scale(.57);transform-origin:top center;top:12px}.hero-specs{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:10px;margin-top:25px;padding:24px 0}.visual-note{font-size:8px}.section{padding-top:72px;padding-bottom:72px}h2{font-size:37px;letter-spacing:-1.6px}.section-lead{font-size:17px;line-height:1.5;margin-top:21px}.scenario-tabs{margin-top:29px;margin-bottom:24px}.scenario-tabs button{font-size:13px;padding:10px 19px}.scenario-panel{grid-template-columns:1fr;border-radius:24px}.scenario-copy{padding:30px 30px 0}.scenario-copy h3{font-size:29px;max-width:100%;margin-top:20px}.scenario-copy p{max-width:100%;font-size:16px}.scenario-art{min-height:290px}.work-art{top:30px;left:42px;right:14px}.work-doc{padding:25px}.doc-chart{height:65px}.art-canvas{inset:25px 20px -35px 35px}.flex-layout{grid-template-columns:1fr;gap:0;margin-top:22px}.flex-visual{height:375px}.mini-fold{transform:translateX(-50%) rotate(-8deg) scale(.92);top:0}.callout-top{right:0;top:50px}.callout-bottom{left:0;bottom:70px}.flex-text{padding:0;max-width:100%;text-align:center}.flex-text h3{font-size:31px}.flex-text p{font-size:16px}.flex-text .subtle{font-size:14px}.tablet-art{padding:0 15px 15px 0;margin-top:40px}.tablet-frame{padding:7px;border-radius:16px}.art-toolbar{height:21px;font-size:7px;padding:6px 8px;border-radius:7px 7px 0 0}.art-toolbar span{font-size:4px}.brush-tools{padding:5px;gap:7px;left:5px;border-radius:4px}.brush-tools i{width:5px;height:5px}.layers{font-size:4px;padding:5px;right:4px;bottom:8px}.layers span{font-size:4px;margin:0}.layers b{padding:3px}.stylus{width:6px;height:145px;right:7px;top:12px}.stylus:after{bottom:-8px;left:0;border-top-width:10px;border-left-width:3px;border-right-width:3px}.monitor-scene{width:800px;left:50%;margin-left:-400px;transform:scale(.47);transform-origin:top center;height:520px;margin-bottom:-270px;margin-top:35px}.connect-section{padding-bottom:55px}.feature-grid{gap:32px 22px;margin-top:40px}.feature-card h3{font-size:17px;letter-spacing:-.4px;line-height:1.2}.feature-card p{font-size:14px;line-height:1.5}.feature-icon{height:41px;font-size:32px}.details-section{grid-template-columns:1fr;gap:20px;padding-top:45px}.details-section h2{font-size:36px}.faq summary{font-size:15px}.get-section{padding:72px 0}.get-section h2{font-size:57px}.get-tagline{font-size:28px;letter-spacing:-1px}.get-description{font-size:16px;line-height:1.5}.about{grid-template-columns:1fr;gap:25px;padding-top:50px;padding-bottom:45px}.large{font-size:50px}.about p:last-child{font-size:17px}.footer{font-size:10px}.get-note{font-size:10px}}@media(max-width:370px){.hero-device{transform:rotate(-5deg) scale(.49)}.device-stage{height:245px}.hero h1{font-size:39px}.mini-fold{transform:translateX(-50%) rotate(-8deg) scale(.8)}.callout{font-size:9px}.hero-lead{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Scroll-directed fold: two physical planes meet at one hinge. */
.hero{height:290svh;padding:0;overflow:clip;isolation:isolate}.hero-sticky{height:calc(100svh - 64px);min-height:650px;position:sticky;top:64px;display:flex;flex-direction:column;align-items:center;padding-top:30px;perspective:1500px;overflow:hidden}.hero-copy{flex:none}.hero-copy .eyebrow{margin-bottom:15px}.hero h1{font-size:clamp(48px,5.2vw,70px);letter-spacing:-3.6px}.hero-lead{font-size:17px;line-height:1.45;margin:18px 0}.hero-actions .button{font-size:13px;padding:12px 21px}.hero-actions .text-link{font-size:13px}.hero-glow{top:220px;height:700px;background:radial-gradient(ellipse at 38% 55%,#0056a72b,transparent 43%),radial-gradient(ellipse at 68% 65%,#6835bd25,transparent 45%)}.device-stage{margin-top:22px;height:auto;flex:1;min-height:310px;perspective:1200px;width:100%;max-width:1100px;transform-style:preserve-3d}.hero-device{top:-72px;left:50%;margin:0;width:600px;height:560px;transform:translateX(-50%);transform-origin:50% 50%;transform-style:preserve-3d;filter:none;will-change:transform}.device-top{height:280px;width:600px;border:0;padding:0;border-radius:0;background:none;box-shadow:none;transform-origin:50% 100%;transform-style:preserve-3d;transform:rotateX(-118deg);will-change:transform;position:absolute;left:0;top:0}.desktop{position:absolute;inset:10px;height:auto;backface-visibility:hidden;transform:translateZ(2px);outline:9px solid #171e2c;border-radius:14px 14px 5px 5px;box-shadow:0 0 0 10px #7a879c,0 0 0 11px #0a101e;opacity:0}.device-top>.camera{transform:translateZ(4px);backface-visibility:hidden;top:3px;background:#3b4961}.phone-back{position:absolute;inset:0;border-radius:10px 10px 24px 24px;transform:rotateY(180deg) translateZ(3px);backface-visibility:hidden;overflow:hidden;background:linear-gradient(135deg,#1a273b,#101826 60%,#34425d);border:2px solid #7a8498;box-shadow:inset 0 0 0 2px #141c2b,0 22px 40px #0004}.back-shine{position:absolute;inset:0;background:linear-gradient(145deg,transparent 20%,#6b8bb61a 42%,transparent 60%);pointer-events:none}.camera-island{position:absolute;left:29px;top:23px;bottom:23px;width:62px;background:#080f1b;border:1px solid #566279;border-radius:32px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:11px;box-shadow:3px 3px 8px #0006}.camera-island i{width:42px;height:42px;border-radius:50%;background:radial-gradient(circle,#101b37 6%,#25345d 10%,#040810 19%,#243950 23%,#0c1422 38%,#1b2938 40%,#050911 53%,#414c60 57%,#111a29 65%);border:1px solid #53617a;box-shadow:inset 1px 1px 5px #d9eeff44}.camera-island b{width:8px;height:8px;border-radius:50%;background:#d8dce0;position:absolute;left:77px;top:38px}.back-brand{position:absolute;right:66px;top:108px;font-size:34px;font-weight:600;letter-spacing:-1.2px;color:#8996aa;transform:rotate(180deg)}.back-brand span{display:block;font-size:8px;letter-spacing:3px;margin-top:10px;font-weight:400}.device-base{position:absolute;top:280px;left:0;width:600px;height:280px;margin:0;padding:16px 23px 12px;transform:rotateX(62deg);transform-origin:50% 0%;border-radius:7px 7px 24px 24px;background:linear-gradient(150deg,#202c44,#10182b 65%,#1c2240);border:2px solid #6a7890;box-shadow:inset 0 0 0 6px #101724,0 4px 0 #080e1b,0 5px 0 #6c7890;backface-visibility:hidden;filter:brightness(var(--screen-light,.35))}.hinge{position:absolute;top:277px;left:8px;width:584px;height:6px;margin:0;transform:translateZ(1px);background:linear-gradient(#151d2b,#5f6d88,#0c1220);border:0;box-shadow:none}.flex-control-label{display:flex;justify-content:space-between;color:#8fadd5;font-size:9px;letter-spacing:1.8px;margin:0 0 14px;padding:0 6px}.flex-control-label span{font-size:7px;letter-spacing:1.2px;color:#647a9d}.keyboard{gap:5px}.key-row{gap:5px}.key{height:24px;min-width:36px;font-size:9px;border-color:#617aa450;color:#a5bee1;box-shadow:0 2px 0 #080e19;background:linear-gradient(#283652,#17243e)}.key.wide{min-width:48px}.key.space{min-width:198px}.trackpad{height:62px;width:165px;margin-top:11px;background:linear-gradient(140deg,#263957,#172745);border-color:#617ca866;border-radius:8px}.fold-caption{height:22px;position:relative;width:100%;flex:none;font-size:12px;color:#afbad0;letter-spacing:.1px;margin-top:2px}.fold-caption span{position:absolute;inset:0}.fold-status-open{opacity:0}.scroll-hint{display:flex;align-items:center;gap:11px;font-size:8px;letter-spacing:1.8px;color:#637694;margin:9px 0 6px;flex:none;min-height:16px}.scroll-arrow{font-size:17px;color:#a1b7d4}.hero .visual-note{font-size:8px;color:#5b6580;margin:0 0 14px}.scroll-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#172039}.scroll-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#1ad9df,#556bf1,#b15af2)}.hero-specs{display:none}.orb{top:200px;opacity:.13}@media(min-width:1500px){.hero{padding-top:0}.hero h1{font-size:76px}.hero-sticky{padding-top:40px}.device-stage{margin-top:30px}}@media(max-height:740px) and (min-width:601px){.hero-sticky{min-height:560px;padding-top:18px}.hero h1{font-size:52px}.hero-lead{font-size:15px;margin:11px 0}.hero .eyebrow{margin-bottom:10px}.device-stage{min-height:270px;margin-top:8px}.hero-actions .button{padding:9px 17px}.hero .visual-note{margin-bottom:9px}.scroll-hint{margin-top:4px}}@media(max-width:600px){.hero{height:260svh;padding:0}.hero-sticky{top:58px;height:calc(100svh - 58px);min-height:570px;padding-top:35px}.hero h1{font-size:clamp(39px,10.3vw,61px);letter-spacing:-2.5px}.hero-copy .eyebrow{font-size:9px;margin-bottom:16px}.hero-lead{font-size:15px;line-height:1.5;margin:20px 0}.hero-actions{flex-direction:row;gap:17px}.hero-actions .button{font-size:11px;padding:11px 15px}.hero-actions .text-link{font-size:11px;gap:6px}.device-stage{min-height:265px;margin-top:22px;overflow:visible}.hero-device{margin:0;left:50%;transform-origin:50% 50%;top:-47px}.fold-caption{font-size:10px;height:20px;padding:0 15px}.scroll-hint{font-size:7px;margin:7px 0}.hero .visual-note{font-size:6px;margin-bottom:13px}.desktop-mark{font-size:24px}.hero-glow{top:170px}.key{min-width:36px}.orb{top:150px}}@media(max-width:600px) and (max-height:700px){.hero-sticky{padding-top:23px;min-height:565px}.hero h1{font-size:39px}.hero-lead{font-size:13px;margin:14px 0}.hero-copy .eyebrow{margin-bottom:12px}.device-stage{margin-top:10px;min-height:240px}}@media(prefers-reduced-motion:reduce){.hero{height:auto}.hero-sticky{position:relative;top:0;height:790px}.scroll-hint{visibility:hidden}.hero h1{font-size:clamp(42px,5vw,70px)}}

.hero-device{transform-origin:50% 0%}
/* Galaxy Z Fold8 Ultra, landscape Flex Mode.
   Samsung reference: 158.4 x 143.2 mm open; 72.8 x 158.4 mm folded.
   600 px body length gives each open half a height of 271.2 px. */
.hero-device{height:542.4px}
.device-top{height:271.2px}
.device-base{top:271.2px;height:271.2px;border-radius:6px 6px 19px 19px;border-color:#73727b;background:linear-gradient(155deg,#252934,#121925 65%,#252532);box-shadow:inset 0 0 0 5px #0d121b,0 3px 0 #31313a,0 6px 0 #14131a,0 7px 0 #73727b}
.device-base .trackpad{height:54px}
.hinge{top:268.2px;height:6px;background:linear-gradient(#17171e,#5d5a66 40%,#27252e 60%,#111018);box-shadow:0 1px 2px #0009}
.phone-back{border-radius:7px 7px 19px 19px;background:linear-gradient(120deg,#38353d 0%,#28252e 35%,#25222b 75%,#33303a);border:1.5px solid #8b8793;box-shadow:inset 0 0 0 2px #18171d,inset 0 -3px 0 #54515f,0 3px 0 #403b49,0 6px 0 #16131d,0 7px 0 #67616f}
.phone-back:before{content:"";position:absolute;inset:5px;border:1px solid #ffffff06;border-radius:3px 3px 15px 15px;pointer-events:none}
.back-shine{background:linear-gradient(115deg,transparent 0%,#b8a8d00b 35%,transparent 65%)}
.camera-island{left:auto;right:22px;top:20px;bottom:auto;width:182px;height:65px;border-radius:34px;flex-direction:row;gap:8px;background:linear-gradient(140deg,#49424f,#25212c);border:1px solid #655d6b;box-shadow:inset 0 0 0 3px #332d3b,0 3px 0 #19151f,0 5px 9px #0006}
.camera-island i{width:47px;height:47px;flex:none;border-color:#817a87;background:radial-gradient(circle at 40% 38%,#779ea92e 0%,#071018 10%,#17272e 19%,#04080b 27%,#12181e 40%,#04060a 57%,#5a545e 61%,#24202a 68%,#131018 75%);box-shadow:0 2px 2px #000b,inset 0 1px 2px #cabee844}
.camera-island i:nth-child(2){background:radial-gradient(circle at 42% 43%,#54778842 0%,#10202b 14%,#04080b 23%,#131c23 38%,#030509 55%,#5b5561 60%,#24202a 68%,#121017 75%)}
.camera-island b{left:79px;top:80px;width:10px;height:10px;background:radial-gradient(#f4f0da,#c4c2b7);border:1px solid #97939c;box-shadow:0 0 4px #ffffff18}
.back-brand{right:auto;left:29px;top:127px;transform:rotate(90deg);font-size:13px;font-weight:650;letter-spacing:2px;color:#77717c}
.frame-detail{position:absolute;display:block;background:#b2aabb44}
.antenna{width:2px;height:5px;top:0}.a1{left:65px}.a2{right:67px}
.side-key{width:50px;height:3px;left:193px;bottom:0;border-radius:3px;background:linear-gradient(#99919e,#4a4352)}
.desktop{border-radius:12px 12px 3px 3px;outline-width:8px;box-shadow:0 0 0 9px #77727e,0 0 0 10px #15111c}
.device-top>.camera{top:130px;left:auto;right:14px;width:6px;height:6px;background:radial-gradient(#1e2637,#030610 65%);box-shadow:0 0 0 1px #7480a335}
.hero-lead{max-width:770px;margin-left:auto;margin-right:auto}
.scenario-copy h3{max-width:345px;font-size:29px;line-height:1.15}
.scenario-copy p{max-width:330px}
.scenario-label{display:block;max-width:320px;line-height:1.5}
.monitor-word{font-size:38px}.monitor-word span{font-size:22px;letter-spacing:-.6px}
.get-description{max-width:620px;margin-left:auto;margin-right:auto;line-height:1.6}
.faq summary{font-weight:500}
@media(max-width:900px){.scenario-copy h3{font-size:26px}.hero h1{font-size:54px;letter-spacing:-2.7px}.hero-lead{font-size:16px}}
@media(max-width:600px){.hero h1{font-size:clamp(27px,7.2vw,42px);letter-spacing:-1.1px;line-height:1.12}.hero-lead{font-size:14px;max-width:345px;line-height:1.5}.hero-lead br{display:none}.hero-copy .eyebrow{margin-bottom:19px}.scenario-copy h3{font-size:28px;max-width:100%}.scenario-copy p{max-width:100%}.section h2{font-size:34px;line-height:1.12;letter-spacing:-1.4px}.hero .visual-note{font-size:7px}.flex-control-label{font-size:9px}.get-tagline{font-size:26px}.get-description{max-width:340px;font-size:15px}.connect-heading .eyebrow{font-size:9px;letter-spacing:1.2px}}

.side-key{top:0;bottom:auto;left:291px;width:45px}.volume-key{top:0;left:353px;width:68px;height:3px;border-radius:3px;background:linear-gradient(#99919e,#4a4352)}
/* Benefits follow the mobility promise: work network, USB, shared files. */
.feature-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:44px 32px}
.feature-card{grid-column:span 2}
.feature-card:nth-child(n+4){grid-column:span 2}
.feature-card p{max-width:410px}
.vpn-card .feature-icon svg{display:block}
.hero h1{font-size:clamp(48px,5.2vw,70px);letter-spacing:-3px}
.hero-lead{max-width:730px;font-size:17px}
.get-tagline{font-size:32px}
@media(max-width:900px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.feature-card,.feature-card:nth-child(n+4){grid-column:auto}.feature-card:last-child{grid-column:auto}.hero h1{font-size:58px}.hero-lead{font-size:16px}}
@media(max-width:600px){.hero h1{font-size:clamp(36px,9.5vw,52px);letter-spacing:-1.9px}.hero-lead{font-size:14px;max-width:340px}.feature-grid{grid-template-columns:1fr;gap:30px;margin-top:35px}.feature-card,.feature-card:nth-child(n+4){grid-column:auto}.feature-card{display:grid;grid-template-columns:39px 1fr;column-gap:16px}.feature-icon{grid-row:1/3;margin-top:2px}.feature-card h3{margin:0 0 9px;font-size:19px}.feature-card p{font-size:15px;max-width:none;line-height:1.6}.feature-card:last-child{grid-column:auto}.get-tagline{font-size:25px}.connections h2{font-size:31px}}
/* Solid handset geometry. Each half has a 16 px deep chassis (about 4.2 mm). */
.hero-device{--body-depth:16px;--edge-light:1;transform-style:preserve-3d}
.device-top,.device-base{transform-style:preserve-3d;overflow:visible}
.phone-back{transform:rotateY(180deg) translateZ(var(--body-depth));transform-style:preserve-3d;overflow:visible;box-shadow:inset 0 0 0 2px #18171d,inset 0 -2px 0 #8b829f38}
.phone-back:before{background:linear-gradient(120deg,#b9c3de0b,transparent 38%,#05060d18 70%,#d7c8ff09);box-shadow:inset 0 1px 0 #ddd5f326}
.back-shine{border-radius:inherit;background:linear-gradient(110deg,transparent 13%,#d5dcf21c 38%,transparent 57%);transform:translateZ(.3px)}
.body-rail{position:absolute;display:block;pointer-events:none;backface-visibility:visible;transform-style:preserve-3d;border:1px solid #c2b9d140;box-shadow:inset 0 1px 0 #d8d2e45c,inset 0 -1px 0 #02030b;background:linear-gradient(90deg,#171c2c,#777887 16%,#b0aab9 29%,#5a5d70 41%,#25283d 70%,#636174);filter:brightness(var(--edge-light))}
.rail-left,.rail-right{top:0;width:var(--body-depth);height:271.2px;transform-origin:0 0;transform:rotateY(90deg)}
.rail-left{left:0;background:linear-gradient(90deg,#9292a1,#41475c 30%,#1c2335 75%,#8b849b)}
.rail-right{left:600px;background:linear-gradient(90deg,#afb1bf,#5e657d 25%,#20283d 65%,#777287)}
.rail-top,.rail-bottom{left:0;width:600px;height:var(--body-depth);transform-origin:0 0;transform:rotateX(-90deg);background:linear-gradient(0deg,#161d2d,#474f66 22%,#9b9eb0 45%,#3a4056 72%,#171e2b)}
.rail-top{top:0}.rail-bottom{top:271.2px}
.device-top .rail-bottom,.device-base .rail-top{background:linear-gradient(#12182a,#555e73 40%,#171d2b);border-color:#646b8140}
.device-base{padding:0;border:0;background:transparent;box-shadow:none;filter:none;backface-visibility:visible}
.base-screen{position:absolute;inset:0;padding:16px 23px 12px;border:2px solid #797e96;border-radius:6px 6px 19px 19px;background:linear-gradient(150deg,#25334a,#0c1428 70%,#222941);box-shadow:inset 0 0 0 5px #0b1020,inset 0 1px 0 6px #6674953d;transform:translateZ(1px);backface-visibility:hidden;filter:brightness(var(--screen-light,.35));overflow:hidden}
.base-screen:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,#b9e7ff10,transparent 35%,transparent 60%,#b5a1ff0c);box-shadow:inset 0 -15px 22px #0003}
.base-under{position:absolute;inset:0;border-radius:6px 6px 19px 19px;background:linear-gradient(120deg,#302d3b,#171c29 65%,#3c3949);border:1px solid #aaa4b74d;transform:rotateY(180deg) translateZ(var(--body-depth));backface-visibility:hidden;box-shadow:inset 0 0 0 3px #151522}
.desktop{transform:translateZ(1px);box-shadow:0 0 0 9px #8d879c,0 0 0 10px #1b1a27}
.desktop:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,#e7f7ff12 0%,transparent 33%,transparent 65%,#90c4ff0b);box-shadow:inset 0 0 14px #0003}
.camera-island{transform:translateZ(9px);transform-style:preserve-3d;overflow:visible;box-shadow:inset 0 0 0 3px #51495f,0 1px 1px #b3a4cb59}
.camera-island:before,.camera-island:after{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid #7e728d;background:linear-gradient(120deg,#81748f,#2c2636 35%,#5c506d 80%,#a092af);pointer-events:none}
.camera-island:before{transform:translateZ(-8px);box-shadow:3px 7px 9px #0008}
.camera-island:after{transform:translateZ(-4px);box-shadow:0 1px 0 #2a223a,0 2px 0 #5c506c,0 3px 0 #332b42}
.camera-island i{position:relative;transform:translateZ(3px);transform-style:preserve-3d;box-shadow:0 1px 0 #d9cce87a,0 2px 0 #292031,0 3px 0 #60506f,0 5px 5px #000a,inset 0 1px 3px #c6eaff55}
.camera-island i:after{content:"";position:absolute;inset:8px;border-radius:50%;background:radial-gradient(ellipse at 27% 18%,#c7eaff55,transparent 28%,transparent 65%,#8464cf18);transform:translateZ(.3px)}
.camera-island b{transform:translateZ(-7px)}
.hinge{top:263.2px;height:16px;left:8px;width:584px;transform:translateZ(-8px);transform-style:preserve-3d;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
.hinge-facet{position:absolute;left:0;right:0;top:50%;height:5.3px;margin-top:-2.65px;transform:rotateX(var(--facet-angle)) translateZ(8px);background:linear-gradient(90deg,#212536 0%,#8b8b9d 3%,#494e65 8%,#555b72 48%,#9795a6 83%,#282e43 96%,#8b8799);border-top:1px solid #c5c2d326;backface-visibility:hidden}
.hinge-facet:nth-child(2n){background:linear-gradient(90deg,#35394c,#7c7f94 7%,#333b52 45%,#646880 90%,#262d42)}
.hinge:before,.hinge:after{content:"";position:absolute;top:0;width:16px;height:16px;border-radius:50%;background:radial-gradient(#34394e 30%,#9796a6 45%,#292e42 65%,#6a6c80);transform:rotateY(90deg)}
.hinge:before{left:-8px}.hinge:after{right:-8px}
.device-shadow{position:absolute;left:50%;bottom:2%;width:560px;max-width:85%;height:45px;border-radius:50%;transform:translateX(-50%) rotate(-3deg);background:radial-gradient(ellipse,#000b,transparent 70%);filter:blur(10px);pointer-events:none}
.intro h2{font-size:clamp(34px,4vw,54px);line-height:1.13;letter-spacing:-2px}
@media(max-width:600px){.intro h2{font-size:30px;letter-spacing:-1.2px;line-height:1.17}.intro .section-lead{font-size:16px}.device-shadow{height:28px}}

.fold-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.device-stage{perspective:none;transform-style:flat}

/* PocketLap feature icons: one optical scale, rounded strokes, brand palette. */
.connections .feature-icon{width:64px;height:64px;line-height:0;margin-bottom:20px}
.connections .feature-icon img{display:block;width:100%;height:100%}
@media(max-width:600px){.connections .feature-card{grid-template-columns:48px 1fr;column-gap:16px}.connections .feature-icon{width:48px;height:48px;margin-top:0;margin-bottom:0}}

/* Three application windows, rendered as crisp vector artwork. */
.scenario-copy h3{margin-top:0}
.workspace-apps{display:block;position:absolute;width:100%;height:100%;inset:0;object-fit:contain;object-position:center}
@media(max-width:600px){.scenario-art:has(.workspace-apps){min-height:0;aspect-ratio:4/3;margin:12px 8px 12px}.workspace-apps{object-position:center}}

/* Photographic device artwork with the game above and touch controls below. */
.scenario-art:has(.game-fold-photo){min-height:410px}
.game-fold-photo{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8px 4px}
@media(max-width:600px){.scenario-art:has(.game-fold-photo){min-height:0;aspect-ratio:1.5;margin:16px 4px}.game-fold-photo{padding:0}}

/* Supersampled composition: one responsive image, no nested 3D rasterization. */
.flex-visual:has(.plasma-device-stage){height:auto;aspect-ratio:1.32;perspective:none}
.plasma-device-stage{position:absolute;inset:0;display:flex;align-items:center}
.plasma-device-image{display:block;width:100%;height:auto;max-width:100%;image-rendering:auto}
.flex-visual:has(.plasma-device-stage) .callout-top{top:0;right:0}
.flex-visual:has(.plasma-device-stage) .callout-bottom{bottom:0;left:0}
@media(max-width:600px){
 .flex-visual:has(.plasma-device-stage){aspect-ratio:1.2;margin-bottom:30px}
 .flex-visual:has(.plasma-device-stage) .callout{font-size:10px;padding:9px 14px}
}

/* Official Galaxy Tab S11 Ultra shell, original brush artwork and crisp Krita UI. */
.creative .tablet-art{max-width:960px;margin:48px auto 0;padding:0;position:relative}
.krita-tablet-image{display:block;width:100%;height:auto;image-rendering:auto}
@media(max-width:600px){.creative .tablet-art{margin-top:32px;width:calc(100% + 16px);max-width:none;margin-left:-8px}}

/* Product photographs in one supersampled scene; no CSS device approximations. */
.desktop-photo-scene{position:relative;width:100%;max-width:1040px;margin:54px auto 0}
.desktop-setup-image{display:block;width:100%;height:auto;image-rendering:auto}
@media(max-width:600px){.desktop-photo-scene{width:calc(100% + 16px);margin:32px -8px 0;max-width:none}}

/* Google Play placeholder: replace with the store link when it is supplied. */
.google-play-button{gap:11px;min-height:54px;padding:16px 26px;font:inherit;font-size:15px;font-weight:500;border:1px solid #8297ff66;background:#4262f3;color:#fff;opacity:1;cursor:default;box-shadow:0 8px 32px #20398d30}
.google-play-button:disabled,.google-play-button:disabled:hover{background:#4262f3;color:#fff;transform:none;opacity:1}
.google-play-button svg{flex:none}
.get-section .get-note{font-size:13px;line-height:1.5;color:#a4aec5;margin:18px auto 0;max-width:360px}
@media(max-width:600px){.google-play-button{font-size:14px;max-width:100%;padding:15px 22px}.get-section .get-note{font-size:12px}}

/* Sliding scenario selector and overlapping content transitions. */
.scenario-tabs{position:relative;isolation:isolate}
.scenario-tabs:before{content:"";position:absolute;z-index:0;left:0;top:5px;width:var(--tab-width,0px);height:var(--tab-height,0px);transform:translateX(var(--tab-x,5px));border-radius:100px;background:#fff;box-shadow:0 2px 9px #1826450c,0 1px 2px #18264508;opacity:0;pointer-events:none;transition:transform .48s cubic-bezier(.22,1,.36,1),width .48s cubic-bezier(.22,1,.36,1),opacity .15s}
.scenario-tabs.has-indicator:before{opacity:1}
.scenario-tabs button{position:relative;z-index:1;transition:color .2s ease}
.scenario-tabs.has-indicator button[aria-selected=true]{background:transparent;box-shadow:none}
.scenario-tabs button:focus-visible{outline:2px solid #4262f3;outline-offset:2px}
.scenario-panel{position:relative;isolation:isolate}
.scenario-snapshot{position:absolute!important;inset:0 0 auto!important;width:100%;min-height:0!important;margin:0!important;z-index:3;pointer-events:none;transform-origin:center}
.scenario-panel>.scenario-copy,.scenario-panel>.scenario-art{backface-visibility:hidden}
@media(prefers-reduced-motion:reduce){.scenario-tabs:before{transition:none}.scenario-snapshot{display:none}}

/* Locale-aware navigation and typography; no additional font downloads. */
.language-picker{position:relative;display:flex;align-items:center;gap:7px;color:#d5d7e2;min-width:0}
.language-picker>svg{flex:0 0 16px;pointer-events:none}
.language-picker:after{content:"";position:absolute;right:4px;width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);pointer-events:none}
.language-picker .language{appearance:none;-webkit-appearance:none;max-width:170px;padding:10px 19px 10px 2px;font-size:12px;line-height:1.4;cursor:pointer;text-overflow:ellipsis;border-radius:6px}
.language option{background:#11182a;color:#fff}
.language:focus-visible{outline:2px solid #19bcd5;outline-offset:4px}
.navlinks{flex-shrink:0}.nav-right{min-width:0}.nav-right .button{white-space:nowrap}
.feature-card,.scenario-copy,.flex-text,.details-section>div{min-width:0}
.feature-card h3,.faq summary{overflow-wrap:anywhere;hyphens:auto}
.hero h1,.section h2,.scenario-copy h3,.flex-text h3,.get-tagline{text-wrap:balance}
html:lang(ko) body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Malgun Gothic",sans-serif;word-break:keep-all;overflow-wrap:break-word}
html:lang(zh) body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
html:lang(ja) body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
html:is(:lang(ko),:lang(zh),:lang(ja)) :is(h1,h2,h3,.get-tagline){letter-spacing:-.03em;line-height:1.3}
html:is(:lang(ko),:lang(zh),:lang(ja)) .eyebrow{letter-spacing:.08em}
@media(max-width:1000px){.navlinks{gap:20px}.nav-right{gap:14px}.language-picker .language{max-width:145px}}
@media(max-width:700px){.navlinks{display:none}}
@media(max-width:600px){
 .nav-right{gap:10px}.language-picker{gap:4px}.language-picker .language{max-width:129px;font-size:11px}.nav-right .button{font-size:11px;padding:9px 12px}
 .hero-actions .text-link{max-width:100%;text-align:center}.fold-caption{padding-left:20px;padding-right:20px}.fold-status-open{line-height:1.5}
 html:lang(ja) .hero h1{font-size:clamp(27px,7.1vw,39px)}
 html:lang(ko) .hero h1,html:lang(zh) .hero h1{font-size:clamp(32px,8.7vw,46px)}
 html:is(:lang(ko),:lang(zh),:lang(ja)) .section h2{font-size:30px}
 .feature-card h3{line-height:1.35}.scenario-tabs{max-width:100%}.scenario-tabs button{padding-left:15px;padding-right:15px}
}
@media(max-width:350px){.language-picker .language{max-width:105px}.nav-right{gap:6px}.language-picker>svg{display:none}.nav-right .button{padding:9px 10px}}
@media(max-width:350px){html:lang(de) .hero h1{font-size:32px;letter-spacing:-1.5px}}
@media(max-width:600px){.get-section h2{font-size:clamp(44px,11vw,57px)}}
@media(max-width:350px){html:lang(ja) .hero h1{font-size:22px}}