:root {
  --ink:#17223b;--muted:#64708a;--line:#dfe7f2;--paper:#f7f9fd;--white:#fff;
  --blue:#315bea;--blue-dark:#2044c8;--aqua:#31cfbd;--shadow:0 24px 60px rgba(61,81,123,.15);
  --radius-xl:34px;--radius-lg:26px;--radius-md:20px;--shell:min(1180px,calc(100% - 40px));
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"DM Sans",sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.shell{width:var(--shell);margin-inline:auto}.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;top:10px;left:10px;z-index:1000;padding:10px 15px;background:var(--ink);color:#fff;border-radius:10px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}

.site-header{position:sticky;top:0;z-index:100;background:rgba(247,249,253,.86);border-bottom:1px solid rgba(214,224,239,.8);backdrop-filter:blur(20px)}.header-inner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img,.footer-brand img{width:164px;height:auto}.desktop-nav{display:flex;align-items:center;gap:31px;margin-left:auto}.desktop-nav a{font-weight:600;font-size:14px;color:#4c5871;transition:color .2s}.desktop-nav a:hover,.desktop-nav a:focus-visible{color:var(--blue)}.store-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 24px;border-radius:999px;background:var(--blue);color:#fff;font-weight:700;box-shadow:0 12px 28px rgba(49,91,234,.22);transition:transform .2s,background .2s,box-shadow .2s}.store-button:hover,.store-button:focus-visible{transform:translateY(-2px);background:var(--blue-dark);box-shadow:0 16px 34px rgba(49,91,234,.3)}.store-button--compact{min-height:44px;padding-inline:19px;font-size:13px}.menu-button{display:none;border:0;width:46px;height:46px;border-radius:50%;background:#eaf0fb;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-button span{width:18px;height:2px;border-radius:2px;background:var(--ink);transition:transform .2s}.menu-button[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-button[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{position:fixed;inset:80px 0 0;padding:26px 20px 40px;background:var(--paper);font-family:"Manrope",sans-serif;font-weight:700;font-size:28px}.mobile-nav a{display:block;padding:15px 8px;border-bottom:1px solid var(--line)}

.hero{position:relative;min-height:740px;overflow:hidden;background:linear-gradient(145deg,#f8faff 0%,#edf3ff 52%,#effcf9 100%)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;min-height:740px;gap:32px;padding-block:72px 64px}.hero-copy{padding-bottom:22px}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 20px;color:#5e6c89;font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.eyebrow span{width:22px;height:2px;background:var(--aqua);border-radius:2px}.hero h1,.section-heading h2,.apps-title-row h2,.studio-copy h2,.closing-card h2{margin:0;font-family:"Manrope",sans-serif;font-weight:800;letter-spacing:-.052em;line-height:1.01}.hero h1{max-width:650px;font-size:clamp(54px,6.2vw,82px)}.hero h1 em,.closing-card h2 em{color:var(--blue);font-style:normal}.hero-lead{max-width:590px;margin:28px 0 0;color:var(--muted);font-size:19px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:34px}.text-link{font-weight:700}.text-link span{margin-left:5px;color:var(--blue)}.hero-proof{display:flex;gap:0;margin-top:48px}.hero-proof div{display:flex;flex-direction:column;gap:2px;padding:0 26px;border-right:1px solid #d5dfec}.hero-proof div:first-child{padding-left:0}.hero-proof div:last-child{border:0}.hero-proof strong{font:800 24px/1.1 "Manrope",sans-serif}.hero-proof span{color:var(--muted);font-size:12px}
.hero-art{position:relative;height:590px;perspective:1000px}.soft-orbit{position:absolute;width:510px;height:510px;top:35px;left:55px;border-radius:50%;background:radial-gradient(circle,rgba(137,172,255,.45),rgba(203,221,255,.16) 58%,transparent 70%)}.phone-shot{position:absolute;margin:0;overflow:hidden;border:7px solid #17223b;border-radius:35px;background:#fff;box-shadow:0 34px 80px rgba(38,58,100,.27)}.phone-shot img{width:100%;height:100%;object-fit:cover}.phone-shot--main{width:248px;height:536px;left:184px;top:14px;z-index:3;transform:rotate(2deg)}.phone-shot--left{width:194px;height:421px;left:23px;top:92px;z-index:2;transform:rotate(-10deg)}.phone-shot--right{width:184px;height:399px;right:-3px;top:105px;z-index:1;transform:rotate(10deg)}.floating-pill{position:absolute;z-index:5;display:flex;align-items:center;gap:11px;padding:11px 16px;border:1px solid rgba(255,255,255,.75);border-radius:18px;background:rgba(255,255,255,.89);box-shadow:0 16px 38px rgba(44,72,123,.17);backdrop-filter:blur(14px)}.floating-pill img{width:38px;height:38px;border-radius:10px}.floating-pill span{display:flex;flex-direction:column}.floating-pill b{font-size:13px;line-height:1.25}.floating-pill small{color:var(--muted);font-size:10px}.floating-pill--top{right:24px;top:50px}.floating-pill--bottom{left:80px;bottom:11px}.floating-pill .spark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#174e47;background:#a8eadb;font-size:18px}.hero-blob{position:absolute;border-radius:50%;filter:blur(1px);opacity:.5}.hero-blob--one{width:260px;height:260px;right:-60px;top:30px;background:#ffe0a8}.hero-blob--two{width:190px;height:190px;left:42%;bottom:-110px;background:#88e2d5}

.trusted-strip{background:var(--ink);color:#fff}.strip-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;font:700 11px/1 "Manrope",sans-serif;letter-spacing:.13em}.strip-inner span{opacity:.8;white-space:nowrap}.strip-inner i{width:5px;height:5px;border-radius:50%;background:var(--aqua)}
.featured-section,.apps-section,.studio-section,.closing-section{padding-block:112px}.section-heading{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:50px;margin-bottom:48px}.section-heading h2,.apps-title-row h2{font-size:clamp(42px,5vw,62px)}.section-heading>p{max-width:480px;margin:0 0 7px;color:var(--muted);font-size:17px}.featured-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.feature-card{position:relative;min-height:525px;border-radius:var(--radius-xl);overflow:hidden;padding:34px 34px 0;display:flex;flex-direction:column}.feature-card:first-child{grid-row:span 2;min-height:720px}.feature-card--blue{background:#dfe9ff}.feature-card--mint{background:#dff7ee;min-height:349px}.feature-card--peach{background:#ffe9db;min-height:349px}.feature-copy{position:relative;z-index:2}.app-identity{display:flex;align-items:center;gap:15px}.app-identity img{width:58px;height:58px;border-radius:16px;box-shadow:0 7px 18px rgba(41,56,91,.15)}.app-identity span{display:block;margin-bottom:3px;color:#67728b;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.app-identity h3{margin:0;font:800 23px/1.15 "Manrope",sans-serif;letter-spacing:-.03em}.feature-copy>p{max-width:510px;margin:21px 0 15px;color:#536079}.feature-copy>a{display:inline-flex;gap:8px;font-weight:700;color:var(--blue-dark)}.feature-visual{position:absolute;overflow:hidden;border:6px solid #17223b;background:#fff;box-shadow:var(--shadow)}.feature-visual img{width:100%;height:100%;object-fit:cover}.feature-card--blue .feature-visual{width:282px;height:609px;border-radius:39px;left:50%;bottom:-217px;transform:translateX(-50%) rotate(-4deg)}.feature-card--mint .feature-visual,.feature-card--peach .feature-visual{width:165px;height:356px;border-radius:27px;right:31px;bottom:-134px;transform:rotate(7deg)}.feature-card--mint .feature-copy,.feature-card--peach .feature-copy{max-width:62%}.feature-card--mint .app-identity,.feature-card--peach .app-identity{align-items:flex-start}.feature-card--mint .app-identity img,.feature-card--peach .app-identity img{width:50px;height:50px;border-radius:14px}.feature-card--mint .app-identity h3,.feature-card--peach .app-identity h3{font-size:20px}.feature-card--mint .feature-copy>p,.feature-card--peach .feature-copy>p{font-size:14px}

.apps-section{background:#eef3fb}.apps-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.search-box{width:min(310px,100%);height:52px;display:flex;align-items:center;gap:8px;padding:0 17px;border:1px solid #d7e0ec;border-radius:16px;background:#fff}.search-box span{color:#6d7890;font-size:22px}.search-box input{width:100%;border:0;outline:0;color:var(--ink);background:transparent}.filter-row{display:flex;flex-wrap:wrap;gap:10px;margin:34px 0}.filter-chip{min-height:42px;padding:0 17px;border:1px solid #d5deeb;border-radius:999px;background:rgba(255,255,255,.75);color:#59657d;font-weight:700;font-size:13px;cursor:pointer;transition:.2s}.filter-chip span{margin-left:4px;opacity:.65}.filter-chip:hover,.filter-chip:focus-visible{border-color:#9eb2d1}.filter-chip.is-active{border-color:var(--ink);color:#fff;background:var(--ink)}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.app-card{min-width:0;overflow:hidden;border:1px solid rgba(210,221,235,.85);border-radius:var(--radius-lg);background:#fff;box-shadow:0 12px 36px rgba(58,76,114,.07);animation:reveal .45s both;animation-delay:var(--delay);transition:transform .22s,box-shadow .22s}.app-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(58,76,114,.14)}.app-card-top{display:flex;align-items:center;justify-content:space-between;padding:22px 22px 16px}.app-icon{width:58px;height:58px;border-radius:17px;box-shadow:0 8px 19px rgba(41,54,88,.15)}.app-category{padding:7px 10px;border-radius:999px;background:#f1f4f8;color:#667189;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.app-preview{position:relative;height:215px;margin:0 14px;overflow:hidden;border-radius:19px;background:#eef3fb}.app-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 56%,rgba(19,32,62,.12));pointer-events:none}.app-preview img{width:142px;margin:18px auto 0;border:4px solid #17223b;border-radius:23px;box-shadow:0 16px 34px rgba(34,49,81,.22)}.app-card--blue .app-preview{background:#dfe9ff}.app-card--peach .app-preview{background:#ffe8da}.app-card--lavender .app-preview{background:#e8e4ff}.app-card--green .app-preview{background:#dcf7e8}.app-card--yellow .app-preview{background:#fff0b5}.app-card--pink .app-preview{background:#ffe2ea}.app-card--mint .app-preview{background:#d8f4ec}.app-card--coral .app-preview{background:#ffe0d8}.app-card--sky .app-preview{background:#d9edff}.app-card--purple .app-preview{background:#e7e0ff}.app-card--teal .app-preview{background:#d4f2f0}.app-card--orange .app-preview{background:#ffe2bd}.app-card--gold .app-preview{background:#fff0c7}.app-card--rose .app-preview{background:#ffe0e7}.app-card-copy{padding:20px 22px 24px}.app-installs{margin:0 0 7px!important;color:var(--blue)!important;font-size:11px!important;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.app-card h3{min-height:51px;margin:0;font:800 21px/1.2 "Manrope",sans-serif;letter-spacing:-.025em}.app-card-copy>p{min-height:66px;margin:12px 0 17px;color:var(--muted);font-size:14px}.app-card-copy>a{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--line);font-size:13px;font-weight:700}.app-card-copy>a span{color:var(--blue);font-size:17px}.empty-state{margin:40px 0 0;padding:34px;border-radius:var(--radius-md);text-align:center;background:#fff;color:var(--muted)}@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

.studio-section{background:#fff}.studio-card{min-height:570px;padding:66px;border-radius:40px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:50px;overflow:hidden;background:var(--ink);color:#fff}.eyebrow--light{color:rgba(255,255,255,.67)}.studio-copy h2{font-size:clamp(42px,5vw,64px)}.studio-copy>p{max-width:500px;margin:24px 0 26px;color:rgba(255,255,255,.66);font-size:17px}.studio-copy>a{font-weight:700;color:#8aeadb}.studio-gallery{position:relative;height:410px}.studio-gallery img{position:absolute;width:158px;height:342px;object-fit:cover;border:4px solid rgba(255,255,255,.9);border-radius:26px;box-shadow:0 22px 46px rgba(0,0,0,.32)}.studio-gallery img:nth-child(1){left:5%;top:43px;transform:rotate(-10deg)}.studio-gallery img:nth-child(2){left:29%;top:11px;transform:rotate(-3deg)}.studio-gallery img:nth-child(3){left:54%;top:5px;transform:rotate(4deg)}.studio-gallery img:nth-child(4){left:77%;top:45px;transform:rotate(11deg)}.closing-section{padding-top:20px;background:#fff}.closing-card{padding:96px 40px;border-radius:40px;text-align:center;background:linear-gradient(135deg,#e8f0ff,#e5fbf6 52%,#fff0e5)}.closing-card .eyebrow{justify-content:center}.closing-card h2{margin-bottom:34px;font-size:clamp(48px,6vw,76px)}
.site-footer{padding:72px 0 26px;background:#fff}.footer-main{display:flex;justify-content:space-between;gap:60px;padding-bottom:62px}.footer-brand p{margin:16px 0 0;color:var(--muted)}.footer-links{display:flex;gap:100px}.footer-links>div{display:flex;min-width:130px;flex-direction:column;gap:10px}.footer-links span{margin-bottom:5px;color:#929aab;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.footer-links a{font-size:14px;font-weight:600}.footer-bottom{display:flex;justify-content:space-between;padding-top:22px;border-top:1px solid var(--line);color:#8a93a6;font-size:12px}

@media(max-width:1050px){.desktop-nav{display:none}.menu-button{display:flex}.header-inner .store-button{margin-left:auto}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding-top:80px}.hero-copy{max-width:720px}.hero-art{width:min(650px,100%);margin-inline:auto}.featured-grid{grid-template-columns:1fr}.feature-card:first-child{grid-row:auto;min-height:600px}.feature-card--mint,.feature-card--peach{min-height:370px}.app-grid{grid-template-columns:repeat(2,1fr)}.studio-card{padding:50px 44px;grid-template-columns:1fr}.studio-gallery{width:min(610px,100%);margin-inline:auto}}
@media(max-width:700px){:root{--shell:min(100% - 24px,1180px);--radius-xl:26px}.header-inner{height:70px}.brand img{width:138px}.header-inner .store-button{display:none}.mobile-nav{inset-block-start:70px}.hero-grid{padding:64px 0 40px;gap:10px}.hero h1{font-size:clamp(46px,14vw,65px)}.hero-lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-proof{gap:0;overflow-x:auto}.hero-proof div{min-width:116px;padding-inline:15px}.hero-art{height:470px;transform:scale(.88);transform-origin:top center;margin-bottom:-56px}.phone-shot--main{width:208px;height:450px;left:50%;transform:translateX(-50%) rotate(2deg)}.phone-shot--left{width:156px;height:338px;left:-28px;top:84px}.phone-shot--right{width:151px;height:327px;right:-28px;top:92px}.floating-pill--top{right:-15px;top:25px}.floating-pill--bottom{left:-5px;bottom:10px}.strip-inner{min-height:64px;overflow:hidden;justify-content:flex-start}.strip-inner span:nth-of-type(n+3),.strip-inner i:nth-of-type(n+2){display:none}.strip-inner i{margin-left:auto}.featured-section,.apps-section,.studio-section,.closing-section{padding-block:80px}.section-heading{grid-template-columns:1fr;gap:20px}.section-heading h2,.apps-title-row h2{font-size:43px}.feature-card{padding:25px 24px 0}.feature-card:first-child{min-height:570px}.feature-card--blue .feature-visual{width:225px;height:486px;bottom:-188px}.feature-card--mint,.feature-card--peach{min-height:460px}.feature-card--mint .feature-copy,.feature-card--peach .feature-copy{max-width:100%}.feature-card--mint .feature-visual,.feature-card--peach .feature-visual{width:150px;height:324px;right:28px;bottom:-120px}.apps-title-row{align-items:stretch;flex-direction:column}.search-box{width:100%}.filter-row{flex-wrap:nowrap;margin-inline:-12px;padding-inline:12px;overflow-x:auto;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-chip{flex:0 0 auto}.app-grid{grid-template-columns:1fr}.app-preview{height:240px}.app-card h3,.app-card-copy>p{min-height:0}.studio-card{padding:38px 24px 0;border-radius:30px}.studio-gallery{height:370px;margin-top:15px;transform:translateX(-4%)}.studio-gallery img{width:133px;height:288px}.studio-gallery img:nth-child(1){left:-7%;top:55px}.studio-gallery img:nth-child(2){left:23%;top:22px}.studio-gallery img:nth-child(3){left:53%;top:15px}.studio-gallery img:nth-child(4){display:none}.closing-section{padding-top:0}.closing-card{padding:70px 22px;border-radius:30px}.closing-card h2{font-size:48px}.closing-card .store-button{min-height:56px;padding:0 20px}.footer-main{flex-direction:column;padding-bottom:42px}.footer-links{gap:50px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Figma exports already contain their own device presentation. Keep them flat. */
.phone-shot{border:0;border-radius:14px;box-shadow:0 28px 68px rgba(38,58,100,.18)}
.feature-visual{border:0}
.feature-card--blue .feature-visual{border-radius:20px}
.feature-card--mint .feature-visual,.feature-card--peach .feature-visual{border-radius:16px}
.app-preview img{width:150px;border:0;border-radius:12px;box-shadow:0 16px 34px rgba(34,49,81,.14)}
.studio-gallery img{border:0;border-radius:15px;box-shadow:0 22px 46px rgba(0,0,0,.26)}

/* One visual system for every product card. */
.feature-card--blue,.feature-card--mint,.feature-card--peach{background:#edf3fb}
.app-card .app-preview,
.app-card--blue .app-preview,
.app-card--peach .app-preview,
.app-card--lavender .app-preview,
.app-card--green .app-preview,
.app-card--yellow .app-preview,
.app-card--pink .app-preview,
.app-card--mint .app-preview,
.app-card--coral .app-preview,
.app-card--sky .app-preview,
.app-card--purple .app-preview,
.app-card--teal .app-preview,
.app-card--orange .app-preview,
.app-card--gold .app-preview,
.app-card--rose .app-preview{background:#f1f4f9}

/* Product imagery stays in a clean grid; nothing overlaps or rotates. */
.hero-art{height:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:14px;perspective:none}
.soft-orbit,.floating-pill{display:none}
.phone-shot,.phone-shot--left,.phone-shot--main,.phone-shot--right{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1242/2688;transform:none;z-index:auto;border-radius:14px}
.studio-gallery{height:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:14px}
.studio-gallery img,.studio-gallery img:nth-child(1),.studio-gallery img:nth-child(2),.studio-gallery img:nth-child(3),.studio-gallery img:nth-child(4){position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1242/2688;transform:none;display:block}

@media(max-width:700px){
  .hero-art{height:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;transform:none;margin:24px 0 0}
  .phone-shot,.phone-shot--left,.phone-shot--main,.phone-shot--right{width:100%;height:auto;transform:none}
  .studio-gallery{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;transform:none;margin:24px 0 30px}
  .studio-gallery img,.studio-gallery img:nth-child(1),.studio-gallery img:nth-child(2),.studio-gallery img:nth-child(3),.studio-gallery img:nth-child(4){width:100%;height:auto;display:block}
}

/* Every app preview is rebuilt from the screen resource inside one shared frame. */
.device-shell{
  --screen-top:-25%;
  position:relative;
  overflow:hidden;
  aspect-ratio:9/19.5;
  border:4px solid #17191d!important;
  border-radius:28px!important;
  background:#101216!important;
  box-shadow:0 18px 38px rgba(32,48,78,.2)!important;
}
.device-shell:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  border-radius:23px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);
  pointer-events:none;
}
.device-shell img,
.phone-shot .device-shell img,
.feature-visual.device-shell img,
.app-preview .device-shell img,
.studio-gallery .device-shell img{
  position:absolute!important;
  left:50%!important;
  top:var(--screen-top)!important;
  width:130%!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
  transform:translateX(-50%)!important;
  object-fit:initial!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.device-shell--phone,.device-shell--phone-recents{--screen-top:-27%}
.device-shell--camera,.device-shell--notes{--screen-top:-20.5%}
.device-shell--messages,.device-shell--photos,.device-shell--music{--screen-top:-25.5%}
.device-shell--launcher-home,.device-shell--launcher-library{--screen-top:-25%}

.hero-art{align-items:stretch}
.phone-shot,.phone-shot--left,.phone-shot--main,.phone-shot--right{
  height:440px;
  min-width:0;
  padding:18px 13px 0;
  display:flex;
  flex-direction:column;
  align-items:center;
  aspect-ratio:auto;
  border:1px solid #dce5f0!important;
  border-radius:22px!important;
  background:#f3f6fb!important;
  box-shadow:0 20px 46px rgba(48,68,107,.14)!important;
}
.phone-shot figcaption{
  width:100%;
  min-height:58px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.phone-shot figcaption span{color:#7b869b;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.phone-shot figcaption strong{margin-top:3px;font:800 13px/1.2 "Manrope",sans-serif;letter-spacing:-.02em}
.phone-shot .device-shell{width:min(100%,156px);flex:0 0 auto}

.feature-visual.device-shell{background:#101216!important}
.feature-card--blue .feature-visual{transform:translateX(-50%)}
.feature-card--mint .feature-visual,.feature-card--peach .feature-visual{transform:none}
.app-preview{display:flex;align-items:flex-start;justify-content:center;background:#f1f4f9!important}
.app-preview .device-shell{width:150px;margin-top:14px;flex:0 0 auto}
.studio-gallery .device-shell{width:100%;height:auto;display:block}

@media(max-width:700px){
  .phone-shot,.phone-shot--left,.phone-shot--main,.phone-shot--right{height:286px;padding:11px 7px 0;border-radius:15px!important}
  .phone-shot figcaption{min-height:42px}
  .phone-shot figcaption span{font-size:6px;letter-spacing:.04em}
  .phone-shot figcaption strong{font-size:9px}
  .phone-shot .device-shell{width:min(100%,96px);border-width:3px!important;border-radius:20px!important}
  .app-preview .device-shell{width:164px}
}