:root{color-scheme:dark;--bg:#030918;--panel:#081326;--text:#f5f7ff;--muted:#b8c4df;--purple:#b853ff;--blue:#4277ff;--cyan:#02d0ef;--line:#263955;font-family:Inter,'Segoe UI',Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}button,summary{font:inherit}img{display:block;max-width:100%;height:auto}figure{margin:0}a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #63def6;outline-offset:5px}::selection{background:#753ec1;color:#fff}.shell{width:min(1280px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-90px;left:20px;background:white;color:#030918;padding:12px;z-index:100}.skip:focus{top:10px}.site-header{position:relative;z-index:20;background:#030918e8;border-bottom:1px solid #15213a}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:94px}.brand{display:block;width:210px;flex-shrink:0}.brand img{width:100%;height:auto}.desktop-nav{display:flex;gap:27px;align-items:center;font-size:13px}.desktop-nav a{padding-block:24px;position:relative}.desktop-nav [aria-current=page]:after{content:'';position:absolute;bottom:15px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--purple),var(--cyan));box-shadow:0 2px 9px #9f4fff}.desktop-nav a:hover,.site-footer a:hover{color:#74deff}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;border-radius:14px;padding:12px 22px;border:1px solid transparent;font-size:14px;font-weight:650;transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px)}.outline{background:linear-gradient(#060b1d,#060b1d) padding-box,linear-gradient(110deg,#a74eff,#4581ff,#02cbe3) border-box;border-color:transparent}.primary{background:linear-gradient(110deg,#9d38ff,#4658ff 52%,#009edc);box-shadow:0 7px 28px #673bff30;border-radius:30px}.header-cta{font-size:13px;min-height:43px;padding:10px 17px;border-radius:16px}.header-cta span{color:#b476ff;font-size:22px;line-height:1}.mobile-nav{display:none}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:38px;align-items:center;min-height:790px;padding-block:65px 75px;position:relative}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:600;margin:0 0 24px;color:#e9efff;line-height:1.4}.badge{display:inline-block;border:1px solid #7544b8;border-radius:40px;padding:6px 13px;background:linear-gradient(120deg,#b04bff08,#00caff08);box-shadow:inset -24px 0 30px #00d4ff05}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(52px,5.5vw,80px);line-height:1.02;letter-spacing:-.052em;font-weight:780;margin-bottom:27px}.gradient{background:linear-gradient(105deg,#b954f5 2%,#8b60ff 30%,#168fff 67%,#00cbe7 98%);background-clip:text;-webkit-background-clip:text;color:transparent}.lead{font-size:21px;line-height:1.5;color:#c4d0e9;max-width:490px;letter-spacing:-.015em;margin-bottom:28px}.actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.play-button{background:#02050c;border:1px solid #4b8ef2;box-shadow:0 0 5px #55c7ff,0 0 20px #534aff70;text-align:left;gap:14px;line-height:1.1;padding:12px 20px;min-height:64px;font-size:22px;letter-spacing:-.035em}.play-button small{display:block;font-size:10px;font-weight:450;letter-spacing:.02em;margin-bottom:5px}.play-triangle{display:block;width:27px;height:31px;clip-path:polygon(0 0,100% 50%,0 100%);background:conic-gradient(from 0deg at 25% 50%,#3ade79,#f4d451,#f15252,#3da8ff,#3ade79)}.play-circle{display:grid;place-items:center;width:27px;height:27px;border:1px solid #a960f0;border-radius:50%;color:#d6b5ff}.availability{color:#91a1c0;font-size:11px;margin:13px 0 32px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:0;list-style:none;gap:12px;max-width:470px}.benefits li{font-size:11px;text-align:center;line-height:1.4;color:#ccd6ed}.benefits li>span,.benefits svg{display:block;margin:0 auto 11px;width:27px;height:29px;font-size:32px;line-height:29px;color:#9c55ff}.benefits svg{fill:none;stroke:#a45bff;stroke-width:1.6}.hero-stage{display:flex;align-items:center;gap:24px;position:relative;isolation:isolate;min-width:0}.orbit-glow{position:absolute;inset:0 4% 2% -5%;border-radius:50%;transform:rotate(-28deg);z-index:-1;background:radial-gradient(ellipse at 75% 0%,#8325f753,transparent 55%),radial-gradient(ellipse at 15% 100%,#216bff7a,transparent 55%);filter:blur(24px)}.hero-stage:before{content:'';position:absolute;width:82%;height:74%;border:2px solid #844cff;border-top-color:#3ab1ff;border-radius:50%;transform:rotate(-30deg);left:-5%;top:16%;box-shadow:0 0 20px #723bff,0 0 40px #4a39ff;z-index:-1}.hero-phone{width:350px;flex-shrink:1;min-width:0;transform:rotate(3deg);position:relative}.device{background:linear-gradient(120deg,#253452,#020712 25%,#071428);border:4px solid #152036;outline:1px solid #8294b0;border-radius:40px;overflow:hidden;box-shadow:9px 12px 0 #010713,11px 15px 1px #2453a1,0 20px 70px #180061;padding:9px 5px 0}.device-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;padding:7px 18px 15px;position:relative}.device-top i{height:12px;width:12px;border-radius:50%;background:#000;position:absolute;left:48%;top:5px;box-shadow:inset 0 0 0 3px #070e1c}.phone-conversation{min-height:235px;padding:16px 15px;background:radial-gradient(ellipse at right,#04334950,transparent 65%)}.message{font-size:12px;padding:12px 14px;line-height:1.55;border-radius:15px;max-width:85%;box-shadow:0 6px 15px #0003}.incoming{background:#192338;border-bottom-left-radius:3px}.outgoing{background:#064858;margin-left:auto;border-bottom-right-radius:3px;margin-top:25px}.conversation-label{font-size:10px;color:#8496b8;text-align:center;margin:23px 0 0}.device img{width:100%;border-top:1px solid #234161}.device-bottom{height:21px;display:grid;place-items:center;background:#080c21}.device-bottom:after{content:'';width:30%;height:3px;border-radius:4px;background:#d8e0f5}.hero-phone figcaption{font-size:9px;color:#a3b2cf;text-align:center;margin-top:18px;line-height:1.5}.app-examples{min-width:112px;font-size:12px;flex-shrink:0}.app-examples>p{font-size:16px;line-height:1.4;color:#e8d9ff}.app-examples em{font-style:italic}.swoop{font-size:46px;color:#b788ff;line-height:1}.app-examples ul{list-style:none;padding:0;display:grid;gap:14px;margin:12px 0}.app-examples li{display:flex;align-items:center;gap:9px}.app-dot{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:white;font-weight:650;font-size:18px}.whatsapp{background:#078956}.instagram{background:linear-gradient(25deg,#fe9541,#d52ba8,#654be8)}.tiktok{background:#111526;border:1px solid #5a657a;text-shadow:1px 0 #04d5dd,-1px 0 #ff3f81}.gmail{background:#f6f8ff;color:#cd4444}.telegram{background:#168ecc}.and-more{color:#c2cce1;font-size:11px;margin-left:36px}.overview{display:grid;grid-template-columns:repeat(6,1fr);gap:17px;padding-block:25px 70px}.feature-card{padding:26px 15px 23px;text-align:center;border:1px solid #1b2b4d;border-radius:20px;background:linear-gradient(145deg,#0a1229,#051024);transition:border-color .2s,transform .2s;min-width:0}.feature-card:hover{border-color:#915ff1;transform:translateY(-4px)}.feature-icon{width:51px;height:51px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;font-size:31px;color:#f0e4ff;background:radial-gradient(circle at 35% 20%,#9347f6,#2b1070);box-shadow:0 0 24px #6228bf35}.cyan-icon{background:radial-gradient(circle at 35% 20%,#22d8f3,#0344a0);font-size:25px}.blue-icon{background:radial-gradient(circle at 35% 20%,#47b8ff,#2635a5)}.feature-card h2{font-size:14px;letter-spacing:-.025em;line-height:1.4;margin-bottom:10px}.feature-card p{font-size:12px;line-height:1.55;color:#b9c5df;margin:0}.showcase{padding-block:120px;border-top:1px solid #162138;position:relative}.story-grid{display:grid;grid-template-columns:.85fr 1fr;gap:110px;align-items:center;min-height:580px}.story-copy h2,.appearance-copy h2{font-size:clamp(44px,4.3vw,65px);line-height:1.04;letter-spacing:-.045em;font-weight:750;margin-bottom:25px}.story-copy>p:not(.eyebrow),.appearance-copy>p:not(.eyebrow){font-size:18px;line-height:1.65;color:var(--muted);max-width:480px;margin-bottom:30px}.story-copy .button{margin-top:12px}.reverse{grid-template-columns:1fr .85fr}.reverse>.story-copy{order:2}.check-list{list-style:none;padding:0;margin:25px 0;color:#c7d3ea;font-size:14px}.check-list li{padding:9px 0;display:flex;align-items:center;gap:13px}.check-list li:before{content:'✓';width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#cc91ff;background:#782cbd26;border:1px solid #7134a63d;font-size:13px;flex-shrink:0}.translation-show{background:radial-gradient(ellipse at 75% 60%,#092c653b,transparent 55%)}.translation-art{position:relative;padding:15px 20px 30px;isolation:isolate}.translation-art:before{content:'';position:absolute;inset:45px -30px 25px;background:radial-gradient(ellipse,#6023e23a,transparent 65%);z-index:-1}.language-pair{display:flex;align-items:center;gap:20px;color:#80dfff;letter-spacing:.13em;font-size:13px;margin:0 0 22px 12px}.language-pair span:first-child,.language-pair span:last-child{border:1px solid #395687;border-radius:50%;width:48px;height:48px;display:grid;place-items:center}.translation-card{padding:38px 36px;border-radius:24px;background:linear-gradient(125deg,#142248,#0a1430);border:1px solid #6855cc;box-shadow:0 18px 40px #020414}.mini-label{font-size:10px;letter-spacing:.14em;color:#b5c5e7}.translation-card>p{font-size:36px;line-height:1.2;letter-spacing:-.025em;margin:24px 0}.translation-rule{height:1px;background:linear-gradient(90deg,#a861e7,transparent)}.translation-card .translated{font-size:19px;color:#acddf6;margin-bottom:0}.translation-reply{position:relative;margin:-10px -20px 0 80px;padding:26px 28px;background:linear-gradient(120deg,#064558,#062b47);border:1px solid #1c93c2;border-radius:22px;box-shadow:0 20px 50px #0004}.translation-reply p{font-size:19px;margin:16px 0 0}.translation-reply p:last-child{color:#70d7e8;font-size:16px;margin-top:7px}.homepage figcaption{font-size:11px;color:#8f9eba;text-align:center;line-height:1.5;margin-top:22px}.product-board{padding:25px 24px 20px;border:1px solid #364382;border-radius:30px;background:radial-gradient(ellipse at left top,#241444,#071124 70%);box-shadow:0 0 55px #5b20ab14}.board-heading{display:flex;justify-content:space-between;align-items:center}.board-line{font-size:34px;line-height:1.2;letter-spacing:-.035em;margin:18px 0 26px}.keyboard-image{border:1px solid #4754a0;overflow:hidden;border-radius:17px;background:#080c20;box-shadow:0 20px 40px #0004}.keyboard-image img{width:100%;height:auto}.ask-show{background:radial-gradient(ellipse at 70% 50%,#34207a35,transparent 60%)}.prompt-art{padding:25px 15px;text-align:center;position:relative}.prompt-symbol{width:115px;height:115px;object-fit:contain;margin:0 auto 24px;filter:drop-shadow(0 0 25px #4d41ed55)}.prompt-title{font-size:40px;letter-spacing:-.035em;line-height:1.13;margin-bottom:32px}.prompt-card{border:1px solid #353f7b;border-radius:16px;padding:20px 23px;background:linear-gradient(110deg,#11132d,#09213a);margin:13px 0;display:flex;justify-content:space-between;gap:15px;text-align:left;color:#dce6fc;font-size:16px}.prompt-card:nth-of-type(2){margin-left:25px}.prompt-card:nth-of-type(3){margin-right:25px}.prompt-card>span{color:#a468ec}.suggestion-art{padding:24px 0}.suggestion-word{font-size:39px;display:flex;justify-content:center;align-items:center;gap:22px;line-height:1.3;margin-bottom:20px;letter-spacing:-.025em}.suggestion-word>span:first-child{color:#8b98b4;text-decoration:line-through;text-decoration-thickness:1px}.suggestion-word>span:nth-child(2){color:#a45eee}.suggestion-word strong{color:#72dcf7;font-weight:650}.suggestion-art>.mini-label{text-align:center;margin-bottom:28px}.clipboard-show{background:radial-gradient(ellipse at 70% 65%,#12274966,transparent 55%)}.clipboard-art{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:stretch}.clip-tile{padding:25px;border:1px solid #414a86;border-radius:22px;background:linear-gradient(130deg,#1b1737,#07172f);box-shadow:0 20px 40px #0002}.clip-text{grid-row:span 2;display:flex;flex-direction:column;justify-content:space-between;min-height:430px}.clip-text p{font-size:35px;line-height:1.15;letter-spacing:-.025em}.clip-glyph{font-size:110px;color:#a66af4;line-height:1}.clip-pin{margin-top:40px}.clip-pin>span:first-child{font-size:36px;color:#ba78ff}.clip-pin p{font-size:21px;line-height:1.25;margin:10px 0 19px}.clip-image{background:linear-gradient(135deg,#092c4b,#09203a);border-color:#225985}.clip-image svg{fill:none;stroke:#62bbf0;stroke-width:1.5;width:100%;margin-bottom:15px}.clipboard-art figcaption{grid-column:1/-1}.text-link{display:inline-flex;align-items:center;gap:15px;min-height:44px;font-size:14px;font-weight:600;color:#c7dbff}.appearance-show{background:radial-gradient(ellipse at 15% 60%,#2c165031,transparent 55%);padding-bottom:130px}.appearance-copy{text-align:center;max-width:760px;margin:0 auto 60px}.appearance-copy>p:not(.eyebrow){max-width:590px;margin-inline:auto}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.theme-card{min-width:0;text-align:center}.theme-tag{font-size:9px;letter-spacing:.14em;color:#8da1c5;display:block;margin-bottom:15px}.signature-card .theme-tag{color:#d3a3ff}.theme-frame{aspect-ratio:1/1;display:flex;align-items:center;border:1px solid #304773;padding:6px;border-radius:18px;background:#081125;box-shadow:0 14px 35px #0004}.theme-frame img{width:100%;height:auto;max-height:100%;object-fit:contain;border-radius:12px}.signature-card .theme-frame{border-color:#9762e2;box-shadow:0 0 32px #8438ff25}.theme-card h3{font-size:17px;color:#f0f4ff;line-height:1.3;margin-bottom:7px}.theme-card p{font-size:12px;color:#aebbd6;margin:0}.download-strip{border-block:1px solid #253664;background:linear-gradient(110deg,#081127,#16113c 45%,#07172f);padding:36px 0}.download-strip>.shell{display:flex;align-items:center;justify-content:space-between;gap:32px}.download-strip h2{font-size:21px;letter-spacing:-.02em;line-height:1.3;margin-bottom:8px}.download-strip p{color:#b1c0de;font-size:13px;margin:0}.download-strip .brand{width:210px}.site-footer{padding:55px 0 26px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:40px}.site-footer .brand{width:177px}.footer-main p{font-size:12px;color:#99acca;margin:8px 0 0}.footer-main nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px 23px;max-width:650px;font-size:12px;color:#b3c2df}.footer-bottom{margin-top:40px;padding-top:22px;border-top:1px solid #162239;display:flex;justify-content:space-between;gap:20px;color:#8e9dbc;font-size:10px}.holding{min-height:65vh;padding-block:110px}.holding>img{margin-bottom:28px}.holding h1{max-width:850px;font-size:clamp(40px,6vw,76px)}.holding>p:not(.eyebrow){max-width:620px;font-size:19px;color:#bfcee6}.holding .button{margin-top:20px}.guides .guide-nav{top:30px}.guides{padding-bottom:90px}
@media(min-width:1600px){.hero{min-height:850px}.showcase{padding-block:140px}}
@media(max-width:1190px){.shell{width:calc(100% - 64px)}.desktop-nav{gap:18px;font-size:12px}.brand{width:180px}.hero{gap:25px;min-height:750px}.hero-stage{gap:17px}.app-examples{min-width:95px;font-size:10px}.app-dot{width:24px;height:24px;font-size:15px}.app-examples>p{font-size:14px}.hero-phone{width:310px}.lead{font-size:19px}.hero .actions{gap:12px}.hero .button{padding-inline:14px;font-size:12px}.hero .play-button{font-size:20px}.overview{gap:12px}.feature-card{padding-inline:10px}.feature-card h2{font-size:12px}.feature-card p{font-size:11px}.story-grid{gap:60px}.theme-grid{gap:17px}.download-strip .brand{width:170px}}
@media(max-width:950px){.desktop-nav{display:none}.header-inner{min-height:80px}.header-cta{margin-left:auto}.mobile-nav{display:block}.mobile-nav summary{cursor:pointer;list-style:none;border:1px solid #364a70;border-radius:12px;padding:10px 14px;font-size:13px;display:flex;gap:14px;align-items:center;min-height:44px}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;right:32px;top:73px;width:250px;background:#09152c;border:1px solid #46577e;border-radius:16px;padding:12px;box-shadow:0 15px 40px #0009;display:grid}.mobile-nav nav a{padding:11px 15px;border-radius:8px}.mobile-nav nav a:hover{background:#202e4a}.hero{grid-template-columns:1fr 1fr;gap:30px;padding-block:60px}.hero h1{font-size:53px}.app-examples{display:none}.hero-phone{width:100%;max-width:340px;margin:auto}.hero-stage:before{width:100%}.overview{grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{padding:24px 20px}.feature-card h2{font-size:15px}.feature-card p{font-size:13px}.story-grid{gap:42px;grid-template-columns:1fr 1fr;min-height:520px}.story-copy h2{font-size:43px}.story-copy>p:not(.eyebrow){font-size:16px}.showcase{padding-block:90px}.translation-art{padding-inline:0}.translation-card{padding:25px}.translation-card>p{font-size:30px}.translation-reply{margin-left:30px;margin-right:0;padding:22px}.board-line{font-size:28px}.product-board{padding:18px}.clipboard-art{gap:12px}.clip-tile{padding:18px}.clip-text p{font-size:28px}.clip-pin p{font-size:18px}.theme-grid{grid-template-columns:repeat(2,1fr);gap:35px 25px;max-width:750px;margin:auto}.download-strip>.shell{flex-wrap:wrap}.download-strip .brand{display:none}.footer-main{align-items:flex-start}.footer-main nav{max-width:350px}.benefits{grid-template-columns:repeat(2,1fr);gap:22px;max-width:290px}.hero .actions .outline{min-height:48px}.hero .actions{align-items:flex-start}}
@media(max-width:680px){html{scroll-padding-top:20px}.shell{width:calc(100% - 40px)}.header-inner{gap:12px;min-height:77px}.site-header .brand{width:166px}.header-cta{display:none}.mobile-nav{margin-left:auto}.mobile-nav nav{right:20px;top:68px}.hero{grid-template-columns:1fr;gap:45px;padding-block:50px 35px;min-height:0}.hero h1{font-size:clamp(45px,11vw,65px);letter-spacing:-.052em}.hero-copy{text-align:left}.hero .lead{font-size:18px;max-width:450px}.eyebrow{font-size:10px;margin-bottom:23px}.hero .actions{gap:13px}.hero .button{font-size:12px;padding-inline:15px}.hero .play-button{font-size:21px}.availability{margin-bottom:29px}.benefits{grid-template-columns:repeat(4,1fr);max-width:none;gap:10px}.benefits li{font-size:10px}.hero-stage{max-width:410px;margin:auto;width:90%;padding-bottom:10px}.hero-phone{width:100%;max-width:335px;transform:rotate(2deg)}.hero-stage:before{width:105%;left:-3%}.hero-phone figcaption{font-size:10px}.overview{grid-template-columns:repeat(2,1fr);gap:12px;padding-block:35px 65px}.feature-card{padding:23px 13px}.feature-card p{font-size:12px}.feature-card h2{font-size:14px}.feature-icon{margin-bottom:16px}.showcase{padding-block:75px}.story-grid,.story-grid.reverse{grid-template-columns:1fr;gap:43px;min-height:0}.reverse>.story-copy{order:0}.story-copy h2,.appearance-copy h2{font-size:clamp(42px,10vw,58px);line-height:1.07}.story-copy>p:not(.eyebrow),.appearance-copy>p:not(.eyebrow){font-size:17px;max-width:480px}.story-copy .button{font-size:13px}.translation-art{max-width:500px;width:100%;margin:auto;padding:0 4px 15px}.translation-card{padding:30px}.translation-card>p{font-size:34px}.translation-reply{margin-left:45px}.product-board{padding:23px 19px}.board-line{font-size:32px}.prompt-art{padding:10px 0}.prompt-title{font-size:36px}.suggestion-art{padding:0}.suggestion-word{font-size:36px;gap:18px}.clipboard-art{max-width:480px;gap:13px}.clip-text{min-height:365px}.clip-text p{font-size:30px}.clip-pin{margin-top:25px}.clip-image svg{margin-top:12px}.appearance-copy{text-align:left;margin-bottom:40px}.theme-grid{gap:36px 14px}.theme-frame{padding:4px;border-radius:12px}.theme-frame img{border-radius:8px}.theme-card h3{font-size:15px}.theme-card p{font-size:11px}.theme-tag{font-size:8px;letter-spacing:.09em}.homepage .theme-card figcaption{margin-top:15px}.appearance-show{padding-bottom:85px}.download-strip>.shell{display:block}.download-strip h2{font-size:23px;max-width:330px}.download-strip .play-button{margin-top:23px}.site-footer{padding-top:40px}.footer-main{display:block}.footer-main nav{justify-content:flex-start;margin-top:29px;gap:15px 23px;max-width:380px}.footer-bottom{display:block;margin-top:30px}.footer-bottom span{display:block;margin-bottom:9px}.holding{padding-block:65px}.holding>p:not(.eyebrow){font-size:17px}}
@media(max-width:360px){.shell{width:calc(100% - 32px)}.site-header .brand{width:148px}.mobile-nav summary{font-size:12px;padding:9px 11px}.hero .actions{display:grid;grid-template-columns:1fr}.hero .actions .button{width:max-content}.benefits{gap:7px}.benefits li{font-size:9px}.clip-tile{padding:15px}.clip-text p{font-size:25px}.clip-pin p{font-size:17px}.theme-grid{grid-template-columns:1fr;max-width:280px}.theme-frame{max-width:280px}.suggestion-word{font-size:31px}.prompt-title{font-size:33px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Keep decorative hero glow inside the page without changing content geometry. */
.homepage{overflow-x:clip}
/* Hero-only final polish. All selectors are scoped to the hero or home header. */
body:has(.homepage) .site-header{background:linear-gradient(110deg,#030919,#070b20 65%,#110a29);border-bottom-color:transparent}
.hero{isolation:isolate;grid-template-columns:1fr 1.12fr;gap:35px;min-height:790px;padding-block:48px 64px}
.hero:before{content:"";position:absolute;z-index:-2;inset:-100px calc((1280px - 100vw)/2) 0;pointer-events:none;background:radial-gradient(ellipse at 82% 30%,#740eea59,transparent 37%),radial-gradient(ellipse at 69% 80%,#074be267,transparent 40%),radial-gradient(ellipse at 50% 96%,#4214b366,transparent 35%),linear-gradient(115deg,#030918 15%,#040e26 60%,#080a22)}
.hero:after{content:"";position:absolute;z-index:-1;inset:0 -40px 0 36%;pointer-events:none;background:linear-gradient(131deg,transparent 37%,#3958d51c 37.15%,transparent 37.4%,transparent 48%,#6366e51a 48.1%,transparent 48.3%)}
.hero h1{font-size:clamp(50px,5.25vw,76px);letter-spacing:-.052em}
.hero .lead{font-size:21px;max-width:525px}
.hero .play-button{font-size:16px;min-height:56px;padding-inline:24px;letter-spacing:0;border-color:#33c6ff;box-shadow:0 0 3px #31d4ff,0 0 22px #1764ff80,inset 0 0 16px #164c942a}
.hero .availability{margin-bottom:35px}
.hero .benefits{max-width:500px}
.hero-stage{gap:32px;perspective:1300px;min-height:650px}
.hero-stage:before{width:84%;height:92%;left:-7%;top:5%;transform:rotate(30deg);border:2px solid #8446ff;border-left-color:#49d5ff;border-bottom-color:#723cff;box-shadow:-5px 0 12px #03adff,0 0 28px #5948ff,0 0 68px #7331ff;opacity:.9}
.hero .orbit-glow{inset:-6% -2% -7% -12%;background:radial-gradient(ellipse at 77% 20%,#a61cffaa,transparent 48%),radial-gradient(ellipse at 24% 80%,#087bffe0,transparent 48%);filter:blur(38px)}
.hero-phone{width:374px;flex-shrink:0;transform:rotate(8deg) rotateY(-9deg);position:relative;z-index:2}
.hero-phone:before{content:"";position:absolute;inset:6px -7px -7px 7px;border-radius:47px;background:linear-gradient(100deg,#7388a5,#141b2c 35%,#33224c 80%,#735c93 95%,#10baff);box-shadow:10px 24px 38px #000a,4px 2px 12px #d162ff80,2px 15px 26px #009dff80;z-index:-1}
.hero-phone:after{content:"";position:absolute;right:-7px;top:135px;width:4px;height:73px;background:linear-gradient(#9380bb,#181b36,#637897);border-radius:2px}
.hero .device{padding:7px;border:1px solid #c0c8e0;outline:1px solid #2e3658;border-radius:44px;background:linear-gradient(128deg,#d5e0f2 0%,#435675 9%,#131b31 20%,#61577c 52%,#151c2e 79%,#2cc4ff 100%);box-shadow:inset 0 0 0 2px #0a0d1c,0 0 3px #d2d8ff;overflow:visible;position:relative}
.hero .device-screen{border:4px solid #02040a;overflow:hidden;border-radius:36px;background:#060c19;position:relative;box-shadow:0 0 0 1px #78849965}
.hero .device-screen:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:32px;background:linear-gradient(118deg,#c4d9ff0b,transparent 30%,transparent 77%,#a9d8ff06);box-shadow:inset 0 1px 2px #e9f4ff33}
.hero .device-top{padding:13px 17px 14px;background:#040915;font-size:10px}
.hero .device-top i{top:12px;width:14px;height:14px;box-shadow:inset 0 0 0 4px #000,0 0 0 1px #182232}
.hero .phone-conversation{min-height:208px;padding:22px 13px 17px;background:radial-gradient(ellipse at 100% 90%,#0b314833,transparent 70%),#060c19}
.hero .message{font-size:12px;padding:13px 14px}
.hero .outgoing{margin-top:25px;background:linear-gradient(115deg,#064b60,#063747)}
.hero .device img{border-top:1px solid #172841}
.hero .device-bottom{height:18px;background:#080b1d}
.hero .app-examples{min-width:125px;position:relative;z-index:3;font-size:13px}
.hero .app-examples>p{font-size:18px;font-style:italic;line-height:1.45;text-shadow:0 0 18px #b878ff}
.hero .app-examples ul{gap:17px}
.hero .app-logo{width:31px;height:31px;display:grid;place-items:center;flex-shrink:0}
.hero .app-logo img{width:29px;height:29px;object-fit:contain}
.hero .app-examples li:nth-child(4) .app-logo{background:#fff;border-radius:7px;padding:3px}
.hero .swoop{display:block;transform:rotate(-14deg);font-size:57px;color:#bce5ff;margin:0 0 10px -4px}
@media(max-width:1376px){.hero:before{inset:-100px -48px 0}.hero-stage{gap:25px}.hero-phone{width:340px}.hero h1{font-size:65px}}
@media(max-width:1190px){.hero{gap:30px;grid-template-columns:1fr 1.05fr}.hero h1{font-size:56px}.hero-phone{width:295px}.hero-stage{gap:18px;min-height:620px}.hero .app-examples{min-width:104px;font-size:11px}.hero .app-examples>p{font-size:16px}.hero .lead{font-size:19px}.hero .app-logo{width:27px;height:27px}.hero .app-logo img{width:26px;height:26px}}
@media(max-width:950px){.hero{grid-template-columns:1fr 1fr;gap:35px;min-height:750px}.hero h1{font-size:51px}.hero-phone{width:100%;max-width:325px}.hero-stage{min-height:580px}.hero .app-examples{display:none}.hero .phone-conversation{min-height:185px}.hero-stage:before{width:110%}.hero .lead{font-size:18px}}
@media(max-width:680px){.hero{grid-template-columns:1fr;gap:48px;padding-block:44px 55px;min-height:0}.hero:before{inset:-80px -20px 0;background:radial-gradient(ellipse at 90% 66%,#811aff55,transparent 35%),radial-gradient(ellipse at 20% 86%,#005ee080,transparent 35%),#030918}.hero h1{font-size:clamp(45px,11vw,65px)}.hero-stage{min-height:0;width:85%;max-width:340px;display:block;margin:auto}.hero-phone{width:100%;max-width:none;transform:rotate(5deg) rotateY(-6deg)}.hero .phone-conversation{min-height:180px}.hero .lead{font-size:18px}.hero .play-button{font-size:14px;padding-inline:18px;min-height:52px}.hero .actions{gap:13px}.hero .actions .outline{padding-inline:13px}.hero .app-examples{display:block;min-width:0;margin-top:40px;text-align:center}.hero .app-examples>p{font-size:16px}.hero .app-examples>p br{display:none}.hero .app-examples ul{display:flex;justify-content:center;flex-wrap:wrap;gap:15px}.hero .app-examples li{flex-direction:column;font-size:10px;gap:7px}.hero .swoop{display:none}.hero .and-more{margin-left:0}.hero-stage:before{height:65%;top:0;left:-5%;width:110%}.hero .orbit-glow{bottom:20%}}
.hero .app-examples li:nth-child(3) .app-logo{background:#f8faff;border-radius:7px;padding:3px}

/* Finished supplied artwork: homepage hero only. */
.finished-hero{position:relative;background:#030918}
.finished-art{width:100%;height:auto;display:block}
.artwork-desktop{position:relative}
.art-hit{position:absolute;display:block;color:transparent;font-size:0;border-radius:12px;z-index:2}
.art-hit:focus-visible{outline:3px solid #fff;outline-offset:4px;background:#ffffff12}
.art-hit:hover{box-shadow:0 0 20px #91bfff55;background:#ffffff08}
.hit-brand{left:7.3%;top:2.3%;width:18%;height:7.2%}
.hit-home{left:37.8%;top:3.5%;width:4%;height:4.5%}
.hit-features{left:43.4%;top:3.5%;width:4.8%;height:4.5%}
.hit-how{left:49.9%;top:3.5%;width:6.8%;height:4.5%}
.hit-guides{left:58.4%;top:3.5%;width:4.1%;height:4.5%}
.hit-faq{left:63.9%;top:3.5%;width:3.3%;height:4.5%}
.hit-top-get{left:79.1%;top:3.1%;width:13.7%;height:5.3%;border-radius:30px}
.hit-get{left:8%;top:58.9%;width:18%;height:7.3%;border-radius:18px}
.hit-see{left:27.3%;top:58.9%;width:16.3%;height:7.3%;border-radius:18px}
.artwork-mobile-header,.artwork-mobile-product,.artwork-mobile-actions{display:none}
@media(min-width:761px){
 .artwork-copy{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
@media(max-width:760px){
 .artwork-desktop{display:none}
 .finished-hero{background:#030918 url('/assets/hero-finished.png') no-repeat center top;background-size:auto 1100px}
 .artwork-mobile-header{display:flex;position:relative;z-index:5;align-items:center;justify-content:space-between;padding:18px 22px}
 .artwork-mobile-header .brand{width:175px}
 .artwork-mobile-header .mobile-nav{display:block;margin-left:auto}
 .artwork-mobile-header .mobile-nav nav{right:20px;top:68px}
 .artwork-copy{position:relative;margin:0;padding:42px 24px 25px;background:linear-gradient(#030918f5,#030918ed)}
 .artwork-copy .eyebrow{font-size:9px;letter-spacing:.09em}
 .artwork-copy h1{font-size:clamp(43px,10.5vw,70px);line-height:1.04}
 .artwork-copy .lead{font-size:18px;line-height:1.6}
 .artwork-mobile-actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 30px}
 .artwork-mobile-actions .button{font-size:13px;padding:12px 17px}
 .artwork-benefits{display:grid;grid-template-columns:repeat(2,1fr);list-style:none;padding:0;gap:15px;font-size:12px;color:#c9d5ec}
 .artwork-benefits li:before{content:"✓";color:#b568ff;margin-right:8px}
 .artwork-description{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .artwork-mobile-product{display:block;aspect-ratio:.89;background-image:url('/assets/hero-finished.png');background-size:210% auto;background-position:100% 58%;background-repeat:no-repeat}
}
@media(max-width:760px){.finished-hero{background:#030918}.artwork-copy{background:none}}

/* Approved Translation artwork; isolated from all other homepage sections. */
.translation-finished{padding:70px 0 75px;background:#030918;border-top:1px solid #162138}
.translation-artwork-scroll{max-width:1536px;margin:auto;overflow-x:auto}
.translation-artwork-scroll img{display:block;width:100%;height:auto}
.translation-artwork-scroll:focus-visible{outline:2px solid #65d8ff;outline-offset:-2px}
.translation-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.translation-artwork-action{text-align:center;padding:30px 20px 0}
.translation-scroll-hint{display:none}
@media(max-width:760px){
 .translation-finished{padding:45px 0 50px}
 .translation-scroll-hint{display:block;margin:0 24px 20px;color:#bccce5;font-size:13px}
 .translation-artwork-scroll img{width:1000px;max-width:none}
 .translation-artwork-action{padding-top:28px}
}

/* Upper homepage atmosphere only: no content or geometry changes. */
.finished-hero:after{content:"";position:absolute;pointer-events:none;inset:auto 0 0;height:14%;background:linear-gradient(180deg,transparent,#030918)}
.homepage>.overview{position:relative;isolation:isolate}
.homepage>.overview:before{content:"";position:absolute;z-index:-1;pointer-events:none;top:-70px;bottom:-100px;left:calc(50% - 50vw);right:calc(50% - 50vw);background:radial-gradient(ellipse at 72% 22%,#6334cb24,transparent 58%),radial-gradient(ellipse at 25% 68%,#007fb928,transparent 57%),radial-gradient(ellipse at 0% 100%,#1c67b934,transparent 48%)}
.translation-finished{border-top-color:transparent;background:radial-gradient(ellipse 70% 210px at 0 0,#16477948,transparent),#030918}
.translation-artwork-scroll{mask-image:linear-gradient(to bottom,transparent,#000 22px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 22px)}
@media(max-width:760px){.finished-hero:after{height:55px}}
.translation-finished{position:relative;background:#030918}
.translation-finished:before{content:"";position:absolute;pointer-events:none;left:0;right:0;top:-120px;height:210px;background:radial-gradient(ellipse at 0 60%,#1767ba40,transparent 68%);mask-image:linear-gradient(transparent,#000 40%,#000 70%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 40%,#000 70%,transparent)}
.translation-finished{background:transparent}

/* Contained spacing refinement: feature cards → Translation. */
.homepage>.overview{padding-bottom:30px}
.translation-finished{padding-top:25px}
@media(max-width:760px){.homepage>.overview{padding-bottom:25px}.translation-finished{padding-top:20px}}


/* Clean individual backgrounds; short seam treatment only. */
.homepage>.overview:before,.translation-finished:before{content:none}
.translation-finished{background:#030918;border-top-color:transparent}
.finished-hero:after{height:20px;background:linear-gradient(transparent,#030918)}
.translation-artwork-scroll{mask-image:linear-gradient(to bottom,transparent,#000 8px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 8px)}
@media(max-width:760px){.finished-hero:after{height:16px}}

/* AI Writing only: supporting mode callouts replace the former slogan. */
#writing .writing-modes{font-size:34px;height:2.4em;margin:18px 0 26px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
#writing .writing-mode{display:flex;flex-direction:column;justify-content:center;padding:9px 13px;border:1px solid #64479970;border-radius:13px;background:linear-gradient(120deg,#52278c25,#12384c25)}
#writing .writing-mode:last-child{border-color:#258cb765}
#writing .writing-mode strong{font-size:14px;line-height:1.3;color:#d2b1ff}
#writing .writing-mode:last-child strong{color:#7cddf4}
#writing .writing-mode span{font-size:11px;line-height:1.4;color:#bac9e4;margin-top:4px}
#writing .writing-grammar{display:flex;align-items:center;justify-content:center;gap:10px;line-height:16.5px;color:#bac9e4}
#writing .writing-grammar strong{color:#8adbf6;font-weight:600}
@media(max-width:950px){#writing .writing-modes{font-size:28px}}
@media(max-width:680px){#writing .writing-modes{font-size:32px;gap:9px}#writing .writing-mode{padding:8px 10px}#writing .writing-mode strong{font-size:13px}#writing .writing-mode span{font-size:10px}}

/* AI Writing replacement only. */
#writing.aw-showcase{background:radial-gradient(ellipse at 0 25%,#12377155,transparent 45%),radial-gradient(ellipse at 100% 85%,#30258235,transparent 40%),#030918}
#writing .aw-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:40px;align-items:center}
#writing .aw-phone{position:relative;aspect-ratio:540/1130;overflow:hidden;isolation:isolate;filter:drop-shadow(0 12px 28px #008dff20)}
#writing .aw-reference{position:absolute;top:0;left:0;width:226.85185%;max-width:none;height:auto}
#writing .aw-keyboard{position:absolute;top:48.6726%;left:10.37%;width:85.37%;padding-bottom:5%;background:#000}
#writing .aw-keyboard img{width:100%;height:auto}
#writing .aw-content>.eyebrow{margin-bottom:20px}
#writing .aw-content h2{font-size:clamp(44px,4.9vw,70px);line-height:1.05;letter-spacing:-.05em;margin:0 0 24px}
#writing .aw-lead{color:#c4d0e9;font-size:18px;line-height:1.6;margin-bottom:27px}
#writing .aw-modes{display:grid;grid-template-columns:1fr 1fr;gap:13px}
#writing .aw-card{display:flex;align-items:flex-start;gap:13px;padding:18px 15px;border:1px solid transparent;border-radius:17px;background:linear-gradient(120deg,#090e24,#05172a) padding-box,linear-gradient(120deg,#9c46d2,#22498c,#08b7db) border-box}
#writing .aw-card:last-child{grid-column:1/-1}
#writing .aw-icon{width:39px;height:39px;display:grid;place-items:center;flex-shrink:0;border:1px solid #925cf3;border-radius:50%;font-size:24px;color:#bd84ff;background:#59249b13}
#writing .aw-card:nth-child(even) .aw-icon{color:#36d7ee;border-color:#158ccc}
#writing .aw-card h3,#writing .aw-strength h3{font-size:16px;line-height:1.3;margin:0 0 8px}
#writing .aw-card p{font-size:13px;line-height:1.6;color:#c1cce3;margin:0}
#writing .aw-strength{margin-top:18px;border:1px solid #6460ba;border-radius:17px;padding:20px;background:linear-gradient(110deg,#21133855,#05254355)}
#writing .aw-strength-title{display:flex;align-items:baseline;gap:16px;margin-bottom:16px}
#writing .aw-strength-title p{font-size:12px;color:#b8c9e3;margin:0}
#writing .aw-strength ol{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:0;gap:16px}
#writing .aw-strength li+li{border-left:1px solid #344b72;padding-left:16px}
#writing .aw-strength h4{font-size:13px;margin:0 0 12px;display:flex;align-items:center;gap:8px}
#writing .aw-strength h4 span{width:27px;height:27px;border:1px solid #638afa;border-radius:50%;display:grid;place-items:center;color:#9cdfff}
#writing .aw-strength li p{font-size:12px;line-height:1.6;margin:0;color:#bdcce3}
#writing .aw-cta{display:flex;width:max-content;min-width:280px;max-width:100%;margin:26px auto 0;font-size:17px;gap:35px;padding:16px 28px}
@media(max-width:1100px){#writing .aw-grid{gap:25px;grid-template-columns:.8fr 1.2fr}#writing .aw-card{padding:14px 12px;gap:9px}#writing .aw-icon{width:30px;height:30px;font-size:20px}#writing .aw-card p{font-size:12px}#writing .aw-lead{font-size:16px}}
@media(max-width:800px){#writing .aw-grid{grid-template-columns:1fr;gap:35px}#writing .aw-phone{width:min(470px,100%);margin:auto}#writing .aw-content{display:contents}#writing .aw-content>.eyebrow{grid-row:1;margin:0;width:max-content}#writing .aw-content>h2{grid-row:2;margin:0}#writing .aw-lead{grid-row:3;margin:0}#writing .aw-phone{grid-row:4}#writing .aw-modes{grid-row:5}#writing .aw-strength{grid-row:6;margin-top:0}#writing .aw-cta{grid-row:7;margin-top:0}#writing .aw-card{padding:18px 14px}#writing .aw-card p{font-size:13px}}
@media(max-width:450px){#writing .aw-modes{grid-template-columns:1fr}#writing .aw-strength-title{display:block}#writing .aw-strength ol{grid-template-columns:1fr;gap:18px}#writing .aw-strength li+li{border-left:0;border-top:1px solid #344b72;padding:16px 0 0}#writing .aw-content h2{font-size:44px}#writing .aw-card{gap:14px}}


/* Full-bleed outer backgrounds only. Existing content geometry is untouched. */
.homepage>.overview:before{content:"";top:0;bottom:0;background:radial-gradient(ellipse at 65% 25%,#37246020,transparent 65%),#030918}
/* The artwork remains at its approved 1536px maximum. These ambient side
   layers follow its edge colours and fade out toward the viewport edges. */
.translation-finished:before,.translation-finished:after{content:"";position:absolute;pointer-events:none;top:25px;bottom:auto;height:1024px;width:max(0px,calc(50% - 768px));}
.translation-finished:before{left:0;right:auto;background:linear-gradient(to bottom,#4ea6e5 0.000%,#3d99e4 1.562%,#328ddf 3.125%,#237bd1 4.688%,#2073cc 6.250%,#1c67c2 7.812%,#175ab6 9.375%,#114ba6 10.938%,#11479e 12.500%,#0c4096 14.062%,#0c3c8a 15.625%,#093481 17.188%,#0e357b 18.750%,#072a6c 20.312%,#08245f 21.875%,#092056 23.438%,#061c4e 25.000%,#051742 26.562%,#05133a 28.125%,#041132 29.688%,#020c2a 31.250%,#020a24 32.812%,#020820 34.375%,#01071b 35.938%,#010519 37.500%,#010517 39.062%,#010416 40.625%,#010416 42.188%,#010416 43.750%,#010415 45.312%,#010415 46.875%,#010415 48.438%,#010415 50.000%,#010314 51.562%,#010314 53.125%,#010414 54.688%,#010314 56.250%,#010314 57.812%,#010314 59.375%,#010314 60.938%,#010315 62.500%,#010315 64.062%,#010416 65.625%,#020618 67.188%,#010419 68.750%,#010519 70.312%,#010418 71.875%,#010418 73.438%,#010317 75.000%,#000417 76.562%,#010517 78.125%,#010315 79.688%,#000212 81.250%,#010212 82.812%,#010211 84.375%,#010211 85.938%,#00010f 87.500%,#010210 89.062%,#010212 90.625%,#010416 92.188%,#010418 93.750%,#02051b 95.312%,#02061e 96.875%,#020621 98.438%,#020a20 100.000%);mask-image:linear-gradient(to right,transparent,#000);-webkit-mask-image:linear-gradient(to right,transparent,#000)}
.translation-finished:after{right:0;left:auto;background:linear-gradient(to bottom,#020314 0.000%,#010413 1.562%,#010412 3.125%,#010514 4.688%,#010515 6.250%,#010719 7.812%,#01061b 9.375%,#01081e 10.938%,#020921 12.500%,#010821 14.062%,#020925 15.625%,#030a29 17.188%,#030a2a 18.750%,#030a2c 20.312%,#040c32 21.875%,#040c32 23.438%,#060d36 25.000%,#070e3a 26.562%,#070e3e 28.125%,#090e41 29.688%,#0b0f45 31.250%,#0c1149 32.812%,#0f114e 34.375%,#101152 35.938%,#110f54 37.500%,#110f54 39.062%,#151158 40.625%,#17105a 42.188%,#1b1060 43.750%,#1f0f63 45.312%,#220f64 46.875%,#280f69 48.438%,#2e1170 50.000%,#331072 51.562%,#380f74 53.125%,#3b0e73 54.688%,#3e0e70 56.250%,#410f72 57.812%,#410c6e 59.375%,#410b6b 60.938%,#430b6a 62.500%,#430c69 64.062%,#410c66 65.625%,#400c63 67.188%,#3d0a60 68.750%,#360859 70.312%,#310856 71.875%,#28094f 73.438%,#1d0845 75.000%,#16083f 76.562%,#0e0736 78.125%,#0b0530 79.688%,#08052d 81.250%,#09072d 82.812%,#060527 84.375%,#050422 85.938%,#05031f 87.500%,#03021a 89.062%,#020218 90.625%,#020419 92.188%,#01041d 93.750%,#010725 95.312%,#01092d 96.875%,#010e38 98.438%,#02133e 100.000%);mask-image:linear-gradient(to left,transparent,#000);-webkit-mask-image:linear-gradient(to left,transparent,#000)}
/* Other showcases already span the viewport; light stays on their outer layer. */
.homepage>#suggestions{background:radial-gradient(ellipse at 25% 50%,#12355a30,transparent 65%),#030918}
.translation-finished:before,.translation-finished:after{top:25px;mask-image:linear-gradient(to bottom,transparent,#000 8px),linear-gradient(to right,transparent,#000);mask-composite:intersect;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 8px),linear-gradient(to right,transparent,#000);-webkit-mask-composite:source-in}
.translation-finished:after{mask-image:linear-gradient(to bottom,transparent,#000 8px),linear-gradient(to left,transparent,#000);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 8px),linear-gradient(to left,transparent,#000)}

/* Unified homepage footer only: viewport atmosphere, existing shell width. */
.unified-footer{position:relative;padding:68px 0 32px;background:linear-gradient(to bottom,#030918,transparent 30%),radial-gradient(ellipse at 0 35%,#4c1e9345,transparent 57%),radial-gradient(ellipse at 100% 12%,#085d9d55,transparent 54%),radial-gradient(ellipse at 60% 40%,#17225c30,transparent 70%),#030918;color:#c4d0e9}
.unified-footer .uf-top{display:grid;grid-template-columns:240px minmax(0,1fr) 245px;gap:32px;align-items:center;padding-bottom:42px}
.unified-footer .uf-brand{border-right:1px solid #35466b;padding-right:28px}
.unified-footer .uf-brand img{width:100%;height:auto}
.unified-footer .uf-brand p{margin:9px 0 0;text-align:center;font-size:14px}
.unified-footer .uf-message{text-align:center}
.unified-footer h2{font-size:30px;line-height:1.2;letter-spacing:-.035em;color:#f5f7ff;margin:0 0 13px}
.unified-footer .uf-message>p{font-size:17px;margin:0}
.unified-footer .uf-message ul{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 19px;list-style:none;margin:25px 0 0;padding:0;font-size:12px}
.unified-footer .uf-message li{display:flex;align-items:center;gap:7px}
.unified-footer .uf-message li:before{content:'✓';display:grid;place-items:center;width:18px;height:18px;border:1px solid #9b4eff;border-radius:50%;color:#ac64fa;font-size:12px}
.unified-footer .uf-message li:first-child:before{color:#38baff;border-color:#288bff}
.unified-footer .uf-download{text-align:center}
.unified-footer .play-button{width:100%;min-height:76px;gap:13px;font-size:24px;border-radius:15px;border-color:transparent;background:linear-gradient(135deg,#090c20,#010811) padding-box,linear-gradient(110deg,#a64bff,#2864ff,#00d4f4) border-box;box-shadow:0 0 7px #3476d4,0 0 24px #6e3dba65}
.unified-footer .play-button small{font-size:10px;letter-spacing:.03em;margin-bottom:6px}
.unified-footer .uf-arrow{font-size:29px;color:#bfd8ef;margin-left:auto}
.unified-footer .uf-download p{font-size:12px;color:#8d9fc1;margin:13px 0 0}
.unified-footer .uf-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:18px 34px;padding:27px 0;border-block:1px solid #2b3b5d;font-size:14px}
.unified-footer a:hover{color:#62d9f5}
.unified-footer .uf-bottom{display:flex;justify-content:space-between;gap:22px;align-items:center;padding-top:27px;font-size:12px}
.unified-footer .uf-bottom>div{display:flex;flex-wrap:wrap;gap:0}
.unified-footer .uf-bottom>div span+span{border-left:1px solid #2b3b5d;margin-left:20px;padding-left:20px}
@media(max-width:1100px){.unified-footer .uf-top{grid-template-columns:200px minmax(0,1fr) 220px;gap:22px}.unified-footer h2{font-size:26px}.unified-footer .uf-message>p{font-size:15px}.unified-footer .uf-message ul{gap:9px 13px}}
@media(max-width:800px){.unified-footer .uf-top{grid-template-columns:1fr;gap:30px;padding-bottom:30px}.unified-footer .uf-brand{width:230px;margin:auto;padding:0;border:0}.unified-footer .uf-download{width:245px;margin:auto}.unified-footer .uf-bottom{flex-direction:column;text-align:center}.unified-footer .uf-nav{gap:15px 24px}}
@media(max-width:450px){.unified-footer .uf-bottom>div{justify-content:center;gap:10px 16px}.unified-footer .uf-bottom>div span+span{border:0;margin:0;padding:0}}
.unified-footer .play-button{padding:14px 15px;gap:10px;font-size:22px;white-space:nowrap}
.unified-footer .play-triangle{flex-shrink:0}
.unified-footer .uf-arrow{font-size:25px;flex-shrink:0}

/* Desktop visual grid: Translation's phone silhouettes run from x=50 to
   x=1486 in the unmodified 1536px artwork. Keep existing raster sizes;
   distribute additional horizontal room between substantive columns.
   Ask AI includes the visible annotation edge in its desktop grid. */
@media (min-width:1191px){
  #writing.aw-showcase,#ask-ai.ask-show,#suggestions,#clipboard,#appearance,.unified-footer{container-type:inline-size}
  #writing.aw-showcase .aw-grid,#ask-ai.ask-show .ask-local-grid,#suggestions.showcase .ss-grid,#clipboard>.shell,#appearance>.shell,.unified-footer>.shell{
    --approved-shell:min(1280px,calc(100cqw - 96px));
    width:min(1436px,93.489583333cqw);
  }
  #writing.aw-showcase .aw-grid{
    --phone:calc((var(--approved-shell) - 40px)*.415);
    --inset:calc(var(--phone)*.063518519);
    grid-template-columns:calc(var(--phone) - var(--inset)) calc((var(--approved-shell) - 40px)*.585);
    justify-content:space-between;
  }
  #writing.aw-showcase .aw-phone{width:var(--phone);margin-left:calc(-1*var(--inset))}
  #ask-ai.ask-show .ask-local-grid{
    --visual:calc((var(--approved-shell) - 24px)/2.18);
    grid-template-columns:minmax(0,1fr) calc(var(--visual)*.972818312);
    justify-content:space-between;
  }
  #ask-ai.ask-show .ask-local-visual{width:var(--visual)}
  #suggestions.showcase .ss-grid{
    --phone:calc((var(--approved-shell) - 65px)*.39);
    --inset:calc(var(--phone)*.025899029);
    grid-template-columns:calc(var(--phone) - var(--inset)) calc((var(--approved-shell) - 65px)*.61);
    justify-content:space-between;
  }
  #suggestions.showcase .ss-phone{width:var(--phone);margin-left:calc(-1*var(--inset))}
  #clipboard.showcase .cp-main{
    --phone:calc((var(--approved-shell) - 68px)/3.13);
    grid-template-columns:calc(var(--phone)*1.13) var(--phone) var(--phone);
    justify-content:space-between;
  }
  #clipboard .cp-image-phone{transform:translateX(3px)}
  #clipboard.showcase .cp-cards{grid-template-columns:repeat(4,calc((var(--approved-shell) - 42px)/4));justify-content:space-between}
  #appearance .theme-grid{width:calc(100% + 14px);margin-left:-7px;grid-template-columns:repeat(4,calc((var(--approved-shell) - 75px)/4));justify-content:space-between}
  .unified-footer .uf-top{min-height:163.1875px}
}

/* Ask AI only: preserve vertical geometry while sharing horizontal space. */
@media (min-width:1191px){
  #ask-ai.ask-show .ask-local-copy{width:calc(var(--visual)*1.18)}
}
@media (min-width:1376px){
  #ask-ai.ask-show .ask-local-copy{width:100%}
  #ask-ai.ask-show .ask-local-copy>h2,#ask-ai.ask-show .ask-local-lead{max-width:calc(var(--visual)*1.18)}
  #ask-ai.ask-show .ask-local-cards{grid-template-rows:127.1875px 106.390625px 106.390625px}
}

/* Ask AI desktop balance: the preserved phone occupies source y=2.2%..96%.
   Distribute spare vertical room between existing content, keeping its scale. */
@media (min-width:1376px){
  #ask-ai.ask-show .ask-local-copy{
    align-self:start;
    margin-top:calc(var(--visual)*.030969957);
    height:calc(var(--visual)*1.320446352);
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:space-between;
  }
  #ask-ai.ask-show .ask-local-copy>*{flex-shrink:0}
  #ask-ai.ask-show .ask-local-cards{width:100%}
}
@media (min-width:1376px){
  #ask-ai.ask-show .ask-local-copy>h2,#ask-ai.ask-show .ask-local-lead{width:calc(var(--visual)*1.18)}
}

/* Remove the standalone decorative brand; preserve the real keyboard logo. */
#ask-ai .ask-local-reference:not(.ask-local-phone-preserve){clip-path:polygon(0 0,100% 0,100% 82%,86% 82%,86% 100%,0 100%)}
#ask-ai .ask-local-brand-preserve{display:none}

/* Ask AI: match AI Writing's physical phone height, with decorative overflow. */
@media (min-width:1376px){
  #ask-ai.ask-show .ask-local-grid{
    --original-visual:calc((var(--approved-shell) - 24px)/2.18);
    --writing-phone:calc((var(--approved-shell) - 40px)*.415);
    --visual:calc(var(--writing-phone)*1.49283);
    grid-template-columns:minmax(0,1fr) calc(var(--visual)*.633762518);
  }
  #ask-ai.ask-show .ask-local-copy{width:calc(min(1436px,93.489583333cqw) - var(--original-visual)*.972818312 - 24px)}
  #ask-ai.ask-show .ask-local-copy>h2,#ask-ai.ask-show .ask-local-lead{width:calc(var(--original-visual)*1.18);max-width:calc(var(--original-visual)*1.18)}
}

/* Keep the full-size phone and its hints within the desktop composition. */
@media (min-width:1376px){
  #ask-ai.ask-show .ask-local-grid{grid-template-columns:minmax(0,1fr) calc(var(--visual)*.972818312)}
  #ask-ai.ask-show .ask-local-copy{width:100%;min-width:0}
  #ask-ai.ask-show .ask-local-copy>h2,#ask-ai.ask-show .ask-local-lead{width:100%}
  #ask-ai.ask-show .ask-local-cards{grid-template-rows:minmax(127.1875px,auto) minmax(106.390625px,auto) minmax(106.390625px,auto)}
}

/* Contained mobile artwork presentation; desktop artwork remains unchanged. */
.translation-mobile{display:none}
@media(max-width:760px){
 .finished-hero .artwork-mobile-product{display:block;width:100%;height:auto;aspect-ratio:2/3;background:none}
 #translation .translation-artwork-scroll,#translation .translation-scroll-hint{display:none}
 #translation .translation-mobile{display:block;padding-inline:16px}
 .translation-mobile>.eyebrow,.translation-mobile>h2,.translation-mobile-lead{text-align:center}
 .translation-mobile>h2{font-size:clamp(30px,8vw,44px);line-height:1.1;letter-spacing:-.045em;margin-bottom:18px}
 .translation-mobile-lead{color:var(--muted);font-size:16px;line-height:1.5;margin-bottom:28px}
 .translation-mobile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
 .translation-mobile-grid figure{min-width:0;display:flex;flex-direction:column}
 .homepage .translation-mobile-grid figcaption{text-align:left;margin:0 0 10px;color:var(--text);flex:1}
 .translation-mobile-grid h3{font-size:14px;line-height:1.3;min-height:38px;display:flex;gap:7px;align-items:center;margin:0 0 8px}
 .translation-mobile-grid h3 span{display:grid;place-items:center;flex:0 0 25px;height:25px;border:1px solid var(--cyan);border-radius:50%;color:var(--text)}
 .translation-mobile-grid p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}
 .translation-mobile-grid svg{display:block;width:100%;height:auto;aspect-ratio:330/555;overflow:hidden}
 .translation-mobile-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;margin-top:26px}
 .translation-mobile-benefits h3{font-size:14px;line-height:1.35;color:var(--cyan);margin-bottom:7px}
 .translation-mobile-benefits p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}
 .translation-mobile .translation-mobile-tagline{margin:26px 0 0}
}