:root{--c-primary:#8a252f;--c-primary-deep:#6c0715;--c-primary-000:#fff2f3;--c-accent:#e19400;--c-warm-gray:#a7a7a7;--c-cream:#fff6e8;--c-ink:#0d0d0f;--c-grey-800:#3f3f3f;--c-grey-400:#515358;--c-grey-200:#e9e9ec;--c-bg:#fff;--c-bg-dark:#120607;--g-heading:linear-gradient(105deg, #000 12%, var(--c-primary) 89%);--g-heading-light:linear-gradient(105deg, #fff 12%, #f5c9a0 89%);--g-dark:linear-gradient(135deg, #000 0%, #3b0d13 45%, var(--c-primary) 100%);--g-warm:linear-gradient(135deg, var(--c-primary) 0%, #b4551c 55%, var(--c-accent) 100%);--g-glow:radial-gradient(closest-side, #e1940038, #e1940000);--font:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-display:clamp(3.5rem, 11vw, 12rem);--fs-h2:clamp(2.25rem, 4.2vw, 4.375rem);--fs-h3:clamp(1.375rem, 1.8vw, 1.875rem);--fs-eyebrow:clamp(.95rem, 1.15vw, 1.375rem);--fs-body:clamp(1rem, 1.05vw, 1.25rem);--fs-small:clamp(.8125rem, .8vw, .9375rem);--lh-tight:1.1;--lh-body:1.5;--container:1720px;--gutter:clamp(16px, 4.5vw, 100px);--section-y:clamp(96px, 12vw, 220px);--radius-sm:12px;--radius:20px;--radius-lg:30px;--radius-xl:clamp(40px, 5vw, 100px);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--shadow-card:0 30px 60px -20px #3c0a0f2e, 0 8px 20px -8px #00000014}*,:before,:after{box-sizing:border-box}html,body{margin:0}html{-webkit-text-size-adjust:100%;overflow-x:clip}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{font-family:var(--font);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--c-grey-800);background:var(--c-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow-x:clip}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}::selection{background:var(--c-primary);color:#fff}.container{width:min(100% - 2 * var(--gutter), var(--container));margin-inline:auto}.section{padding-block:var(--section-y);position:relative}.section--tight{padding-block:calc(var(--section-y) * .6)}.center{text-align:center}.stack>*+*{margin-top:var(--stack,1rem)}.eyebrow{font-size:var(--fs-eyebrow);color:var(--c-primary);letter-spacing:.01em;font-weight:400}.eyebrow--accent{color:var(--c-accent)}.h2{font-size:var(--fs-h2);font-weight:600;line-height:var(--lh-tight);letter-spacing:-.02em;color:var(--c-ink);text-wrap:balance}.h3{font-size:var(--fs-h3);color:var(--c-ink);font-weight:500;line-height:1.25}.lead{font-size:var(--fs-body);color:var(--c-grey-400);max-width:62ch}.center .lead{margin-inline:auto}.small{font-size:var(--fs-small);color:var(--c-grey-400)}.grad-text{background:var(--g-heading);color:#0000;background-clip:text}.grad-text--light{background-image:var(--g-heading-light)}.grad-text *{background:inherit;color:#0000;background-clip:text}.glow{width:var(--size,60vw);aspect-ratio:1/1.4;filter:blur(40px);pointer-events:none;z-index:0;background:radial-gradient(closest-side,#f5be8273,#ffeed700);border-radius:50%;position:absolute}.section>.container{z-index:1;position:relative}.card{border-radius:var(--radius);box-shadow:var(--shadow-card);background:#fff}.media{border-radius:var(--radius-lg);overflow:hidden}.media img{object-fit:cover;width:100%;height:100%}.pill{font-size:var(--fs-small);color:#fff;background:#4a4a4f;border-radius:999px;align-items:center;gap:.5em;padding:.45em 1.1em;display:inline-flex}.has-motion [data-reveal],.has-motion [data-stagger]>*{opacity:0}.has-motion [data-split]{visibility:hidden}.word-mask{margin-bottom:-.14em;padding-bottom:.14em}[data-parallax]{will-change:transform}[data-tilt]{transform-style:preserve-3d;will-change:transform}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--hero-bg:var(--g-dark);--hero-fg:#fff;--hero-muted:#ffffffb8;--hero-rule:#ffffff40;--hero-accent:var(--c-accent);--hero-accent-text:linear-gradient(100deg, #fff 0%, #f6c48a 45%, var(--c-accent) 100%);--hero-glow:radial-gradient(closest-side, #e1940047, #8a252f26 45%, transparent 70%);--hero-reveal:#fff;--hero-title-size:clamp(2.75rem, min(15vw, 21vh), 18rem);--hero-top-reserve:calc(64px + env(safe-area-inset-top,0px));--hero-bottom-reserve:clamp(88px, 12vh, 130px)}.hero{height:100svh;position:relative}.has-motion .hero{height:260vh}.hero__sticky{height:100svh;color:var(--hero-fg);position:sticky;top:0;overflow:hidden}.hero__bg{background:var(--hero-bg);background-size:140% 140%;position:absolute;inset:0}.hero__glow{aspect-ratio:1;background:var(--hero-glow);filter:blur(20px);pointer-events:none;width:70vmax;position:absolute;top:0;left:0}.hero__grain{opacity:.12;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:-50%}.hero__light{background:var(--hero-reveal);clip-path:inset(100% 0 0);position:absolute;inset:0}.hero__content{z-index:2;height:100%;width:min(100% - 2 * var(--gutter), var(--container));padding-block:var(--hero-top-reserve) var(--hero-bottom-reserve);text-align:center;flex-direction:column;justify-content:safe center;align-items:center;gap:clamp(12px,min(2.2vw,3.2vh),36px);margin-inline:auto;display:flex;position:relative;overflow:hidden}.hero__content>*{min-width:0;max-width:100%}.hero__eyebrow{font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.18em;color:var(--hero-muted);flex-wrap:wrap;justify-content:center;gap:.5em 1.4em;display:flex}.hero__eyebrow span+span:before{content:"•";color:var(--hero-accent);margin-right:1.4em}.hero__title{font-size:var(--hero-title-size);letter-spacing:-.045em;text-wrap:balance;flex-direction:column;align-items:center;margin:0;font-weight:600;line-height:.92;display:flex}.hero__line{white-space:nowrap;width:fit-content;max-width:100%;display:block}.hero__line--accent{background:var(--hero-accent-text);color:#0000;background-clip:text}.hero__line--accent *{background:inherit;color:#0000;background-clip:text}.hero__title .char-mask{margin:-.14em -.08em -.18em;padding:.14em .08em .18em}.hero__tagline{max-width:36ch;color:var(--hero-muted);text-wrap:balance;margin-inline:auto;font-size:clamp(1rem,min(1.5vw,2.4vh),1.6rem);font-weight:300;line-height:1.45}.hero__meta{flex-wrap:wrap;justify-content:center;gap:14px clamp(20px,3.5vw,64px);margin:clamp(4px,1.2vh,20px) 0 0;display:flex}.hero__meta div{border-top:1px solid var(--hero-rule);min-width:7.5em;padding-top:10px}.hero__meta dt{letter-spacing:.16em;text-transform:uppercase;color:#ffffff8c;font-size:.72rem}.hero__meta dd{font-size:var(--fs-small);margin:4px 0 0;font-weight:500}.hero__caption{z-index:3;text-align:center;max-width:22ch;padding-inline:var(--gutter);text-wrap:balance;opacity:0;pointer-events:none;margin-inline:auto;position:absolute;top:clamp(84px,13vh,150px);left:0;right:0}.hero__device{z-index:3;transform-origin:50% 100%;width:min(70vw,1500px,92vh);margin:0;position:absolute;bottom:-16vh;left:50%;translate:-50%}.hero__device img{mask-image:linear-gradient(#000 56%,#0000 70%)}.hero__cue{z-index:4;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));letter-spacing:.2em;text-transform:uppercase;color:var(--hero-muted);flex-direction:column;align-items:center;gap:10px;font-size:.72rem;display:flex;position:absolute;translate:-50%}.hero__cue i{background:linear-gradient(var(--hero-fg), transparent);width:1px;height:clamp(24px,5vh,48px);animation:cue 1.8s var(--ease-in-out) infinite;transform-origin:top}@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}@media (width<=420px){.hero__eyebrow{letter-spacing:.12em;gap:.4em 1em;font-size:.72rem}.hero__eyebrow span+span:before{margin-right:1em}}@media (height<=560px){.hero__meta{display:none}:root{--hero-bottom-reserve:56px}}@media (height<=420px){.hero__tagline,.hero__cue span{display:none}}@media (width<=760px) and (orientation:portrait){.hero__device{width:104vw;bottom:16vh}.hero__caption{top:96px}.hero__meta{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,360px);display:grid}}html:not(.has-motion) .hero__caption,html:not(.has-motion) .hero__device,html:not(.has-motion) .hero__cue{display:none}.progress{z-index:60;pointer-events:none;height:3px;position:fixed;inset:0 0 auto}.progress__bar{background:var(--g-warm);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.topbar{z-index:50;padding:18px var(--gutter);font-size:var(--fs-small);color:#fff;mix-blend-mode:normal;transition:transform .45s var(--ease-out,cubic-bezier(.16, 1, .3, 1)), background-color .3s, color .3s;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;inset:0 0 auto}.topbar.is-solid{mix-blend-mode:normal;color:var(--c-ink,#111);backdrop-filter:blur(14px);background:#ffffffdb;box-shadow:0 1px #0000000f}.topbar.is-hidden{transform:translateY(-101%)}.topbar{grid-template-columns:1fr auto 1fr;display:grid}.topbar__brand{justify-self:start;display:inline-flex}.topbar__by{justify-self:end;display:inline-flex}.topbar__brand img,.topbar__by img{width:auto;height:50px;transition:filter .3s;display:block}.topbar__by img{height:50px}.topbar.is-solid .topbar__brand img,.topbar.is-solid .topbar__by img{filter:brightness(0)}.topbar__close{width:40px;height:40px;color:inherit;cursor:pointer;transition:background-color .25s, color .25s, transform .25s var(--ease-out,ease);background:0 0;border:1.5px solid;border-radius:50%;justify-self:center;place-items:center;padding:0;display:grid}.topbar__close:hover{background:currentColor;transform:rotate(90deg)}.topbar__close:hover svg{color:#000}.topbar.is-solid .topbar__close:hover svg{color:#fff}.topbar__close:focus-visible,.topbar__brand:focus-visible,.topbar__by:focus-visible{outline-offset:4px;outline:2px solid}@media (width<=640px){.topbar__brand img{height:24px}.topbar__by img{height:20px}.topbar__close{width:36px;height:36px}}.overview__grid{grid-template-columns:minmax(0,1.6fr) minmax(0,.75fr);align-items:center;gap:clamp(32px,5vw,96px);display:grid}.overview__text{gap:clamp(16px,1.6vw,28px);display:grid;position:relative}.overview__title{max-width:18ch}.overview__float{filter:drop-shadow(0 12px 18px #8a252f59);width:clamp(40px,4vw,80px);position:absolute}.overview__float--home{top:6%;left:48%}.overview__float--spark{top:38%;left:26%}.overview__card{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin:0;overflow:hidden}.dtc{aspect-ratio:497/432;color:#fff;background:linear-gradient(98deg,#9a2f2c 0%,#b8501f 42%,#dc8a05 78%,#e59400 100%);position:relative;container-type:inline-size}.dtc__title{letter-spacing:-.01em;text-wrap:balance;width:46%;font-size:4.9cqw;font-weight:600;line-height:1.28;position:absolute;top:20%;left:11%}.dtc__spark{fill:#e5a21c;filter:drop-shadow(0 4px 10px #0003);width:7%;position:absolute;top:35%;left:44%}.dtc__phone{filter:drop-shadow(0 24px 24px #00000047);width:44%;height:auto;position:absolute;top:7%;right:4%}.dtc__badges{gap:4%;width:28%;display:flex;position:absolute;bottom:8%;left:10.5%}.dtc__badges>a{transition:transform .35s var(--ease-out);border-radius:50%;flex:1;display:block}.dtc__badges>a:hover{transform:translateY(-3px)scale(1.04)}.dtc__badges>a:focus-visible{outline-offset:3px;outline:2px solid #fff}.dtc__badges img{filter:drop-shadow(0 6px 12px #0000002e);flex:1;width:100%;height:auto}.spark path{fill:inherit}@media (width<=900px){.overview__grid{grid-template-columns:1fr}.overview__card{max-width:520px}}.bento__grid{--gap:clamp(10px, 1vw, 18px);gap:var(--gap);aspect-ratio:1690/1227;grid-template:"a b b c c c"419fr"a d d d e e"386fr"f f g g g h"386fr/465fr 399fr 84fr 343fr 56fr 343fr;display:grid}.tile{border-radius:var(--radius-lg);background:var(--c-primary);color:#fff;margin:0;position:relative;overflow:hidden;container-type:size}.tile>img.cover{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tile__title{letter-spacing:-.015em;margin:0;font-weight:600;line-height:1.15;position:absolute}.tile__title--c{text-align:center;font-size:max(6.2cqw,13px);top:17%;left:0;right:0}.tile__title--bl{text-shadow:0 2px 20px #00000059;font-size:max(3.9cqw,13px);font-weight:500;line-height:1.12;bottom:7%;left:5%}.tile__title--f{width:46%;font-size:max(4.4cqw,13px);font-weight:600;line-height:1.12;top:29%;left:6%}.tile__sub{color:#ffffffd9;width:40%;font-size:max(1.9cqw,9px);line-height:1.4;position:absolute;top:62%;left:6%}.tile__phone{filter:drop-shadow(0 20px 30px #00000047);height:auto;position:absolute}.tile--a{background:linear-gradient(#8a252f 0%,#8d2930 55%,#a2362f 100%)}.tile--a .tile__phone{width:70%;top:34%;left:50%;translate:-50%}.story{gap:2%;display:flex;position:absolute;top:2.2%;left:6%;right:6%}.story i{background:#ffffff47;border-radius:3px;flex:1;height:3px}.story i.on{background:#ffffffe6}.brandrow{align-items:center;gap:2.5cqw;margin:0;font-size:max(3cqw,10px);font-weight:500;display:flex;position:absolute;top:5.2%;left:7%}.brandrow img{background:#fff;border-radius:50%;width:8cqw;height:8cqw;padding:1.2cqw}.tile--b{background:radial-gradient(120% 100% at 50% 0,#7d0a1a 0%,#690614 100%);place-content:center;display:grid}.lockup__logo{width:66cqw;height:auto}.tile--d:after{content:"";background:linear-gradient(#0000 45%,#0000009e);position:absolute;inset:0}.tile--d .tile__title{z-index:1}.tile--f{background:linear-gradient(104deg,#8a252f 0%,#9f3329 52%,#bd5d33 100%)}.tile--f .tile__phone{width:27%;top:9%;left:67%}.tile--g .tile__notif{--notif-fs:max(3.1cqw, 9px);position:absolute;bottom:7%;left:6%;right:6%}.notif{--notif-fs:14px;backdrop-filter:blur(14px);color:#1c1c1e;font-size:var(--notif-fs);text-align:left;background:linear-gradient(#ffffffed,#ffffffd6);border-radius:1.3em;grid-template-columns:auto 1fr auto;align-items:start;gap:.85em;padding:.95em 1.1em;line-height:1.25;display:grid;box-shadow:0 .9em 1.8em #00000024,inset 0 0 0 1px #fff9}.notif__icon{background:#fff;border-radius:50%;place-items:center;width:2.6em;height:2.6em;display:grid;box-shadow:0 1px 4px #0000001f}.notif__icon img{width:1.5em;height:1.5em}.notif p{margin:0}.notif__title{font-size:1.08em;font-weight:600}.notif__body{color:#55575c;margin-top:.15em}.notif__time{color:#8e8e93;font-size:.82em}.tile--a{grid-area:a}.tile--b{grid-area:b}.tile--c{grid-area:c}.tile--d{grid-area:d}.tile--e{grid-area:e}.tile--f{grid-area:f}.tile--g{grid-area:g}.tile--h{grid-area:h}@media (width<=900px){.bento__grid{aspect-ratio:auto;grid-template-rows:none;grid-template-columns:1fr 1fr;grid-template-areas:"a b""a e""c c""d d""f f""g h"}.tile{aspect-ratio:1}.tile--a{aspect-ratio:auto}.tile--c,.tile--d,.tile--f{aspect-ratio:16/8}}.users__head{gap:16px;margin-bottom:clamp(64px,8vw,140px);display:grid}.persona{grid-template-columns:minmax(0,591fr) 120px minmax(0,560fr);align-items:center;max-width:1300px;margin-inline:auto;display:grid}.persona+.persona{margin-top:clamp(80px,9vw,160px)}.persona--reverse{grid-template-columns:minmax(0,560fr) 120px minmax(0,591fr)}.persona--reverse .persona__visual{order:3}.persona--reverse .persona__link{order:2}.persona--reverse .persona__text{text-align:right;order:1}.persona--reverse .persona__text .lead{margin-left:auto}.persona__visual{aspect-ratio:591/432;clip-path:inset(-40% -25% 0);position:relative;container-type:inline-size}.persona__bg{border-radius:var(--radius-lg);background:linear-gradient(#e39a00 0%,#cf7208 48%,#a8412a 100%);position:absolute;inset:0;overflow:hidden}.persona__bg:before{content:"";aspect-ratio:1;opacity:.07;filter:brightness(0)invert();background:url(/portfolio/luckycement/assets/svg/logo-lucky-mark.svg) 50%/contain no-repeat;width:62%;position:absolute;bottom:-22%;right:-6%;transform:rotate(-8deg)}.persona__bg--flip{transform:scaleX(-1)}.persona__stage{clip-path:inset(-40% 0 0 0 round 0 0 var(--radius-lg) var(--radius-lg));position:absolute;inset:0}.persona__cutout{filter:drop-shadow(0 8px 20px #00000029);width:auto;max-width:none;height:118%;position:absolute;bottom:-12%;left:0}.persona--reverse .persona__cutout{left:auto;right:0}.persona__note{--notif-fs:max(2.55cqw, 9.5px);width:62%;position:absolute;top:10%;right:-10%}.persona--reverse .persona__note{left:-12%;right:auto}.persona__link{background:repeating-linear-gradient(90deg, var(--c-primary) 0 4px, transparent 4px 8px);transform-origin:0;height:2px;margin-inline:16px;position:relative}.persona__link:after{content:"";background:var(--c-primary);border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;right:-4px}.persona--reverse .persona__link{transform-origin:100%}.persona--reverse .persona__link:after{left:-4px;right:auto}.persona__name{color:var(--c-ink);letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(1.75rem,2.6vw,2.8rem);font-weight:600}@media (width<=900px){.persona,.persona--reverse{grid-template-columns:1fr;gap:28px}.persona__link{display:none}.persona--reverse .persona__visual{order:0}.persona--reverse .persona__text{text-align:left}.persona__note{right:0}.persona--reverse .persona__note{left:0}}.challenge{position:relative}.challenge>.container>.h2{z-index:3;position:relative}.challenge:before,.challenge:after{content:"";aspect-ratio:1;filter:blur(60px);pointer-events:none;z-index:0;border-radius:50%;width:55vw;position:absolute}.challenge:before{background:radial-gradient(closest-side,#f5be8261,#0000);top:-8%;left:-20vw}.challenge:after{background:radial-gradient(closest-side,#f5be8257,#0000);bottom:-4%;right:-22vw}.challenge__stage{aspect-ratio:1700/684;margin-top:clamp(64px,8vw,150px);position:relative;container-type:inline-size}.challenge__col{z-index:2;gap:1.3cqw;width:29.53%;display:grid;position:absolute}.challenge__col--problem{gap:1.3cqw;top:0;left:0}.challenge__col--problem .challenge__card:first-of-type{margin-bottom:1.6cqw}.challenge__col--solution{top:11.3%;right:0}.challenge__bar{color:#fff;letter-spacing:.005em;background:linear-gradient(90deg,#8a252f 0%,#b0602a 55%,#dc9420 100%);border-radius:99px;justify-content:space-between;align-items:center;height:3.3cqw;padding:0 .7cqw 0 1.3cqw;font-size:max(1.3cqw,13px);font-weight:500;display:flex;box-shadow:0 .6cqw 1.6cqw #8a252f29}.challenge__icon{width:2.3cqw;height:2.3cqw;color:var(--c-primary);background:#fff;border-radius:50%;place-items:center;display:grid}.challenge__icon svg{width:62%;height:62%}.challenge__card{background:#ffffffe0;border-radius:1.7cqw;align-content:start;justify-items:start;gap:.55cqw;padding:1.75cqw 1.75cqw 1.7cqw;display:grid;box-shadow:0 1.2cqw 3.4cqw -.6cqw #3c14141a,inset 0 0 0 1px #ffffffb3}.challenge__col--problem .challenge__card:first-of-type{min-height:17.8cqw}.challenge__col--problem .challenge__card:nth-of-type(2){min-height:14.9cqw}.challenge__card .pill{background:#4a4b50;padding:.55cqw 1.25cqw;font-size:max(1cqw,11px)}.challenge__card .h3{margin-top:.5cqw;font-size:max(1.9cqw,17px);font-weight:500;line-height:1.25}.challenge__card .small{color:#55575c;font-size:max(1.12cqw,12px);line-height:1.45}.challenge__card--solution{text-align:center;justify-items:center;min-height:25.4cqw}.challenge__card--solution .h3{font-weight:600}.checklist{color:var(--c-ink);justify-items:center;gap:.8cqw;margin:1cqw 0 0;padding:0;font-size:max(1.05cqw,12px);list-style:none;display:grid}.checklist li{align-items:center;gap:.6cqw;display:flex}.checklist svg{color:#8a8b92;flex:none;width:1.15cqw;min-width:12px;height:1.15cqw}.challenge__hub{aspect-ratio:1;z-index:0;place-items:center;width:37.4%;display:grid;position:absolute;top:49.9%;left:50.4%;translate:-50% -50%}.ring{background:#fff;border-radius:50%;position:absolute}.ring--3{inset:-48.5%;box-shadow:0 0 5cqw #3c14140f}.ring--2{inset:0;box-shadow:0 0 3.4cqw #3c141412,inset 0 0 2cqw #3c141406}.ring--1{inset:24.4%;box-shadow:0 0 2.4cqw #3c141412,inset 0 0 2cqw #3c141408}.challenge__mark{filter:grayscale()brightness(1.9)contrast(.5)opacity(.28)drop-shadow(0 2px 6px #00000026);width:9.2%;position:relative}.challenge__wires{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.challenge__wires path{fill:none;stroke-width:2px;stroke-dasharray:6 5}.w-red{stroke:#8a252f}.d-red{fill:#8a252f}.w-gold{stroke:#d9962a}.d-gold{fill:#d9962a}@media (width<=1100px){.challenge__stage{aspect-ratio:auto;gap:28px;display:grid;container-type:normal}.challenge__col{gap:14px;width:auto;position:static}.challenge__col--problem .challenge__card:nth-of-type(n){min-height:0;margin:0}.challenge__card--solution{min-height:0}.challenge__hub,.challenge__wires{display:none}.challenge__bar{height:52px;padding:0 8px 0 20px;font-size:1rem}.challenge__icon{width:36px;height:36px}.challenge__card{border-radius:22px;gap:12px;padding:22px}.challenge__card .pill{padding:.4em 1em;font-size:.8125rem}.challenge__card .h3{margin-top:4px;font-size:1.375rem}.challenge__card .small{font-size:.9375rem}.checklist{gap:10px;font-size:.9375rem}.checklist svg{width:18px;height:18px}}.journey{background:linear-gradient(180deg, #fff 0%, var(--c-cream) 50%, #fff 100%);position:relative}.journey__pin{align-items:center;min-height:100svh;padding-block:clamp(80px,9vh,120px) clamp(40px,6vh,80px);display:flex;position:relative;overflow:hidden}.journey__layout{width:min(100% - 2 * var(--gutter), var(--container));grid-template:"head stage""steps stage"1fr"rail rail"/minmax(0,1fr) minmax(0,1.15fr);gap:clamp(24px,3vw,56px) clamp(32px,5vw,96px);height:100%;display:grid}.journey__head{grid-area:head;gap:8px;display:grid}.journey__stage{grid-area:stage;place-items:center;min-height:52vh;display:grid;position:relative}.journey__num{letter-spacing:-.06em;color:#0000;-webkit-text-stroke:1.5px #8a252f24;user-select:none;place-items:center;font-size:clamp(10rem,26vw,30rem);font-weight:700;line-height:1;display:grid;position:absolute;inset:0}.journey__plot{aspect-ratio:319/242;width:min(100%,620px);position:relative}.journey__plot img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.journey__shadow{filter:blur(6px);z-index:-1;background:radial-gradient(closest-side,#3c140a2e,#0000);border-radius:50%;width:55%;height:6%;position:absolute;bottom:12%}.journey__steps{grid-area:steps;align-self:center;min-height:13em;margin:0;padding:0;list-style:none;position:relative}.journey__step{gap:6px;max-width:30ch;display:grid}.journey__week{font-size:var(--fs-eyebrow);color:var(--c-primary)}.journey__title{color:var(--c-ink);letter-spacing:-.01em;font-size:clamp(1.4rem,2.1vw,2.4rem);font-weight:500;line-height:1.2}.journey__title span{color:var(--c-primary)}.journey__thumb{display:none}.journey__rail{background:#8a252f26;grid-area:rail;height:2px;position:relative}.journey__fill{background:var(--g-warm);transform-origin:0;position:absolute;inset:0;transform:scaleX(.2)}.journey__rail [data-dot]{width:14px;height:14px;transition:background .4s, border-color .4s, scale .4s var(--ease-out);background:#fff;border:2px solid #8a252f4d;border-radius:50%;position:absolute;top:50%;translate:-50% -50%}.journey__rail [data-dot].is-active{background:var(--c-primary);border-color:var(--c-primary);scale:1.3}.journey__rail [data-dot] em{white-space:nowrap;letter-spacing:.1em;text-transform:uppercase;color:var(--c-grey-400);font-size:.75rem;font-style:normal;position:absolute;top:20px;left:50%;translate:-50%}.journey.is-pinned .journey__step{position:absolute;inset:0 auto auto 0}.journey:not(.is-pinned) .journey__pin{display:block}.journey:not(.is-pinned) .journey__layout{grid-template-columns:1fr;grid-template-areas:"head""steps";margin-inline:auto}.journey:not(.is-pinned) .journey__stage,.journey:not(.is-pinned) .journey__rail{display:none}.journey:not(.is-pinned) .journey__steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px;display:grid}.journey:not(.is-pinned) .journey__thumb{width:100%;max-width:260px;margin-top:12px;display:block}.identity__type{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,3vw,48px);margin-top:clamp(48px,6vw,100px);display:grid}.identity__specimen{align-content:start;gap:12px;display:grid}.identity__inter{letter-spacing:-.04em;color:var(--c-ink);border-bottom:1px solid #d9d9d9;padding-bottom:clamp(24px,3vw,56px);font-size:clamp(6rem,14vw,15rem);font-weight:400;line-height:1}.identity__lists{grid-template-columns:1fr 1.4fr;gap:24px;padding-top:clamp(24px,3vw,56px);display:grid}.identity__weights{color:var(--c-ink);gap:6px;margin:16px 0 0;padding:0;font-size:clamp(1.2rem,1.6vw,1.75rem);list-style:none;display:grid}.identity__alpha{color:var(--c-ink);max-width:18em;margin-top:16px;font-size:clamp(.95rem,1.15vw,1.25rem);line-height:1.35}.identity__alpha--bold{margin-top:24px;font-weight:600}.identity__ladder{grid-template-columns:repeat(4,1fr);min-height:clamp(320px,40vw,720px);display:grid}.identity__ladder>div{border-left:1px solid #bbb;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden}.identity__ladder span{font-size:var(--fs-small);color:var(--c-ink);padding-top:12px}.identity__ladder b{color:var(--c-ink);transform-origin:50% 100%;line-height:.8;display:block}.identity__ladder>div:first-child b{font-size:clamp(3rem,6vw,7rem)}.identity__ladder>div:nth-child(2) b{font-size:clamp(4rem,8vw,9.5rem)}.identity__ladder>div:nth-child(3) b{font-size:clamp(5rem,10vw,12rem)}.identity__ladder>div:nth-child(4) b{font-size:clamp(7rem,15vw,18rem)}.identity__label{margin-top:clamp(64px,7vw,120px)}.swatches{grid-template-columns:repeat(5,1fr);gap:clamp(12px,1.6vw,28px);margin:20px 0 0;padding:0;list-style:none;display:grid}.swatch{aspect-ratio:1;color:#fff;background:var(--sw);clip-path:polygon(0 0,92% 0,100% 6%,100% 100%,0 100%);grid-template-rows:1fr auto;grid-template-columns:auto auto;place-content:space-between start;column-gap:1.2em;padding:clamp(14px,1.2vw,22px);display:grid}.swatch b{grid-column:1/-1;font-size:clamp(1rem,1.4vw,1.6rem);font-weight:400}.swatch span{font-size:var(--fs-small);display:grid}.swatch small{opacity:.7;text-transform:uppercase;font-size:.6rem}.identity__note{max-width:none;margin-top:clamp(32px,3vw,56px)}@media (width<=900px){.identity__type{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(2,1fr)}}.meet header{gap:16px;display:grid}.meet__phones{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(8px,3.5vw,64px);max-width:1200px;margin:clamp(24px,3vw,48px) auto 0;display:grid}.meet__phones img{filter:drop-shadow(0 30px 40px #0000002e);width:100%;height:auto}@media (width>=700px){.meet__phones img:nth-child(2){margin-top:9%}}.reimagine__scene{margin-top:clamp(40px,5vw,80px);padding-bottom:14%;position:relative}.reimagine__room{aspect-ratio:1683/777}.reimagine__room img{transform-origin:50%}.reimagine__phone{filter:drop-shadow(0 40px 50px #00000040);width:43%;position:absolute;bottom:0;left:50%;translate:-42.9%}.split__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,96px);display:grid}.split__text{gap:clamp(14px,1.4vw,24px);display:grid}.split__plans{border-radius:var(--radius);max-width:520px;box-shadow:var(--shadow-card);background:#fff;margin:16px 0 0;padding:16px}.split__iso{width:min(100%,520px);margin-top:8px}@media (width<=900px){.split__grid{grid-template-columns:1fr}.split--reverse .split__media{order:2}}.website{background:var(--g-dark);color:#fff;padding-bottom:0;overflow:hidden}.website__head{gap:12px;display:grid}.website__title{color:#fff;max-width:16ch;margin-inline:auto}.website .lead{color:#fffc}.website__windows{grid-template-columns:repeat(3,1fr);align-items:start;gap:clamp(16px,3vw,72px);margin-top:clamp(48px,6vw,100px);margin-bottom:calc(-1*clamp(110px,17vw,330px));display:grid}.browser{background:#f4f4f6;border-radius:clamp(14px,1.6vw,28px);margin:0;padding:0 clamp(8px,.8vw,14px) clamp(8px,.8vw,14px);box-shadow:0 40px 80px -20px #00000080}.browser__dots{gap:8px;padding:clamp(12px,1.2vw,22px) 6px;display:flex}.browser__dots i{aspect-ratio:1;background:#ef4444;border-radius:50%;width:clamp(8px,.7vw,13px)}.browser__dots i:nth-child(2){background:#eab308}.browser__dots i:nth-child(3){background:#22c55e}.browser img{border-radius:6px;width:100%}.website__windows .browser:nth-child(2){margin-top:6%}@media (width<=760px){.website__windows{grid-template-columns:1fr;max-width:440px;margin-inline:auto}}.connected header{gap:16px;display:grid}.connected .h2{max-width:20ch;margin-inline:auto}.connected__scene{margin-top:clamp(24px,3vw,48px);position:relative}.callout{-webkit-backdrop-filter:blur(10px);border-radius:var(--radius);width:clamp(200px,17vw,320px);font-size:var(--fs-small);color:var(--c-grey-400);background:#8a252f1a;gap:4px;padding:clamp(14px,1.2vw,20px);display:grid;position:absolute}.callout b{font-size:clamp(1rem,1.15vw,1.25rem);font-weight:600}.callout--1{top:12%;left:13%}.callout--2{top:46%;left:4%}.callout--3{top:13%;right:4%}.callout--4{top:56%;right:13%}@media (width<=900px){.connected__scene{grid-template-columns:1fr 1fr;gap:12px;display:grid}.connected__device{grid-column:1/-1}.callout{width:auto;position:static}}.finale{padding-top:clamp(40px,6vw,120px);position:relative}.finale__phone{z-index:2;transform-origin:50% 100%;width:min(52%,1000px);margin:0 auto -15%;position:relative}.finale__footer{z-index:1;color:#fff;text-align:center;background:linear-gradient(176deg, #000 2%, var(--c-primary) 95%);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:calc(18% + 40px) 0 clamp(48px,5vw,80px);position:relative}.finale__thanks{font-size:var(--fs-h2);color:var(--c-primary-000);font-weight:400;line-height:1.3}.finale__sub{margin-top:8px;font-size:clamp(1rem,1.3vw,1.5625rem)}.finale__credits{text-align:left;border-bottom:1px solid #fff9;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-top:clamp(64px,8vw,140px);padding-bottom:clamp(24px,2vw,40px);font-size:clamp(1.05rem,1.5vw,1.875rem);line-height:1.35;display:flex}.finale__contact{gap:20px;display:flex}.finale__contact a+a{border-left:1.5px solid #fff;padding-left:20px}.finale__contact a:hover{color:var(--c-accent)}.finale__cta{text-align:center;justify-items:center;gap:14px;margin-top:clamp(40px,4.5vw,84px);display:grid}.finale__ready{font-size:var(--fs-h2);letter-spacing:-.02em;color:#fff;margin:0;font-weight:600;line-height:1.1}.finale__lede{color:var(--c-primary-000);opacity:.85;margin:0 0 clamp(10px,1.2vw,20px);font-size:clamp(1.05rem,1.5vw,1.875rem)}.cta{color:var(--c-primary);transition:transform .35s var(--ease-out), box-shadow .35s, background-color .25s, color .25s;background:#fff;border-radius:999px;align-items:center;gap:.7em;padding:.95em 1.7em;font-size:clamp(1rem,1.25vw,1.375rem);font-weight:600;display:inline-flex;box-shadow:0 14px 40px -10px #00000073}.cta svg{flex:none;width:1.2em;height:1.2em}.cta__arrow{transition:transform .35s var(--ease-out)}.cta:hover{background:var(--c-accent);color:#fff;transform:translateY(-3px);box-shadow:0 18px 44px -10px #e1940099}.cta:hover .cta__arrow{transform:translate(4px)}.finale__social{gap:16px;margin-top:clamp(14px,1.8vw,28px);display:flex}.social{aspect-ratio:1;color:#fff;width:clamp(48px,3.6vw,62px);transition:transform .35s var(--ease-out), background-color .25s, color .25s, border-color .25s;background:#ffffff0f;border:1.5px solid #ffffff8c;border-radius:50%;place-items:center;display:grid}.social svg{fill:currentColor;width:44%;height:44%}.social:hover{color:var(--c-primary);background:#fff;border-color:#fff;transform:translateY(-4px)}.cta:focus-visible,.social:focus-visible{outline-offset:4px;outline:2px solid #fff}