/* Tubity Web 03 — Figma EkyvoG5xGENQeTLpFM0SfR / 8845:2 */
:root{--ink:#2d1635;--purple:#a366f5;--surface:#f6f2ff;--muted:#776b7b;--line:#ddd5df;--white:#fff;--accent-color:#68359b;--text-main:var(--ink);--text-muted:var(--muted);--gutter:64px;color:var(--ink);background:#fff;font-family:Manrope,Arial,sans-serif;font-synthesis:none;font-weight:400;line-height:1.55;scroll-behavior:auto}
*{box-sizing:border-box}body{margin:0}body:has(dialog[open]){overflow:hidden}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}a,button,summary{touch-action:manipulation}button:disabled{cursor:wait}p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:600}h1{font-size:clamp(70px,7.22vw,104px);line-height:1.04;letter-spacing:-.0577em}h2{font-size:clamp(48px,5vw,72px);line-height:1.111;letter-spacing:-.0486em}h3{font-size:28px;line-height:1.3;letter-spacing:-.8px}ul,ol{margin:0;padding:0}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #7744c4;outline-offset:5px}h1:focus{outline:none}[hidden]{display:none!important}.container{width:100%;max-width:1440px;margin-inline:auto;padding-inline:var(--gutter)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;left:24px;top:16px;background:var(--ink);color:white;padding:12px 18px;border-radius:24px;transform:translateY(-200%)}.skip-link:focus{transform:none}.eyebrow{font-size:11px;line-height:16px;letter-spacing:.44px;font-weight:600;color:var(--muted)}.body-copy{font-size:18px;line-height:28px;color:var(--muted)}.surface{background:var(--surface)}.dark{background:var(--ink);color:white}.dark .body-copy,.dark .eyebrow{color:#ddd5df}.arrow{font-family:Arial,sans-serif;font-size:20px;line-height:1;display:inline-block}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:16px 24px;min-height:56px;min-width:182px;background:var(--ink);color:white;border-radius:100px;font-size:14px;font-weight:600;line-height:20px;transition:background .18s,transform .12s}.button .arrow{font-size:18px;transform:rotate(45deg)}.button:hover{background:#4e2e5a}.button:active{transform:scale(.975)}.button.light{background:white;color:var(--ink)}.button.light:hover{background:var(--surface)}.text-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;font-size:14px;font-weight:600}.text-link .arrow{font-size:18px;opacity:0;transition:opacity .18s,translate .18s;translate:-5px 0}.text-link:hover .arrow,.text-link:focus-visible .arrow{opacity:1;translate:0 0}.text-link:hover>span:first-child{text-decoration:underline;text-underline-offset:5px}
.header{height:104px;background:white;position:relative;z-index:5}.nav-shell{max-width:1440px;padding:24px var(--gutter);margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:block;width:132px;flex:0 0 auto}.brand img{width:100%;height:auto}.desktop-nav{display:flex;align-items:center;gap:32px;margin-left:80px}.nav-link{font-size:14px;font-weight:600;min-height:44px;display:flex;align-items:center;position:relative}.nav-link .arrow{display:none}.nav-link:after{content:'';position:absolute;bottom:5px;left:0;right:0;height:2px;background:var(--purple);transform:scaleX(0);transform-origin:left;transition:transform .18s}.nav-link:hover:after,.nav-link[aria-current=page]:after{transform:scaleX(1)}.nav-actions{display:flex;align-items:center;gap:24px}.menu-toggle,.menu-close{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:600;padding:0}.menu-icon{display:grid;gap:4px;width:15px}.menu-icon i{height:1px;background:currentColor;display:block}.menu-icon i:last-child{width:10px;margin-left:auto}
.hero{padding-block:48px 64px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:24px;max-width:620px}.hero-copy .body-copy{max-width:550px}.hero-stage{width:100%;aspect-ratio:620/576.6;position:relative;isolation:isolate}.hero-stage>.art{width:100%;height:auto;position:absolute;top:-4.3%;left:0}.scene-badge{position:absolute;top:8px;left:24px;border-radius:100px;background:var(--surface);font-size:11px;line-height:16px;letter-spacing:.44px;font-weight:600;padding:8px 12px}.hero-actions{display:flex;align-items:center;gap:20px}.hero-actions>.button{min-width:218px}.hero-actions>.text-link .arrow{display:none}.chapter-tabs{display:flex;gap:8px;margin-top:32px}.chapter-tabs a{display:flex;align-items:center;justify-content:center;width:156px;min-height:56px;border:1px solid var(--line);border-radius:100px;background:white;font-size:14px;font-weight:600;color:var(--ink);transition:background .18s,border-color .18s,transform .12s}.chapter-tabs a:hover,.chapter-tabs a[aria-current=page]{background:var(--surface);border-color:var(--purple)}.chapter-tabs a:active{transform:scale(.97)}.dark .chapter-tabs a{background:transparent;color:white;border-color:#6c5375}.dark .chapter-tabs a:hover,.dark .chapter-tabs a[aria-current=page]{background:#4b2e55;border-color:#a366f5}.manifesto{padding-block:88px}.manifesto-grid{display:grid;grid-template-columns:2fr 1fr;gap:72px;align-items:start;margin-top:24px}.manifesto-grid .body-copy{max-width:390px}.editorial{padding-block:88px}.editorial-grid{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:64px}.editorial-copy{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.editorial-art{max-width:450px;justify-self:center;width:100%}.editorial-art>.art{width:100%;height:auto}.cta{background:var(--purple);padding-block:88px}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:64px}.cta h2{max-width:950px}.cta .button{flex-shrink:0;min-width:230px}.footer{padding:48px var(--gutter) 40px;max-width:1440px;margin:auto}.footer-top{border-top:1px solid var(--line);padding-top:32px;display:flex;align-items:center;justify-content:space-between;gap:40px}.footer .brand{width:156px}.footer nav{display:flex;gap:32px;flex-wrap:wrap}.footer-link{font-size:13px;min-height:44px;display:flex;align-items:center}.footer-link:hover{text-decoration:underline;text-underline-offset:5px}.footer-link .arrow{display:none}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px;color:var(--muted);font-size:13px}.footer-settings{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.footer-settings button{font-size:12px;min-height:44px;padding:0}.footer-settings button:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.steps{padding-block:88px}.steps ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px}.steps li{border-top:1px solid var(--line);padding-top:24px}.step-number{font-size:13px;color:var(--muted);display:block;margin-bottom:24px}.steps h3{margin-bottom:16px}.product-note{padding-block:88px}.product-note h2{font-size:40px;line-height:46px;letter-spacing:-1.5px;margin-bottom:24px}.product-note .body-copy{max-width:740px}.look-selector{padding-block:88px}.look-tabs{display:flex;gap:8px;flex-wrap:wrap}.look-tabs button{min-height:56px;min-width:110px;border:1px solid var(--line);border-radius:100px;padding:14px 20px;font-size:14px;font-weight:600;background:white;transition:background .18s,color .18s,transform .12s}.look-tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:white}.look-tabs button:active{transform:scale(.97)}.look-stage{position:relative;width:min(100%,450px);aspect-ratio:342/350;justify-self:center}.look-stage>[role=tabpanel]{width:100%;height:100%}.look-stage .art{width:100%;height:auto}.portal{height:180svh;min-height:1000px;background:var(--ink);color:white}.portal-sticky{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate;background:white;color:var(--ink)}.portal-caption{position:absolute;top:80px;left:max(var(--gutter),calc((100vw - 1312px)/2));z-index:2}.portal-caption h2{font-size:clamp(80px,9vw,128px);margin-top:18px}.portal-art{position:absolute;left:50%;top:50%;width:360px;transform:translate(-50%,-50%)}.portal-art img{width:100%;height:auto}.portal-end{position:absolute;bottom:70px;right:max(var(--gutter),calc((100vw - 1312px)/2));font-size:40px;font-weight:600;letter-spacing:-1.5px;opacity:0;z-index:2}.portal .eyebrow{color:inherit}
.download-hero{padding-block:88px;display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}.download-copy{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.store-links{display:flex;gap:12px;flex-wrap:wrap;scroll-margin-top:36px}.store-button{border-radius:16px;background:var(--ink);color:white;display:flex;gap:12px;padding:14px 18px;align-items:center;min-width:190px;transition:background .18s,transform .12s}.store-button:hover{background:#4e2e5a}.store-button:active{transform:scale(.97)}.store-button small{font-size:9px;letter-spacing:.5px;display:block}.store-button strong{font-size:20px;line-height:1.2;font-weight:600}.store-symbol{font-size:30px}.store-button>span:last-child{margin-left:auto}.store-note{font-size:13px;color:var(--muted)}.phone-stage{background:var(--surface);min-height:680px;display:flex;align-items:center;justify-content:center;border-radius:240px}.phone{background:white;border:8px solid var(--ink);border-radius:48px;width:300px;height:610px;position:relative;overflow:hidden;padding:58px 18px 28px;text-align:center;box-shadow:0 24px 50px #2d163516}.phone-notch{width:96px;height:24px;background:var(--ink);border-radius:100px;position:absolute;top:12px;left:50%;transform:translateX(-50%)}.phone-logo .brand{width:94px;margin:0 auto 24px}.phone h2{font-size:30px;letter-spacing:-1px}.phone p{font-size:11px;color:var(--muted);margin:8px -5px 6px}.phone>.art{width:250px;height:auto}.phone-button{display:block;background:var(--ink);color:white;border-radius:24px;font-size:12px;padding:12px 8px}.phone-home{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);width:96px;height:4px;background:var(--ink);border-radius:100px}.help-hero{padding-block:88px 144px;display:flex;flex-direction:column;align-items:flex-start;gap:24px}.help-hero .body-copy{max-width:720px}.faq{padding-bottom:88px}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px;cursor:pointer;list-style:none;min-height:88px;font-size:16px}.faq summary::-webkit-details-marker{display:none}.faq summary>span:last-child{font-size:26px;line-height:1;transition:transform .18s;margin-right:38%}.faq details[open] summary>span:last-child{transform:rotate(45deg)}.faq-answer{padding:0 24px 28px;font-size:18px;color:var(--muted);max-width:850px;line-height:28px}.faq-answer a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.contact{padding-block:88px}.contact .body-copy{margin:24px 0 32px}.contact-mail{font-size:40px;letter-spacing:-1.5px;font-weight:600;display:inline-flex;align-items:center;gap:20px}.contact-mail:hover .arrow{translate:4px -4px}.contact-mail .arrow{transition:translate .18s;align-self:flex-start}
.menu-panel{position:fixed;inset:0;border:0;margin:0;width:100%;height:100dvh;max-width:none;max-height:none;background:white;color:var(--ink);padding:0;overflow:auto}.menu-panel::backdrop,dialog.intro::backdrop{background:white}.menu-head{display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:24px var(--gutter);height:104px}.menu-close>span:last-child{font-size:26px;line-height:1}.menu-content{max-width:1440px;margin:40px auto 0;padding:0 var(--gutter);display:grid;grid-template-columns:1.6fr 1fr;gap:96px}.menu-row{display:flex;align-items:baseline;gap:32px;padding:12px 0;border-bottom:1px solid var(--line);font-size:clamp(42px,4.5vw,64px);font-weight:600;letter-spacing:-2.5px;line-height:1.3}.menu-number{font-size:12px;letter-spacing:0;font-weight:400;color:var(--muted)}.menu-row .arrow{margin-left:auto;font-size:32px;opacity:0;transition:opacity .18s,translate .18s}.menu-row:hover{color:#814bc9}.menu-row:hover .arrow{opacity:1;translate:6px -6px}.menu-content aside .art{width:280px;margin:auto}.menu-content aside>p{font-size:28px;font-weight:600;line-height:1.25;letter-spacing:-.8px;margin:8px 0 24px}.menu-bottom{max-width:1440px;margin:48px auto 0;padding:0 var(--gutter) 32px;display:flex;align-items:center;justify-content:space-between;font-size:14px}.menu-bottom .language-toggle{min-height:44px}.curtain{position:fixed;inset:0;z-index:70;display:flex;pointer-events:none;visibility:hidden;overflow:hidden}.curtain>div{width:calc(100%/6 + 1px);height:calc(100dvh + 2px);background:var(--purple);transform:translateY(-101%);margin-right:-1px}.curtain.is-active{visibility:visible;pointer-events:auto}dialog.intro{inset:0;border:0;padding:0;margin:0;width:100%;height:100dvh;max-height:none;max-width:none;background:white;color:var(--ink);overflow:hidden}.intro-center{position:absolute;inset:27% 0 auto;display:flex;flex-direction:column;align-items:center}.symbol-piano{position:relative;width:100px;height:110px;margin-bottom:53px}.symbol-part{position:absolute}.symbol-0{top:0;left:0;width:100%;height:40%}.symbol-1{top:25.91%;left:1%;width:76.5%;height:66.818%}.symbol-2{top:53.18%;left:26.5%;width:43.5%;height:45.91%}.piano-word{position:relative;width:500px;aspect-ratio:500/192.3077}.piano-letter{position:absolute;max-width:none}.intro-tagline{font-size:26px;line-height:34px;margin-top:0;letter-spacing:-.6px}.intro-skip{position:absolute;top:28px;right:var(--gutter);display:flex;align-items:center;gap:14px;min-height:44px;font-size:14px;font-weight:600}.intro-reduce{position:absolute;bottom:36px;left:var(--gutter);font-size:12px;min-height:44px}dialog.intro[open]{animation:none}.legal-page{max-width:1120px;padding-top:88px;padding-bottom:100px}.legal-page h1{font-size:clamp(40px,5.4vw,72px);line-height:1.1;letter-spacing:-.04em;max-width:930px;margin-bottom:32px}.legal-page h2{font-size:28px;line-height:1.3;letter-spacing:-.7px;margin:40px 0 16px}.legal-page h3{font-size:22px;line-height:1.4;letter-spacing:-.3px;margin:32px 0 16px}.legal-page p,.legal-page li{font-size:16px;line-height:1.85}.legal-page p{margin-bottom:16px}.legal-page ul,.legal-page ol{padding-left:24px;margin:16px 0 24px}.legal-page a{color:var(--accent-color);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.legal-page .meta{font-size:13px;color:var(--muted);margin-bottom:32px}.legal-page .info-box,.legal-page .contact-box{background:var(--surface);padding:24px;border-radius:12px;margin:24px 0}.legal-page table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.legal-page th,.legal-page td{padding:12px;border:1px solid var(--line);font-size:14px;min-width:120px}.legal-page #content-en{display:none}.lang-en .legal-page #content-tr{display:none}.lang-en .legal-page #content-en{display:block!important}.not-found{padding-block:100px 160px;display:grid;gap:32px;justify-items:start}
@media(min-width:1600px){h1{font-size:112px}}@media(max-width:1150px){:root{--gutter:40px}.desktop-nav{margin-left:0;gap:22px}.nav-actions{gap:20px}.hero-grid{gap:24px}.hero-copy .body-copy{font-size:17px}.hero-actions{gap:14px;flex-wrap:wrap}.editorial-grid{gap:32px}.footer nav{gap:20px}.download-hero{gap:32px}.phone-stage{min-height:650px}.store-links{flex-direction:column}.menu-content{gap:48px}.footer-bottom{align-items:flex-start}.footer-settings{gap:18px}}
@media(max-width:800px){:root{--gutter:24px}h1{font-size:56px;line-height:59px;letter-spacing:-2.8px}h2{font-size:40px;line-height:46px;letter-spacing:-1.5px}h3{font-size:26px;letter-spacing:-.6px}.header,.menu-head{height:84px}.nav-shell{padding-block:16px}.brand{width:110px}.desktop-nav,.nav-download{display:none}.hero{padding-block:28px 32px}.hero-grid{grid-template-columns:1fr;gap:20px}.hero-copy{gap:24px;max-width:none}.hero-copy .body-copy{font-size:18px;max-width:540px}.hero-actions{flex-direction:column;gap:4px;align-items:center}.hero-actions>.button{min-width:218px}.hero-stage{width:min(100%,440px);aspect-ratio:1;justify-self:center}.hero-stage>.art{top:-4%;width:100%}.scene-badge{left:8px}.chapter-tabs a{width:auto;flex:1;padding:14px 8px;min-height:54px;font-size:14px;white-space:nowrap}.chapter-tabs{max-width:460px;margin-top:32px}.manifesto{padding-block:56px}.manifesto-grid{grid-template-columns:1fr;gap:32px}.manifesto-grid .body-copy{max-width:540px}.editorial{padding-block:56px}.editorial-grid{grid-template-columns:1fr;gap:16px}.editorial-copy{gap:20px}.editorial-art{max-width:400px}.cta{padding-block:48px}.cta-inner{display:flex;flex-direction:column;align-items:flex-start;gap:28px}.cta .button{width:100%}.footer{padding-top:32px;padding-bottom:24px}.footer-top{flex-direction:column;align-items:flex-start;gap:24px;padding-top:24px}.footer .brand{width:156px}.footer nav{flex-direction:column;gap:0}.footer-link{min-height:38px;font-size:13px}.footer-bottom{flex-direction:column;gap:16px;margin-top:24px}.footer-settings{gap:18px}.steps{padding-block:56px}.steps ol{grid-template-columns:1fr;gap:32px;margin-top:32px}.steps li{padding-top:20px}.step-number{margin-bottom:16px}.steps h3{margin-bottom:12px}.product-note{padding-block:56px}.product-note h2{font-size:32px;line-height:38px;letter-spacing:-1px}.look-selector{padding-block:56px}.look-selector .editorial-grid{gap:24px}.look-tabs{width:100%;gap:6px;flex-wrap:nowrap}.look-tabs button{min-width:0;flex:1;font-size:13px;padding:14px 12px}.look-stage{max-width:400px}.portal{height:160svh;min-height:850px}.portal-caption{top:48px;left:24px}.portal-caption h2{font-size:72px;line-height:76px}.portal-art{width:220px}.portal-end{font-size:32px;right:24px;bottom:40px}.download-hero{grid-template-columns:1fr;gap:48px;padding-block:56px}.download-copy{gap:24px}.store-links{flex-direction:row;gap:12px;width:100%}.store-button{min-width:0;flex:1;padding:14px 12px;gap:8px}.store-button strong{font-size:17px}.store-symbol{font-size:24px}.store-button>span:last-child{display:none}.store-button small{font-size:8px}.phone-stage{min-height:650px;max-width:450px;width:100%;justify-self:center}.phone{width:300px;max-width:90%}.help-hero{padding-block:56px 72px}.faq{padding-bottom:56px}.faq summary{padding:24px 0;font-size:16px;gap:16px}.faq summary>span:last-child{margin-right:0}.faq-answer{padding:0 0 24px;font-size:16px}.contact{padding-block:56px}.contact-mail{font-size:28px;letter-spacing:-1px;gap:14px}.menu-content{margin-top:32px;display:block}.menu-content aside{display:none}.menu-row{font-size:44px;letter-spacing:-1.8px;gap:24px;padding-block:17px}.menu-row .arrow{font-size:24px}.menu-bottom{margin-top:36px}.intro-center{inset:26% 0 auto}.symbol-piano{transform:scale(.75);margin-bottom:28px}.piano-word{width:250px}.intro-tagline{font-size:20px;line-height:28px;margin-top:14px}.intro-skip{top:20px}.intro-reduce{bottom:24px}.legal-page{padding-block:56px 80px}.legal-page h1{font-size:44px;letter-spacing:-1.8px;overflow-wrap:anywhere}.legal-page h2{font-size:26px}.legal-page .info-box,.legal-page .contact-box{padding:20px}.legal-page p,.legal-page li{font-size:16px}.not-found{padding-block:64px 100px}}
@media(max-width:360px){h1{font-size:50px;line-height:54px;letter-spacing:-2.5px}h2{font-size:34px;line-height:40px;letter-spacing:-1.4px}.chapter-tabs a{font-size:12px;padding-inline:5px}.phone{height:580px}.store-links{flex-direction:column}.store-button{width:100%}.menu-row{font-size:38px}.contact-mail{font-size:25px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-delay:0ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.portal{height:auto;min-height:0}.portal-sticky{height:700px;position:relative;background:var(--ink)!important;color:white!important}.portal-caption{opacity:1!important}.portal-art{width:min(80vw,420px)!important}.portal-end{opacity:1!important}}
html.reduce-motion{scroll-behavior:auto}html.reduce-motion *,html.reduce-motion *::before,html.reduce-motion *::after{animation-duration:.001ms!important;animation-delay:0ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.reduce-motion .portal{height:auto;min-height:0}.reduce-motion .portal-sticky{height:700px;position:relative;background:var(--ink)!important;color:white!important}.reduce-motion .portal-caption{opacity:1!important}.reduce-motion .portal-art{width:min(80vw,420px)!important}.reduce-motion .portal-end{opacity:1!important}
/* Exact exported arrow geometry; only the containing box is sized. */
.arrow{width:18px;height:18px;background:currentColor;mask:url(arrow-ink.svg) center/contain no-repeat;-webkit-mask:url(arrow-ink.svg) center/contain no-repeat;flex-shrink:0}
.button .arrow{transform:none}.store-button .arrow{display:block;rotate:-45deg}.store-button{min-width:168px;min-height:64px;justify-content:center}.store-button small{font-size:11px;line-height:16px;letter-spacing:.44px}.store-button strong{font-size:18px;line-height:28px;font-weight:400}.store-note{font-size:15px;line-height:23px}
.phone-stage{background:none;min-height:671px;border-radius:0}.phone{width:310px;height:671px;border:4px solid var(--ink);border-radius:40px;box-shadow:none;padding:0}.phone-status{display:flex;justify-content:space-between;padding:15px 23px;font:600 13px Manrope,sans-serif}.phone-symbol{position:absolute;left:calc(50% - 50.87px);top:186.8px;width:101.74px;height:auto}.phone-logo{position:absolute;top:325.1px;left:0;right:0}.phone-logo .brand{width:168.51px;margin:0 auto}.phone h2{position:absolute;top:418.1px;width:100%;font-size:23.85px;line-height:30.2px;letter-spacing:-.5px}.phone p{position:absolute;top:458.6px;width:100%;margin:0;font-size:11.92px;line-height:18.28px;color:var(--ink)}.phone-button{position:absolute;left:14.3px;right:14.3px;top:573.9px;min-height:56px;display:flex;align-items:center;justify-content:center;font-size:11.13px;border-radius:80px}.phone-home{height:4px;width:110px;bottom:8px}
.portal-step{position:absolute;top:24px;left:max(var(--gutter),calc((100vw - 1312px)/2));z-index:2}.portal-caption{top:120px}.portal-caption h2{font-size:72px;line-height:80px;letter-spacing:-3.5px;margin-top:0}.portal-end{font-size:72px;line-height:80px;letter-spacing:-3.5px;left:max(var(--gutter),calc((100vw - 1312px)/2));right:auto;bottom:152px}.portal-next{position:absolute;bottom:44px;left:max(var(--gutter),calc((100vw - 1312px)/2));z-index:3}.portal-pointer{transition:transform .2s ease-out}.portal.is-dark .portal-next{background:white;color:var(--ink)}
@media(max-width:800px){.phone-stage{min-height:671px}.phone{height:671px;max-width:100%}.store-button{min-width:0;flex:1}.store-links{flex-direction:row}.store-button small{font-size:9px}.store-button strong{font-size:17px}.store-button .arrow{width:14px;height:14px}.portal-caption{top:104px}.portal-caption h2,.portal-end{font-size:40px;line-height:46px;letter-spacing:-1.5px}.portal-end{bottom:130px}.portal-next{bottom:40px;min-width:220px}.portal-step{left:24px}}
@media(max-width:360px){.store-links{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.portal-caption{display:none}.portal-end{bottom:140px}.portal-pointer{transform:none!important}}
.reduce-motion .portal-caption{display:none}.reduce-motion .portal-end{bottom:140px}.reduce-motion .portal-pointer{transform:none!important}
@media(min-width:801px){body:not([data-page=index]) .hero{padding-block:56px}body:not([data-page=index]) .hero-grid{grid-template-columns:680fr 570fr;gap:48px}body:not([data-page=index]) .hero-copy{max-width:680px}body:not([data-page=index]) .hero-copy .body-copy{max-width:470px}body:not([data-page=index]) .hero .chapter-tabs{margin-top:40px}}
.chapter-tabs a[aria-current=page]{background:var(--ink);border-color:var(--ink);color:white}.dark .chapter-tabs a[aria-current=page]{background:white;color:var(--ink);border-color:white}.look-selector{padding-block:64px;background:white}.phone-logo>img{width:168.51px;height:auto;margin:auto}
@media(max-width:800px){.look-selector{padding-block:56px}}
button:disabled{opacity:.45;cursor:default}
/* Product imagery comes from the current mobile flows in Figma. */
.app-device{width:270px;max-width:100%;aspect-ratio:390/844;flex-shrink:0;border:3px solid var(--ink);border-radius:26px;background:#fff;overflow:hidden;box-shadow:0 20px 48px #2d163512}
.app-screen{display:block;width:100%;height:auto;aspect-ratio:390/844;object-fit:contain}
.mobile-product-stage{display:flex;align-items:center;justify-content:center;aspect-ratio:620/620;padding:16px 0}
.mobile-product-stage>.app-device{width:46%;transform:rotate(3deg)}
.onboarding-fan{position:relative;width:92%;height:100%;min-height:0;isolation:isolate}
.onboarding-fan .app-device{position:absolute;bottom:4%;transform-origin:50% 90%;border-radius:24px}
.onboarding-fan .fan-left{width:37%;left:3%;transform:rotate(-10deg);z-index:1}
.onboarding-fan .fan-right{width:37%;right:3%;transform:rotate(10deg);z-index:1}
.onboarding-fan .fan-center{width:43%;left:28.5%;bottom:9%;z-index:2}
.screen-pair{position:relative;width:100%;aspect-ratio:510/620;isolation:isolate}
.screen-pair .app-device{position:absolute;border-radius:24px}
.screen-pair .pair-back{width:49%;left:3%;top:1%;transform:rotate(-6deg)}
.screen-pair .pair-front{width:51%;right:2%;bottom:0;transform:rotate(5deg)}
.editorial-art.product-pair{max-width:510px;padding:18px 0}
.dark .app-device{border-color:#c3a0ec;box-shadow:0 20px 48px #16071e44}
.download-screens{max-width:560px;width:100%;justify-self:center;padding-block:16px}
.app-look-stage{aspect-ratio:390/844;width:300px;max-width:100%}
.app-look-stage .app-device{width:100%;height:100%;box-shadow:none}
.screen-hint{font-size:13px;line-height:1.6;color:var(--muted)}
.screen-steps ol{gap:48px}
.screen-steps li{display:flex;flex-direction:column;align-items:flex-start}
.screen-steps .body-copy{flex:1;margin-bottom:30px}
.screen-steps .app-device{width:240px;align-self:center;box-shadow:none}
@media(max-width:1100px) and (min-width:801px){.mobile-product-stage{aspect-ratio:500/650}.mobile-product-stage>.app-device{width:58%}.onboarding-fan .fan-center{width:48%;left:26%}.onboarding-fan .fan-left,.onboarding-fan .fan-right{width:40%}.screen-steps ol{gap:24px}.screen-pair{aspect-ratio:510/670}}
@media(max-width:800px){.hero-grid{gap:40px}.mobile-product-stage{width:min(100%,440px);aspect-ratio:390/420;padding:8px 0}.mobile-product-stage>.app-device{width:57%;border-radius:21px}.onboarding-fan .app-device{border-width:2px;border-radius:18px}.onboarding-fan .fan-center{width:46%;left:27%;bottom:6%}.onboarding-fan .fan-left,.onboarding-fan .fan-right{width:40%;bottom:2%}.onboarding-fan .fan-left{left:2%}.onboarding-fan .fan-right{right:2%}.editorial-art.product-pair{width:100%;max-width:440px;margin-top:28px}.screen-pair .app-device{border-width:2px;border-radius:18px}.download-screens{max-width:440px}.app-look-stage{width:290px}.screen-steps ol{gap:52px}.screen-steps .app-device{width:250px;max-width:84%}.screen-steps .body-copy{margin-bottom:26px}.look-selector .editorial-grid{gap:40px}}

.menu-utilities{display:flex;gap:24px;flex-wrap:wrap}.menu-bottom{gap:20px;flex-wrap:wrap}.menu-utilities .footer-link{font-size:14px}#nasil-calisir{scroll-margin-top:24px}
/* WCAG 2.5.8: footer dil düğmesi en az 24px tıklama alanı */
.footer-settings button{min-width:24px}
/* Izgara sütunları içerikten dar olabilsin; 320px görünümde kenar boşluğuna taşmayı önler */
.editorial-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
@media(max-width:800px){.editorial-grid{grid-template-columns:minmax(0,1fr)}}