/* Crawljet motion direction: bold color, physical layers and a connected journey. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
html{scroll-padding-top:120px}
.shell{width:min(1320px,calc(100% - 96px));margin-inline:auto}
header{position:fixed;z-index:80;top:24px;left:50%;transform:translateX(-50%);width:min(1320px,calc(100% - 64px));height:82px;margin:0;padding:0 25px 0 30px;border-radius:44px;background:var(--warm);box-shadow:0 8px 32px #1709250c;transition:top .4s var(--motion-ease),box-shadow .3s}
header .logo{width:158px}
.header-right{gap:20px}
.locale{padding-inline-start:19px;gap:10px}
.header-access{display:flex;align-items:center;gap:17px;background:var(--purple);color:var(--warm);border:0;border-radius:28px;padding:15px 20px;font-size:12px;font-weight:650;min-height:48px}
.header-access svg{width:15px;height:15px}
.button{border-radius:30px;font-size:14px;min-height:58px;padding:17px 25px;transition:transform .35s var(--motion-ease),background .2s,box-shadow .35s;will-change:transform}
.button:hover{transform:translateY(-4px);box-shadow:0 8px 0 #1d0c3c18}
.button:active{transform:translateY(-1px);box-shadow:none}
.motion-home{width:100%;margin:0;overflow:clip}
.launch-experience{background:var(--purple)}
.kinetic-hero{background:var(--purple);color:var(--warm);overflow:hidden;position:relative}
.hero-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:34px;align-items:center;min-height:830px;padding:162px 0 65px}
.hero-content{position:relative;z-index:2}
.hero-kicker{font-size:12px;letter-spacing:.02em;margin:0 0 26px;color:#d7c7e8}
.kinetic-hero h1{font-size:clamp(62px,6.55vw,105px);font-weight:800;line-height:1.015;letter-spacing:-.065em;word-spacing:0;margin:0 0 27px}
.line-mask{display:block;overflow:hidden;padding-bottom:.075em;margin-bottom:-.035em;white-space:nowrap}
.line-mask>span{display:inline-block;animation:hero-line 1s var(--motion-ease) both;animation-delay:.13s}
.line-mask:nth-child(2)>span{animation-delay:.24s}
.line-mask:nth-child(3)>span{animation-delay:.35s}
.accent-line{color:var(--ember)}
.headline-swift{display:inline-block;width:.87em;height:.87em;object-fit:contain;margin-inline-start:.25em;vertical-align:baseline;animation:headline-swift-in 1.4s .4s var(--motion-ease) both,headline-swift-float 6s 2s ease-in-out infinite}
.kinetic-hero .hero-description{color:#ddcee9;max-width:475px;font-size:15px;line-height:1.85;margin-bottom:30px}
.kinetic-hero .button{background:var(--ember);color:var(--purple)}
.kinetic-hero .button:hover{background:#ff8959;box-shadow:0 8px 0 #12051c35}
.hero-explore{font-size:12px;display:flex;align-items:center;gap:14px;padding:12px 0;color:var(--warm)}
.down-arrow{display:inline-block;font-size:20px;animation:arrow-down 1.9s ease-in-out infinite}
.hero-bottom{display:flex;justify-content:space-between;font-size:10px;color:#bfa9d1;padding:21px 0;border-top:1px solid #e9d8f323}

.scene-wrap{position:relative;min-width:0;padding-top:25px;isolation:isolate}
.scene-halo{position:absolute;width:92%;aspect-ratio:1;left:6%;top:3%;border-radius:48% 52% 62% 38% / 52% 35% 65% 48%;background:#63477d;transform:rotate(-10deg);opacity:.5;z-index:-1;animation:halo-morph 13s ease-in-out infinite alternate}
.workflow-deck{position:relative;height:455px;perspective:1100px;animation:scene-enter 1.1s .35s var(--motion-ease) both}
.deck-tilt{position:absolute;inset:0;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;transition:transform .6s var(--motion-ease)}
.stage-card{--card-x:0px;--card-y:0px;--card-r:0deg;--card-s:1;position:absolute;left:50%;top:15px;width:min(354px,78%);height:402px;padding:27px 25px 23px;border:2px solid #30184f;border-radius:24px;box-shadow:0 20px 35px #16052230;background:var(--warm);color:var(--purple);transform:translate(calc(-50% + var(--card-x)),var(--card-y)) rotate(var(--card-r)) scale(var(--card-s));transition:transform 1s var(--motion-ease),filter 1s,box-shadow 1s;backface-visibility:hidden;overflow:hidden}
.stage-card h2{font-size:32px;letter-spacing:-.045em;line-height:1.1;font-weight:800;margin:22px 0 13px}
.stage-card-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:650}
.stage-card-top svg{height:21px;width:21px}
.stage-create{background:var(--lilac)}
.stage-measure{background:var(--ember)}
[data-stage=research] .stage-research{--card-x:-20px;--card-y:0px;--card-r:-7deg;z-index:3}
[data-stage=research] .stage-create{--card-x:62px;--card-y:-18px;--card-r:11deg;--card-s:.94;z-index:2}
[data-stage=research] .stage-measure{--card-x:25px;--card-y:51px;--card-r:5deg;--card-s:.96;z-index:1}
[data-stage=create] .stage-create{--card-x:0px;--card-y:-6px;--card-r:3deg;z-index:3}
[data-stage=create] .stage-research{--card-x:-76px;--card-y:34px;--card-r:-16deg;--card-s:.89;z-index:1}
[data-stage=create] .stage-measure{--card-x:65px;--card-y:35px;--card-r:12deg;--card-s:.96;z-index:2}
[data-stage=measure] .stage-measure{--card-x:0px;--card-y:0px;--card-r:-5deg;z-index:3}
[data-stage=measure] .stage-create{--card-x:-65px;--card-y:-22px;--card-r:-14deg;--card-s:.92;z-index:2}
[data-stage=measure] .stage-research{--card-x:65px;--card-y:36px;--card-r:16deg;--card-s:.92;z-index:1}
.cluster-drawing{height:170px;position:relative;margin-top:11px;font-family:Manrope,sans-serif;direction:ltr}
.cluster-drawing svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.cluster-path{stroke-dasharray:400;stroke-dashoffset:400;animation:connect-lines 3.6s .6s ease-in-out infinite}
.cluster-parent,.cluster-leaf{position:absolute;border:1px solid #cbbad9;background:#f0e6f6;border-radius:10px;font-size:10px;text-align:center;padding:10px 8px;white-space:nowrap}
.cluster-parent{top:25px;left:50%;transform:translateX(-50%);background:var(--purple);color:var(--warm);padding:13px 19px;font-size:11px}
.cluster-leaf{top:116px;animation:node-rise 3.6s ease-in-out infinite}
.leaf-one{left:0;animation-delay:.25s}
.leaf-two{left:50%;transform:translateX(-50%);animation-name:node-center;animation-delay:.5s}
.leaf-three{right:0;animation-delay:.75s}
.card-foot{position:absolute;bottom:23px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #30184f24;padding-top:16px;font-size:10px;color:#6e5b7c}
.card-foot svg{width:17px;height:17px;flex-shrink:0}
.stage-create h2{font-size:29px;margin-top:17px;margin-bottom:14px}
.scene-language{display:grid;grid-template-columns:55px 1fr;gap:4px 8px;border-top:1px solid #cbbad9;padding:12px 0;direction:ltr;text-align:left;font-family:Manrope,sans-serif}
.scene-language>span{font-size:9px;color:#776286;padding-top:4px}
.scene-language p{font-size:16px;line-height:1.35;margin:0;letter-spacing:-.02em;font-weight:600}
.writing-lines{grid-column:2;display:flex;gap:5px;margin-top:8px}
.writing-lines i{display:block;height:3px;background:#cdbddb;width:47%;transform-origin:left;animation:write-line 3.6s ease-in-out infinite}
.writing-lines i:last-child{width:26%;animation-delay:.4s}
.arabic-sample{font-family:PlexArabic,sans-serif;direction:rtl;text-align:right}
.arabic-sample p{font-size:18px;letter-spacing:0;line-height:1.4}
.arabic-sample .writing-lines i{transform-origin:right}
.scene-checklist{margin-top:24px}
.scene-checklist>div{display:flex;align-items:center;gap:10px;border-top:1px solid #30184f30;padding:12px 0;font-size:11px;font-weight:500}
.scene-checklist svg{width:17px;height:17px;flex-shrink:0}
.scene-swift{position:absolute;width:76px;height:76px;right:25px;bottom:19px;transform:rotate(-15deg);opacity:.65}
.flying-swift{position:absolute;right:-9px;top:-21px;width:105px;z-index:8;pointer-events:none;animation:swift-flight 7s ease-in-out infinite}
.scene-spark{position:absolute;color:#c9b2df;z-index:5;pointer-events:none}
.spark-one{font-size:58px;left:-12px;top:38px;animation:rotate-spark 22s linear infinite}
.spark-two{font-size:42px;right:13px;bottom:10px;animation:spark-bob 4s ease-in-out infinite}
.scene-controls{display:flex;justify-content:center;gap:5px;position:relative;z-index:6;padding-top:9px;direction:ltr}
.scene-controls button{position:relative;background:none;border:0;color:#bfa7d0;font-size:11px;padding:12px 14px 18px;font-weight:600;overflow:hidden;min-width:90px}
.scene-controls button:after{content:'';position:absolute;bottom:4px;left:14px;right:14px;height:2px;background:#ffffff25}
.scene-controls button i{position:absolute;bottom:4px;left:14px;right:14px;height:2px;background:var(--ember);transform:scaleX(0);transform-origin:left;z-index:1}
.scene-controls button[aria-selected=true]{color:var(--warm)}
.scene-controls button[aria-selected=true] i{animation:scene-progress 4.4s linear both}
.workflow-marquee{background:var(--ember);color:var(--purple);overflow:hidden;padding:23px 0}
.marquee-track{display:flex;width:max-content;animation:marquee 27s linear infinite;direction:ltr}
.marquee-track>div{flex-shrink:0;padding-inline:22px}
.marquee-track span{white-space:nowrap;font-size:clamp(28px,4.4vw,64px);font-weight:800;letter-spacing:-.05em;line-height:1.1}
.marquee-track b{display:inline-block;padding:0 25px;font-size:.65em;vertical-align:8%;font-weight:500}
.product-story{background:var(--lilac);color:var(--purple);padding:105px 0 85px;overflow:hidden}
.story-heading{max-width:810px;margin:0 auto;text-align:center}
.story-heading h2,.language-story h2{font-size:clamp(42px,5.1vw,74px);font-weight:800;line-height:1.04;letter-spacing:-.055em;margin:18px 0 25px}
.story-heading h2 em,.language-story h2 em{font-style:normal;color:#925130}
.story-heading>p:last-child{max-width:440px;margin:0 auto;color:#796587;font-size:15px}
.story-heading .section-label{color:#796587}
.screen-stage{position:relative;perspective:1300px;margin:54px auto 0;width:94%;padding:25px 0}
.story-screen{background:#fffdfb;padding:13px;border-radius:22px;box-shadow:0 28px 60px #30184f22;transform:translateY(var(--screen-y,34px)) rotateX(var(--screen-rotate,9deg)) scale(var(--screen-scale,.92));transform-origin:50% 80%;will-change:transform}
.story-screen img{width:100%;border-radius:11px}
.story-screen figcaption{color:#907c9d;text-align:center;font-size:10px;line-height:1.5;padding:10px 0 2px}
.screen-float{display:flex;align-items:center;gap:15px;position:absolute;padding:19px 23px;border-radius:17px;z-index:3;box-shadow:0 12px 25px #30184f1a;font-size:13px}
.screen-float span{font-size:10px;opacity:.6}
.screen-float b{font-weight:700}
.screen-float svg{width:20px;height:20px}
.screen-float-one{background:var(--ember);left:-28px;top:12px;rotate:-7deg}
.screen-float-two{background:var(--purple);color:var(--warm);right:-25px;bottom:17px;rotate:6deg}
.story-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:39px;padding-inline:3%}
.story-bottom p{font-size:14px;color:#796587;margin:0}
.purple-button{background:var(--purple);color:var(--warm)}
.purple-button:hover{background:#4c2c6b}
.bilingual-playground{background:var(--ember);padding:105px 0;overflow:hidden}
.bilingual-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:85px;align-items:center}
.language-sculpture{position:relative;height:430px;perspective:900px;direction:ltr}
.language-tile{position:absolute;border-radius:24px;width:76%;left:50%;text-align:center;font-family:Manrope,sans-serif;font-size:86px;line-height:1;letter-spacing:-.075em;font-weight:800;padding:45px 0;box-shadow:0 20px 35px #7f2b0c25}
.english-tile{background:var(--purple);color:var(--warm);top:20px;transform:translateX(-55%) rotate(-10deg);animation:english-bob 6.8s ease-in-out infinite}
.arabic-tile{background:var(--lilac);color:var(--purple);font-family:PlexArabic,sans-serif;top:182px;font-size:92px;padding:31px 0 41px;letter-spacing:-.04em;transform:translateX(-44%) rotate(8deg);animation:arabic-bob 6.8s -.8s ease-in-out infinite}
.language-swift{position:absolute;width:102px;height:102px;bottom:12px;left:1%;animation:swift-loop 8s ease-in-out infinite}
.language-asterisk{position:absolute;font-size:80px;top:-21px;right:2%;color:var(--purple);animation:rotate-spark 25s linear infinite}
.language-story .section-label{color:#713218}
.language-story h2 em{color:var(--warm)}
.language-story>p:not(.section-label){font-size:16px;max-width:390px;color:#592334;line-height:1.8;margin:0 0 23px}
.language-story .text-link{font-size:14px}
.launch-invite{background:var(--purple);color:var(--warm);padding:95px 0 85px;text-align:center}
.invite-swift{width:65px;height:65px;margin:0 auto 24px;animation:invite-bob 5s ease-in-out infinite}
.launch-invite .section-label{color:#c7b2da}
.launch-invite h2{font-size:clamp(48px,7.1vw,105px);font-weight:800;letter-spacing:-.06em;line-height:1.02;margin-bottom:26px}
.launch-invite p:not(.section-label){font-size:15px;color:#d4c0e3;margin:0 0 30px}
.site-footer{display:block;width:100%;background:var(--purple);color:#c7b2da;margin:0;border-top:0;padding:0 0 40px}
.footer-top{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff25;padding:26px 0 36px;gap:30px}
.site-footer .domain{color:var(--warm)}
.footer-wordmark{display:block;width:100%;overflow:hidden}
.footer-wordmark img{width:100%;height:auto}
.site-footer .footer-links a:hover,.site-footer .footer-links button:hover{color:var(--ember)}
.product-experience{background:var(--warm)}
.product-experience .product-page{padding-top:134px}
.product-intro h1{font-weight:800;letter-spacing:-.06em}
.product-screen{perspective:1000px}
.screen-mat{border-radius:22px 22px 0 0}
.product-experience .tabs button{transition:color .2s,transform .35s var(--motion-ease)}
.product-experience .tabs button:hover{transform:translateX(5px)}
.product-experience .workflow-panel{border-radius:20px;transition:opacity .2s,transform .45s var(--motion-ease)}
.product-experience .bilingual-card{border-radius:20px;transition:transform .5s var(--motion-ease)}
.product-experience .bilingual-card:hover{transform:rotate(-2deg) translateY(-5px)}
.product-experience .cta-section h2{font-weight:800;letter-spacing:-.055em}
.motion-ready [data-reveal]{opacity:0;transform:translateY(45px) rotate(1.5deg);transition:opacity .9s var(--motion-ease),transform 1s var(--motion-ease)}
.motion-ready [data-reveal].is-visible{opacity:1;transform:translateY(0) rotate(0)}
[data-motion=paused] *,[data-motion=paused] *:before,[data-motion=paused] *:after{animation-play-state:paused!important}
[data-motion=paused] [data-reveal]{opacity:1;transform:none}
[data-motion=paused] .deck-tilt{transform:none}
[data-motion=paused] .story-screen{transform:none}
[data-motion=paused] .line-mask>span,[data-motion=paused] .workflow-deck{animation:none;transform:none;opacity:1}
[dir=rtl] .kinetic-hero h1{font-size:clamp(55px,5.4vw,83px);line-height:1.28;letter-spacing:-.04em}
[dir=rtl] .scene-wrap{direction:ltr;font-family:Manrope,PlexArabic,sans-serif}
[dir=rtl] .stage-card h2{font-family:PlexArabic,sans-serif;font-size:29px;line-height:1.3;letter-spacing:0;text-align:right}
[dir=rtl] .hero-bottom{font-family:PlexArabic,Manrope,sans-serif}
[dir=rtl] .story-heading h2,[dir=rtl] .language-story h2,[dir=rtl] .launch-invite h2{font-size:clamp(42px,5vw,76px);line-height:1.35;letter-spacing:-.025em}
[dir=rtl] .language-sculpture{grid-column:1}
[dir=rtl] .story-screen{direction:ltr}
[dir=rtl] .scene-language p{font-family:Manrope,sans-serif}
[dir=rtl] .arabic-sample p{font-family:PlexArabic,sans-serif}

@keyframes hero-line{from{transform:translateY(115%) rotate(5deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}
@keyframes headline-swift-in{from{transform:translate(-100px,70px) rotate(-25deg);opacity:0}to{transform:translate(0,0) rotate(0);opacity:1}}
@keyframes headline-swift-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(7deg)}}
@keyframes arrow-down{0%,100%{transform:translateY(-2px)}50%{transform:translateY(5px)}}
@keyframes halo-morph{from{transform:rotate(-10deg) scale(.97);border-radius:48% 52% 62% 38% / 52% 35% 65% 48%}to{transform:rotate(12deg) scale(1.04);border-radius:62% 38% 44% 56% / 45% 62% 38% 55%}}
@keyframes scene-enter{from{transform:translateY(80px) rotate(12deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}
@keyframes connect-lines{0%,12%{stroke-dashoffset:400}50%,88%{stroke-dashoffset:0}100%{stroke-dashoffset:0}}
@keyframes node-rise{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes node-center{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-5px)}}
@keyframes write-line{0%,15%{scale:.15 1;opacity:.5}55%,100%{scale:1 1;opacity:1}}
@keyframes swift-flight{0%,100%{transform:translate(0,0) rotate(-16deg)}30%{transform:translate(-22px,-16px) rotate(-5deg)}65%{transform:translate(9px,7px) rotate(-22deg)}}
@keyframes rotate-spark{to{rotate:360deg}}
@keyframes spark-bob{0%,100%{translate:0 0}50%{translate:0 -14px}}
@keyframes scene-progress{to{transform:scaleX(1)}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes english-bob{0%,100%{transform:translateX(-55%) translateY(0) rotate(-10deg)}50%{transform:translateX(-55%) translateY(-12px) rotate(-7deg)}}
@keyframes arabic-bob{0%,100%{transform:translateX(-44%) translateY(0) rotate(8deg)}50%{transform:translateX(-44%) translateY(12px) rotate(11deg)}}
@keyframes swift-loop{0%,100%{transform:translate(0,0) rotate(-15deg)}50%{transform:translate(17px,-18px) rotate(4deg)}}
@keyframes invite-bob{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-12px) rotate(5deg)}}

@media(min-width:1500px){.hero-layout{min-height:940px}.workflow-deck{height:490px}.stage-card{width:375px;height:428px}.scene-wrap{padding-top:20px}.scene-language{padding-block:15px}.stage-card h2{font-size:36px}.stage-create h2{font-size:32px}.hero-kicker{font-size:13px}.kinetic-hero .hero-description{font-size:17px}.hero-explore{font-size:13px}}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}header{width:calc(100% - 40px);padding-inline:24px;height:76px;top:20px}.header-right{gap:14px}.header-access{padding-inline:15px}.hero-layout{gap:10px;min-height:780px;padding-top:150px}.kinetic-hero h1{font-size:6.5vw}.stage-card{width:305px;height:382px;padding:23px}.stage-card h2{font-size:29px}.workflow-deck{height:430px}.scene-language p{font-size:14px}.scene-language{grid-template-columns:48px 1fr;padding-block:10px}.arabic-sample p{font-size:17px}.stage-create h2{margin-top:15px}.scene-swift{width:65px;height:65px}.flying-swift{width:86px}.spark-one{left:2px;font-size:43px}.hero-layout .actions{gap:17px}.hero-layout .button{font-size:12px;padding-inline:20px}.hero-explore{font-size:11px}.bilingual-layout{gap:50px}.language-tile{font-size:76px}.arabic-tile{font-size:82px}.language-story h2{font-size:5.1vw}.product-story{padding-top:85px}.screen-float{padding:16px 18px;font-size:11px}}
@media(max-width:760px){
 .shell{width:calc(100% - 40px)}header{top:12px;width:calc(100% - 24px);height:66px;border-radius:36px;padding-inline:18px}header .logo{width:129px}.nav,.header-access{display:none}.header-right{gap:11px}.locale{border-inline-start:0;padding-inline-start:0;font-size:10px;gap:8px}.locale span{font-size:12px}.motion-toggle{height:30px;width:30px;padding:6px}.hero-layout{grid-template-columns:1fr;gap:14px;padding:124px 0 24px;min-height:0}.hero-kicker{font-size:11px;margin-bottom:23px}.kinetic-hero h1{font-size:clamp(45px,12.15vw,82px);line-height:1.02;letter-spacing:-.065em;margin-bottom:24px}.kinetic-hero .hero-description{font-size:14px;line-height:1.8;max-width:460px;margin-bottom:25px}.hero-layout .actions{gap:20px;flex-wrap:wrap}.hero-layout .button{font-size:12px;min-height:54px;padding-inline:21px}.hero-explore{font-size:11px;gap:10px}.scene-wrap{max-width:450px;width:100%;margin:0 auto;padding-top:42px}.workflow-deck{height:408px}.stage-card{width:290px;height:358px;padding:22px}.stage-card h2{font-size:28px;margin-top:17px}.stage-card-top{font-size:10px}.cluster-drawing{height:150px;margin-top:3px}.cluster-leaf{font-size:9px;padding:9px 7px;top:110px}.cluster-parent{font-size:10px}.card-foot{left:22px;right:22px;bottom:20px;font-size:9px;padding-top:13px}.stage-create h2{font-size:26px;margin-bottom:12px}.scene-language{padding:9px 0}.scene-language p{font-size:14px}.arabic-sample p{font-size:16px}.scene-checklist{margin-top:20px}.scene-checklist>div{font-size:10px}.scene-swift{width:54px;height:54px;bottom:14px}.scene-halo{width:90%;left:5%;top:6%}.flying-swift{top:7px;right:2%;width:82px}.spark-one{top:44px;left:0;font-size:43px}.spark-two{font-size:35px;right:0}.scene-controls{padding-top:2px}.scene-controls button{font-size:10px;min-width:88px;padding-bottom:17px}.scene-disclaimer{font-size:9px;margin-top:10px}.hero-bottom{padding-block:18px;font-size:9px;gap:25px;line-height:1.6}.workflow-marquee{padding:19px 0}.marquee-track span{font-size:32px}.marquee-track b{padding-inline:15px}.product-story{padding:57px 0 50px}.story-heading h2,.language-story h2{font-size:43px;letter-spacing:-.055em;margin-top:14px}.story-heading .section-label{font-size:11px}.story-heading>p:last-child{font-size:13px;max-width:310px}.screen-stage{width:100%;margin-top:37px;padding-block:20px}.story-screen{padding:6px;border-radius:13px}.story-screen img{border-radius:7px}.story-screen figcaption{font-size:8px;padding:7px 0 3px}.screen-float{padding:12px 13px;border-radius:11px;font-size:9px;gap:9px}.screen-float span{font-size:8px}.screen-float svg{width:15px;height:15px}.screen-float-one{left:-7px;top:0;rotate:-5deg}.screen-float-two{right:-6px;bottom:0;rotate:4deg}.story-bottom{display:block;padding:0;margin-top:24px}.story-bottom p{font-size:12px;line-height:1.8;margin-bottom:22px}.story-bottom .button{font-size:12px;min-height:52px}.bilingual-playground{padding:40px 0 55px}.bilingual-layout{display:flex;flex-direction:column;gap:22px}.language-sculpture{width:100%;height:340px;max-width:400px}.language-tile{font-size:69px;padding:34px 0;width:77%;border-radius:20px}.english-tile{top:17px}.arabic-tile{top:143px;font-size:76px;padding:25px 0 34px}.language-asterisk{font-size:57px;top:-8px;right:2%}.language-swift{width:77px;height:77px;bottom:0}.language-story{width:100%}.language-story h2{margin-top:16px}.language-story>p:not(.section-label){font-size:14px;max-width:100%}.language-story .text-link{font-size:12px}.launch-invite{padding:57px 0 55px}.launch-invite h2{font-size:53px;letter-spacing:-.06em}.launch-invite p:not(.section-label){font-size:13px}.invite-swift{width:54px;height:54px}.launch-invite .button{font-size:13px;min-height:55px}.site-footer{padding-bottom:25px}.footer-top{display:block;padding:22px 0 25px}.footer-brand{font-size:10px}.footer-links{font-size:10px;flex-wrap:wrap;gap:24px;margin-top:10px}.footer-wordmark{margin-top:6px}.product-experience .product-page{padding-top:100px}.product-intro h1{font-size:clamp(37px,9.3vw,64px)}.product-experience .section-heading h2{font-weight:800}.product-experience .screen-mat{border-radius:14px 14px 0 0}[dir=rtl] .kinetic-hero h1{font-size:clamp(43px,11.8vw,72px);line-height:1.25;letter-spacing:-.04em}[dir=rtl] .stage-card h2{font-size:26px;line-height:1.25}[dir=rtl] .story-heading h2,[dir=rtl] .language-story h2,[dir=rtl] .launch-invite h2{font-size:43px;line-height:1.3}[dir=rtl] .scene-wrap{max-width:450px}
}
@media(max-width:360px){[data-stage=research] .stage-research{--card-x:0px}.kinetic-hero h1{font-size:12vw}.hero-layout .actions{gap:15px}.hero-layout .button{padding-inline:18px;font-size:11px}.hero-explore{font-size:10px}.workflow-deck{height:378px}.stage-card{width:250px;height:340px;padding:19px}.stage-card h2{font-size:25px}.stage-card-top{font-size:9px}.stage-create h2{font-size:23px}.scene-language{padding-block:7px}.scene-language p{font-size:12px}.arabic-sample p{font-size:15px}.cluster-drawing{height:144px}.cluster-leaf{font-size:8px}.card-foot{left:19px;right:19px;font-size:8px}.scene-checklist>div{font-size:9px}.flying-swift{width:70px}.hero-bottom{font-size:8px;gap:20px}.story-heading h2,.language-story h2{font-size:37px}.launch-invite h2{font-size:46px}.screen-float{font-size:8px}.screen-float span{display:none}.header-right{gap:8px}header .logo{width:119px}.scene-disclaimer{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.motion-ready [data-reveal]{opacity:1;transform:none}.deck-tilt,.story-screen{transform:none}.marquee-track{transform:none}.scene-controls button[aria-selected=true] i{transform:scaleX(1)}}