:root{
  --page:#f5f5f7;
  --surface:#ffffff;
  --ink:#1d1d1f;
  --muted:#6e6e73;
  --soft:#e8e8ed;
  --line:rgba(29,29,31,.1);
  --accent:#ff4f68;
  --accent-dark:#e73752;
  --dark:#000;
  --radius-xl:44px;
  --radius-lg:32px;
  --shadow:0 30px 80px rgba(0,0,0,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--page)}
body{margin:0;color:var(--ink);background:var(--page);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.5;letter-spacing:-.01em;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}
.wide-shell{width:min(1200px,calc(100% - 48px));margin:0 auto}

/* Navigation */
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:52px;border-bottom:1px solid transparent;background:rgba(250,250,252,.72);backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px);transition:background .35s,border-color .35s,box-shadow .35s}
.site-header.scrolled{border-color:rgba(0,0,0,.07);background:rgba(250,250,252,.9);box-shadow:0 1px 12px rgba(0,0,0,.04)}
.nav-shell{width:min(1024px,calc(100% - 40px));height:100%;margin:auto;display:flex;align-items:center;gap:36px}
.brand{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:650;white-space:nowrap}
.brand img{width:28px;height:28px;border-radius:8px;box-shadow:0 4px 12px rgba(81,43,174,.18)}
.site-header nav{margin:auto;display:flex;gap:33px;color:#424245;font-size:12px}
.site-header nav a,.footer-inner nav a{transition:color .2s}
.site-header nav a:hover,.footer-inner nav a:hover{color:var(--accent)}
.nav-download{padding:7px 14px;border-radius:999px;color:#fff;background:var(--accent);font-size:12px;font-weight:650;transition:transform .2s,background .2s}
.nav-download:hover{background:var(--accent-dark);transform:translateY(-1px)}

/* Hero */
.hero{position:relative;min-height:970px;padding:126px 24px 72px;text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 52%,rgba(255,79,104,.08),transparent 34%),var(--page)}
.hero:before{content:"";position:absolute;width:980px;height:980px;left:50%;top:370px;transform:translateX(-50%);border-radius:50%;background:#fff;filter:blur(2px);box-shadow:0 0 0 1px rgba(0,0,0,.025)}
.hero-copy{position:relative;z-index:3;max-width:900px;margin:0 auto}
.version-line{display:inline-flex;align-items:center;gap:8px;margin:0;color:#515154;font-size:13px;font-weight:600}
.version-line i{width:7px;height:7px;border-radius:50%;background:#30c06b;box-shadow:0 0 0 4px rgba(48,192,107,.12)}
.hero h1{margin:20px 0 0;font-size:clamp(64px,8vw,110px);line-height:.96;letter-spacing:-.075em;font-weight:720}
.hero h1 span{color:var(--accent)}
.hero-lead{margin:28px auto 0;color:var(--muted);font-size:clamp(18px,2vw,24px);line-height:1.55;letter-spacing:-.025em}
.hero-actions{margin-top:32px;display:flex;justify-content:center;align-items:center;gap:26px}
.download-button{min-width:196px;height:58px;padding:0 25px;border-radius:999px;display:grid;place-content:center;color:#fff;background:var(--accent);box-shadow:0 12px 28px rgba(255,79,104,.23);transition:transform .25s,box-shadow .25s,background .25s}
.download-button:hover{transform:scale(1.025);background:var(--accent-dark);box-shadow:0 17px 36px rgba(255,79,104,.28)}
.download-button>span{font-size:15px;font-weight:650;line-height:1.25}
.download-button small{font-size:10px;color:rgba(255,255,255,.76);margin-top:2px}
.download-button.disabled{opacity:.65}
.text-link{color:#2674d9;font-size:15px;font-weight:520}
.text-link b{font-size:22px;vertical-align:-1px;font-weight:400}
.compatibility{margin:14px 0 0;color:#9a9a9f;font-size:11px}

.product-stage{--parallax-y:0px;position:relative;z-index:2;width:min(1040px,100%);height:610px;margin:48px auto -76px;transform:translate3d(0,var(--parallax-y),0);will-change:transform}
.stage-halo{position:absolute;width:720px;height:330px;left:50%;bottom:22px;transform:translateX(-50%);border-radius:50%;background:rgba(255,79,104,.17);filter:blur(75px);opacity:.55}
.device{position:absolute;z-index:4;width:334px;height:654px;left:50%;top:0;transform:translateX(-50%);padding:8px;border-radius:51px;background:#08080a;box-shadow:0 48px 110px rgba(0,0,0,.3),0 0 0 1px rgba(0,0,0,.5);animation:deviceFloat 7s ease-in-out infinite}
.device-camera{position:absolute;z-index:8;top:17px;left:50%;width:92px;height:26px;transform:translateX(-50%);border-radius:18px;background:#050507}
.device-screen{position:relative;height:100%;padding:15px 14px 12px;border-radius:44px;overflow:hidden;background:#f7f7f9}
.app-status{height:30px;padding:1px 7px 0;display:flex;justify-content:space-between;align-items:center;font-size:9px}
.app-status span{letter-spacing:2px;font-size:7px}
.app-top{height:68px;padding:8px 5px;display:flex;align-items:center}
.app-top>div{display:grid;text-align:left}
.app-top small{font-size:8px;color:#8e8e93}
.app-top strong{font-size:16px;letter-spacing:-.5px}
.app-top button{margin-left:auto;width:35px;height:35px;border:0;border-radius:50%;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.06);color:var(--accent)}
.app-tabs{height:38px;padding:0 5px;display:flex;align-items:center;gap:21px;color:#a1a1a6;font-size:9px}
.app-tabs b{position:relative;color:var(--ink)}
.app-tabs b:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:3px;border-radius:3px;background:var(--accent)}
.feed-card{margin:6px 1px 0;padding:15px;border-radius:24px;background:#fff;box-shadow:0 12px 32px rgba(0,0,0,.055);text-align:left}
.feed-author{display:flex;align-items:center;gap:9px}
.feed-author>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;background:var(--accent);font-size:12px;font-weight:700}
.feed-author p{display:grid;margin:0}
.feed-author p b{font-size:10px}
.feed-author p small{font-size:7px;color:#9a9aa0}
.feed-author em{margin-left:auto;color:#aaaab0;font-style:normal;font-size:8px}
.feed-card h3{margin:12px 0 5px;font-size:15px;line-height:1.35;letter-spacing:-.3px}
.feed-card>p{height:32px;margin:0;color:#77777c;overflow:hidden;font-size:8px;line-height:2}
.feed-visual{position:relative;height:142px;margin-top:11px;border-radius:17px;overflow:hidden;color:#fff;background:#101114}
.feed-visual:before{content:"";position:absolute;width:170px;height:170px;right:-20px;top:-62px;border:32px solid rgba(255,255,255,.08);border-radius:50%}
.feed-visual:after{content:"";position:absolute;left:-25px;bottom:-65px;width:185px;height:185px;border-radius:50%;background:var(--accent);filter:blur(1px)}
.feed-visual span,.feed-visual b{position:absolute;z-index:2;left:17px}
.feed-visual span{bottom:16px;font-size:7px;color:rgba(255,255,255,.7)}
.feed-visual b{top:19px;font-size:31px;letter-spacing:-3px}
.feed-actions{display:flex;justify-content:space-between;padding-top:12px;color:#8e8e93;font-size:8px}
.quick-tools{height:73px;padding:10px 2px 2px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.quick-tools div{display:grid;place-items:center;color:#77777c;font-size:7px}
.quick-tools i{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:var(--accent);background:#ffe8ec;font-style:normal;font-size:10px;font-weight:700}
.app-nav{position:absolute;left:14px;right:14px;bottom:12px;height:60px;padding:6px 1px 5px;border:1px solid rgba(0,0,0,.06);border-radius:21px;display:grid;grid-template-columns:1fr 1fr 48px 1fr 1fr;align-items:end;background:rgba(255,255,255,.9);backdrop-filter:blur(15px);box-shadow:0 10px 26px rgba(0,0,0,.07)}
.app-nav span{display:grid;place-items:center;color:#a0a0a5;font-size:7px}
.app-nav span i{font-style:normal;font-size:12px}
.app-nav .active{color:var(--accent)}
.app-nav>b{align-self:center;width:43px;height:43px;margin-bottom:7px;border-radius:15px;display:grid;place-items:center;color:#fff;background:var(--accent);font-size:22px;box-shadow:0 9px 18px rgba(255,79,104,.28)}

.side-card{position:absolute;z-index:3;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.7);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 28px 65px rgba(0,0,0,.1)}
.side-card-left{width:250px;height:270px;left:48px;top:145px;padding:25px;border-radius:34px;transform:rotate(-6deg)}
.side-card-right{width:248px;height:285px;right:45px;top:124px;padding:25px;border-radius:34px;text-align:left;transform:rotate(6deg)}
.mini-label{display:block;color:#8e8e93;font-size:10px;margin-bottom:9px}
.side-card strong{display:block;font-size:20px;line-height:1.25}
.side-card small{display:block;margin-top:3px;color:#8e8e93;font-size:10px}
.poster-row{height:135px;margin-top:24px;display:flex;gap:8px;align-items:flex-end}
.poster-row i{flex:1;height:100%;border-radius:14px;background:#16171b}
.poster-row i:nth-child(2){height:85%;background:#ffced5}
.poster-row i:nth-child(3){height:70%;background:#c7c7cc}
.album-disc{width:125px;height:125px;margin:4px auto 18px;border-radius:50%;padding:29px;background:#111;box-shadow:inset 0 0 0 18px #242428;animation:spin 14s linear infinite}
.album-disc img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.play-line{height:35px;margin-top:17px;display:flex;align-items:center;gap:12px}
.play-line:before{content:"";flex:1;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--accent) 42%,#d5d5da 42%)}
.play-line b{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#111;font-size:10px}
.online-note{position:absolute;z-index:6;left:50%;bottom:34px;transform:translateX(-50%);height:37px;padding:0 15px;border-radius:999px;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.78);backdrop-filter:blur(18px);box-shadow:0 12px 30px rgba(0,0,0,.08);color:#515154;font-size:10px}
.online-note i{width:7px;height:7px;border-radius:50%;background:#30c06b;box-shadow:0 0 0 4px rgba(48,192,107,.12)}

/* Shared headings */
.dark-section{color:#f5f5f7;background:#000}
.light-section{background:#fff}
.statement{position:relative;z-index:5;padding:160px 0 135px}
.statement-inner>p,.story-heading>p,.tools-heading>p,.section-title>p,.privacy-inner>div>p{margin:0 0 16px;color:var(--accent);font-size:18px;font-weight:650}
.statement h2,.story-heading h2,.tools-heading h2,.section-title h2,.privacy-inner h2{margin:0;font-size:clamp(52px,7vw,90px);line-height:1.03;letter-spacing:-.065em}
.statement-stats{max-width:810px;margin-top:85px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#29292c}
.statement-stats>div{padding:25px 28px;background:#000;display:grid}
.statement-stats strong{font-size:40px;letter-spacing:-2px}
.statement-stats span{color:#86868b;font-size:12px}

/* Community story */
.feature-story{padding:150px 0 165px}
.story-heading{max-width:900px}
.story-canvas{margin-top:95px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:70px;align-items:center}
.story-phone{padding:34px;border-radius:var(--radius-xl);background:var(--page);box-shadow:inset 0 0 0 1px rgba(0,0,0,.035)}
.story-phone-head{display:flex;gap:28px;padding:0 4px 26px;color:#98989d;font-size:13px}
.story-phone-head b{position:relative;color:var(--ink)}
.story-phone-head b:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:3px;border-radius:3px;background:var(--accent)}
.story-post{padding:18px 8px;border-top:1px solid var(--line);display:grid;grid-template-columns:46px 1fr;gap:15px}
.story-avatar{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;color:#fff;background:var(--accent);font-weight:700}
.story-post small{color:#8e8e93;font-size:10px}
.story-post h3{margin:4px 0;font-size:18px;line-height:1.35}
.story-post p{margin:0;color:#77777c;font-size:11px;line-height:1.6}
.story-copy{display:grid;gap:34px}
.story-copy>div{padding-bottom:32px;border-bottom:1px solid var(--line)}
.story-copy>div:last-child{border-bottom:0}
.story-copy span{color:var(--accent);font-size:11px;font-weight:700}
.story-copy h3{margin:8px 0 5px;font-size:27px;letter-spacing:-.8px}
.story-copy p{max-width:430px;margin:0;color:var(--muted);font-size:14px;line-height:1.7}

/* Tools */
.tools-section{padding:155px 0 165px}
.tools-heading{max-width:940px}
.tools-heading>span{display:block;max-width:630px;margin-top:30px;color:#86868b;font-size:18px;line-height:1.6}
.tool-showcase{margin-top:80px}
.tool-switcher{display:flex;gap:10px;margin-bottom:18px}
.tool-switcher button{padding:10px 18px;border:0;border-radius:999px;color:#98989d;background:#1c1c1e;cursor:pointer;transition:color .25s,background .25s,transform .25s}
.tool-switcher button:hover{transform:translateY(-1px)}
.tool-switcher button.active{color:#000;background:#fff}
.tool-panels{position:relative;min-height:560px;border-radius:var(--radius-xl);overflow:hidden;background:#141416}
.tool-panel{position:absolute;inset:0;padding:68px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;opacity:0;visibility:hidden;transform:scale(.985) translateY(12px);transition:opacity .45s,transform .55s,visibility .45s}
.tool-panel.active{opacity:1;visibility:visible;transform:none}
.music-art{position:relative;width:min(380px,100%);aspect-ratio:1;margin:auto;border-radius:50%;display:grid;place-items:center;background:#08080a;box-shadow:0 45px 80px rgba(0,0,0,.4),inset 0 0 0 65px #222225}
.music-art:after{content:"";position:absolute;width:35%;height:35%;border-radius:50%;background:#050507;box-shadow:0 0 0 7px #4a4a4e}
.music-art img{position:relative;z-index:2;width:22%;height:22%;border-radius:50%}
.music-art i{position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 4px,rgba(255,255,255,.025) 5px 6px)}
.music-copy small{color:var(--accent);font-size:12px;font-weight:650}
.music-copy h3{margin:12px 0;font-size:44px;line-height:1.08;letter-spacing:-2px}
.music-copy>p{margin:0;color:#9a9a9f;font-size:15px;line-height:1.7}
.mini-player{height:82px;margin-top:35px;padding:0 18px;border:1px solid rgba(255,255,255,.09);border-radius:24px;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.07);backdrop-filter:blur(20px)}
.mini-player span{display:grid;margin-right:auto}
.mini-player span b{font-size:14px}
.mini-player span small{color:#86868b;font-weight:400}
.mini-player>i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#000;background:#fff;font-style:normal;font-size:10px}
.video-screen{position:relative;width:100%;aspect-ratio:4/3;border-radius:30px;overflow:hidden;background:#08080a;box-shadow:0 30px 70px rgba(0,0,0,.4)}
.video-screen:before{content:"";position:absolute;inset:14% 9%;border-radius:18px;background:linear-gradient(145deg,#ff6177,#43252e)}
.video-screen span{position:absolute;z-index:2;left:8%;top:7%;font-size:13px;font-weight:650}
.video-screen i{position:absolute;z-index:2;width:48%;height:2px;left:26%;bottom:11%;background:#6d6d72}
.video-screen b{position:absolute;z-index:3;left:50%;top:50%;width:62px;height:62px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;color:#000;background:rgba(255,255,255,.9)}
.avatar-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;transform:rotate(-3deg)}
.avatar-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:28px;background:#242426}
.lan-visual{position:relative;min-height:350px}
.lan-visual i{position:absolute;width:130px;height:130px;border-radius:35px;background:#29292c;box-shadow:0 24px 50px rgba(0,0,0,.25)}
.lan-visual i:after{content:"";position:absolute;inset:45px;border-radius:50%;background:#30c06b;box-shadow:0 0 0 10px rgba(48,192,107,.12)}
.lan-visual i:nth-child(1){left:8%;top:9%}.lan-visual i:nth-child(2){right:8%;top:9%}.lan-visual i:nth-child(3){left:50%;bottom:4%;transform:translateX(-50%)}
.lan-visual:before,.lan-visual:after{content:"";position:absolute;height:2px;top:43%;width:32%;background:#4a4a4e}
.lan-visual:before{left:25%;transform:rotate(29deg)}.lan-visual:after{right:25%;transform:rotate(-29deg)}
.lan-visual span{position:absolute;z-index:3;left:50%;top:43%;transform:translate(-50%,-50%);padding:11px 16px;border-radius:999px;color:#000;background:#fff;font-size:12px;font-weight:650}

/* Boards and software */
.community-section,.software-section{padding:155px 0;background:#fff}
.section-title{max-width:950px}
.section-title>span{display:block;max-width:620px;margin-top:22px;color:var(--muted);font-size:16px}
.board-gallery{margin-top:75px;display:grid;grid-template-columns:1.35fr 1fr;gap:18px}
.board-tile{min-height:315px;padding:18px;border-radius:var(--radius-lg);display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center;background:var(--page);overflow:hidden}
.board-tile.large{grid-row:span 2;grid-template-columns:1fr;align-content:start}
.board-photo{height:100%;min-height:220px;border-radius:23px;background-position:center;background-size:cover;background-color:#ddd}
.board-tile.large .board-photo{height:370px}
.board-tile>div:last-child{padding:7px 8px}
.board-tile small{color:var(--accent);font-size:10px;font-weight:650}
.board-tile h3{margin:7px 0 4px;font-size:27px;line-height:1.2}
.board-tile p{margin:0 0 16px;color:var(--muted);font-size:12px}
.board-tile>div>span{font-size:10px;color:#8e8e93}
.software-section{padding-top:0}
.software-list{margin-top:65px;border-top:1px solid var(--line)}
.software-list article{padding:24px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:76px 1fr auto;gap:22px;align-items:center}
.software-list img{width:76px;height:76px;border-radius:19px;object-fit:cover;background:var(--page)}
.software-list small{color:var(--accent);font-size:10px}
.software-list h3{margin:3px 0;font-size:20px}
.software-list p{max-width:660px;margin:0;color:var(--muted);font-size:12px}
.software-list>article>span{padding:8px 12px;border-radius:999px;background:var(--page);color:#66666b;font-size:10px}

/* Privacy and CTA */
.privacy-section{padding:130px 0;background:var(--page)}
.privacy-inner{padding:65px;border-radius:var(--radius-xl);display:grid;grid-template-columns:1fr .85fr;gap:80px;align-items:center;background:#fff}
.privacy-inner h2{font-size:clamp(45px,5.5vw,72px)}
.privacy-inner>div>span{display:block;max-width:580px;margin-top:25px;color:var(--muted);font-size:15px;line-height:1.75}
.privacy-inner ul{margin:0;padding:0;list-style:none}
.privacy-inner li{padding:20px 0;border-bottom:1px solid var(--line);display:grid}
.privacy-inner li:last-child{border-bottom:0}
.privacy-inner li b{font-size:16px}
.privacy-inner li span{margin-top:3px;color:#8e8e93;font-size:11px}
.final-cta{padding:155px 24px;text-align:center;color:#fff;background:#000}
.final-cta>div{max-width:900px;margin:auto}
.final-cta img{width:72px;height:72px;margin:auto;border-radius:22px;box-shadow:0 16px 35px rgba(117,73,220,.28)}
.final-cta p{margin:17px 0 0;color:#86868b;font-size:13px}
.final-cta h2{margin:23px 0 36px;font-size:clamp(56px,8vw,96px);line-height:1;letter-spacing:-.07em}
.final-cta a{display:inline-flex;align-items:center;gap:17px;padding:14px 20px;border-radius:999px;color:#fff;background:var(--accent);font-size:14px;font-weight:650;transition:transform .2s,background .2s}
.final-cta a:hover{transform:scale(1.025);background:var(--accent-dark)}
.final-cta a b{font-size:18px}

footer{padding:35px 0;background:#000;color:#f5f5f7;border-top:1px solid #1f1f22}
.footer-inner{display:flex;align-items:center;gap:36px}
.footer-brand{display:flex;align-items:center;gap:11px}
.footer-brand img{width:36px;height:36px;border-radius:10px}
.footer-brand span{display:grid}
.footer-brand b{font-size:13px}.footer-brand small{color:#6e6e73;font-size:9px}
.footer-inner nav{display:flex;gap:24px;margin:auto;color:#a1a1a6;font-size:11px}
.footer-inner>p{color:#6e6e73;font-size:10px}

/* Motion */
.enter{opacity:0;animation:enterUp .9s cubic-bezier(.2,.72,.2,1) forwards}
.enter-2{animation-delay:.14s}
.reveal{opacity:1;transform:none}
.js .reveal{opacity:0;transform:translateY(42px);transition:opacity .85s cubic-bezier(.2,.72,.2,1),transform .85s cubic-bezier(.2,.72,.2,1)}
.js .reveal.is-visible{opacity:1;transform:none}
@keyframes enterUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes deviceFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}
@keyframes spin{to{transform:rotate(360deg)}}

@media(max-width:1000px){
  .site-header nav{display:none}.nav-download{margin-left:auto}
  .hero{min-height:940px}.side-card{display:none}.product-stage{height:610px}.online-note{bottom:28px}
  .story-canvas{grid-template-columns:1fr;gap:50px}.story-copy{grid-template-columns:repeat(3,1fr);gap:20px}.story-copy>div{border-bottom:0;padding-bottom:0}
  .tool-panel{gap:45px;padding:48px}.music-copy h3{font-size:36px}
  .privacy-inner{grid-template-columns:1fr;gap:35px}
}

@media(max-width:720px){
  .wide-shell{width:min(100% - 28px,1200px)}
  .site-header{height:48px}.nav-shell{width:calc(100% - 28px)}.brand span{font-size:13px}.brand img{width:27px;height:27px}.nav-download{padding:6px 12px}
  .hero{min-height:850px;padding:103px 14px 40px}.hero:before{width:630px;height:630px;top:430px}.hero h1{font-size:58px}.hero-lead{font-size:17px}.hero-lead br{display:none}
  .hero-actions{flex-direction:column;gap:15px}.download-button{width:210px}.text-link{font-size:14px}
  .product-stage{height:545px;margin-top:36px;margin-bottom:-50px}.device{width:288px;height:566px;border-radius:44px}.device-screen{border-radius:37px;padding:13px 11px 10px}.device-camera{top:15px;width:78px;height:23px}
  .app-status{height:26px}.app-top{height:60px}.app-tabs{height:34px;gap:17px}.feed-card{padding:12px;border-radius:20px}.feed-visual{height:108px}.quick-tools{height:63px;padding-top:7px}.app-nav{left:11px;right:11px;bottom:9px;height:55px}.online-note{bottom:6px}
  .statement{padding:110px 0 95px}.statement h2,.story-heading h2,.tools-heading h2,.section-title h2,.privacy-inner h2{font-size:47px;letter-spacing:-.055em}.statement-stats{margin-top:55px;grid-template-columns:1fr;background:transparent}.statement-stats>div{padding:18px 0;border-bottom:1px solid #252527}.statement-stats strong{font-size:34px}
  .feature-story,.tools-section,.community-section{padding:105px 0}.story-canvas{margin-top:55px}.story-phone{padding:20px;border-radius:29px}.story-phone-head{gap:20px}.story-post{grid-template-columns:40px 1fr;gap:12px}.story-avatar{width:40px;height:40px;border-radius:13px}.story-post h3{font-size:15px}.story-copy{grid-template-columns:1fr;gap:24px}.story-copy>div{padding-bottom:22px;border-bottom:1px solid var(--line)}.story-copy h3{font-size:23px}
  .tools-heading>span,.section-title>span{font-size:15px}.tool-showcase{margin-top:48px}.tool-switcher{overflow:auto;padding-bottom:4px}.tool-switcher button{white-space:nowrap}.tool-panels{min-height:660px;border-radius:30px}.tool-panel{padding:30px 24px;grid-template-columns:1fr;gap:32px;align-content:center}.music-art{width:245px}.music-copy h3{font-size:33px}.mini-player{margin-top:24px}.video-screen{width:100%}.avatar-grid{max-width:300px;margin:auto}.lan-visual{min-height:280px}.lan-visual i{width:95px;height:95px;border-radius:26px}.lan-visual i:after{inset:34px}.lan-visual:before,.lan-visual:after{top:42%}
  .board-gallery{margin-top:48px;grid-template-columns:1fr}.board-tile,.board-tile.large{min-height:0;grid-row:auto;grid-template-columns:115px 1fr;padding:12px;gap:16px;border-radius:25px}.board-photo,.board-tile.large .board-photo{height:135px;min-height:135px;border-radius:18px}.board-tile h3{font-size:22px}.board-tile p{display:none}
  .software-section{padding-bottom:105px}.software-list{margin-top:45px}.software-list article{grid-template-columns:62px 1fr;gap:15px}.software-list img{width:62px;height:62px;border-radius:16px}.software-list>article>span{display:none}.software-list p{height:36px;overflow:hidden}
  .privacy-section{padding:90px 0}.privacy-inner{padding:36px 25px;border-radius:31px}.privacy-inner>div>span{font-size:14px}
  .final-cta{padding:110px 18px}.final-cta h2{font-size:55px}.footer-inner{align-items:flex-start;flex-wrap:wrap}.footer-inner nav{order:3;width:100%;gap:17px;flex-wrap:wrap}.footer-inner>p{margin-left:auto}
}

@media(max-width:380px){.hero h1{font-size:50px}.device{width:272px}.statement h2,.story-heading h2,.tools-heading h2,.section-title h2,.privacy-inner h2{font-size:42px}.tool-panel{padding-left:19px;padding-right:19px}.music-copy h3{font-size:30px}}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.enter,.js .reveal{opacity:1;transform:none;animation:none;transition:none}.device,.album-disc{animation:none}.product-stage{transform:none!important}.tool-panel{transition:none}
}