/* ClamGlam: independent identity, original shell mark, product-led composition. */
:root{--paper:#fffef7;--ink:#25251f;--muted:#63635a;--red:#b82c2d;--cherry:#f14645;--yellow:#fff071;--blue:#285bdf;--line:#deded2;--rose:#fff5ed;--plum:var(--red);--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px}img{display:block;max-width:100%;height:auto}.wrap{max-width:1380px;margin:auto;padding:0 64px}.skip{position:absolute;top:-100px;left:20px;background:var(--yellow);padding:12px 18px;z-index:10}.skip:focus{top:12px}.header{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img{width:210px;height:auto}.header nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:600}.header nav a{padding:12px 0}.header nav .nav-cta{border:1.5px solid var(--ink);border-radius:100px;padding:10px 19px;display:flex;gap:17px}.header nav .nav-cta:hover{background:var(--yellow)}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:1.7px;font-weight:700;margin:0 0 26px}.status-dot{width:7px;height:7px;background:var(--cherry);display:inline-block;border-radius:50%;margin-right:6px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:38px;align-items:center;padding-top:20px;padding-bottom:48px}.hero-copy{position:relative;min-width:0;padding-bottom:36px}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:800;letter-spacing:-.065em;line-height:.98}h1{font-size:clamp(68px,7.6vw,112px);margin-bottom:36px}h2{font-size:clamp(42px,4.8vw,66px)}h3{font-size:23px;letter-spacing:-.6px;line-height:1.15;font-weight:700}.hero-highlight{position:relative;display:inline-block;color:var(--red);white-space:nowrap}.hero-highlight svg{position:absolute;bottom:-20px;left:0;width:100%;height:25px;fill:none;stroke:var(--cherry);stroke-width:6;stroke-linecap:round}.hero-lead{font-size:21px;line-height:1.45;letter-spacing:-.5px;margin-bottom:17px}.hero-detail{font-size:16px;line-height:1.7;color:var(--muted);margin-bottom:26px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{background:var(--ink);color:var(--paper);border:1.5px solid var(--ink);padding:14px 22px;border-radius:100px;min-height:52px;display:inline-flex;align-items:center;gap:25px;font-weight:700;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:var(--red);border-color:var(--red);transform:translateY(-2px)}.text-link{font-size:13px;text-decoration:underline;text-underline-offset:5px;display:inline-flex;gap:10px;align-items:center;min-height:44px}.small{font-size:11px;line-height:1.65;color:var(--muted);max-width:450px}.hero-small{margin:19px 0 0}.scribble-note{position:absolute;font-size:13px;right:25px;bottom:-8px;transform:rotate(-7deg);font-style:italic;color:var(--red);display:flex;gap:6px}.scribble-note svg{width:55px;height:40px;fill:none;stroke:var(--red);stroke-width:2;stroke-linecap:round}.hero-product{margin:0;min-width:0}.product-stage{position:relative;isolation:isolate;background:#262626;border-radius:180px 180px 34px 34px;min-height:500px;padding:32px 13px 18px;overflow:hidden}.stage-sticker{position:absolute;right:30px;top:65px;background:var(--yellow);color:var(--ink);z-index:3;border:2px solid var(--ink);padding:16px 13px;border-radius:50%;font-size:10px;font-weight:800;line-height:1.15;transform:rotate(11deg);text-align:center;box-shadow:2px 4px 0 #0003}.stage-star{position:absolute;left:5px;bottom:54px;width:70px;fill:var(--cherry);z-index:4;transform:rotate(14deg)}.device-scene{perspective:1500px;max-width:360px;margin:0 auto}.device{width:100%;aspect-ratio:1118/1322;position:relative;transform:rotate(-4deg);transform-style:preserve-3d}.device-top{position:absolute;inset:0 0 48.8%;transform-origin:center bottom;transform-style:preserve-3d;z-index:2;transition:transform 1.35s cubic-bezier(.23,.8,.25,1)}.device-face,.device-lid{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.device-face img{width:100%;max-width:none}.device-bottom{position:absolute;inset:51.2% 0 0;overflow:hidden;z-index:1}.device-bottom img{width:100%;max-width:none;position:absolute;bottom:0}.device-lid{transform:rotateX(180deg);border:9px solid #242424;border-radius:18px 18px 36px 36px;background:var(--yellow);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:10px;color:var(--ink)}.device-lid img{width:70px;height:70px}.device-lid strong{font-size:30px;letter-spacing:-1.4px;font-weight:900}.device-lid span{font-size:10px}.device.is-folded .device-top{transform:rotateX(-178deg)}.fold-toggle{margin:7px auto 0;position:relative;z-index:5;display:flex;gap:9px;align-items:center;background:none;border:1px solid #8e8e83;color:#fffef7;border-radius:40px;padding:10px 19px;min-height:44px;font-size:11px}.fold-toggle:hover{background:#ffffff12}.toggle-symbol{font-size:20px;line-height:1}.hero-product figcaption{font-size:9px;line-height:1.5;color:var(--muted);text-align:center;margin:13px auto 0;max-width:360px}.color-ribbon{background:var(--yellow);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.color-ribbon>.wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:19px;padding-bottom:19px}.color-ribbon span{font-size:28px;font-weight:700;letter-spacing:-1.1px;display:flex;align-items:center;gap:40px;white-space:nowrap}.color-ribbon i{color:var(--red);font-size:36px;line-height:1;font-style:normal}.color-ribbon .ribbon-last{font-size:13px;letter-spacing:-.2px;font-weight:500}.play-section{padding-top:105px;padding-bottom:96px}.section-intro{position:relative}.section-intro h2{margin-bottom:28px}.section-intro h2 span{color:var(--red)}.section-intro>p:last-child{position:absolute;right:0;bottom:4px;font-size:17px;color:var(--muted)}.play-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:55px 0 0;padding:0}.play-steps li{border-top:1px solid var(--line);position:relative;padding-top:23px}.step-number{font-size:11px;color:var(--muted)}.step-art{height:106px;display:flex;align-items:center;margin:4px 0 24px}.shade-art{gap:10px}.shade-art i{width:55px;height:55px;border-radius:50%;background:#e34e6c;border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.shade-art i:nth-child(2){background:#f5ba62;transform:translateY(-10px)}.shade-art i:nth-child(3){background:#83b99e;transform:translateY(5px)}.gesture-art svg{width:140px;fill:none;stroke:var(--blue);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.share-art{font-size:106px;line-height:1;color:var(--red);font-family:Arial,sans-serif;font-weight:400;position:relative;padding-left:10px}.share-art>span{font-size:37px;color:var(--ink);transform:rotate(5deg);margin-left:12px}.play-steps p{color:var(--muted);font-size:14px;max-width:310px;line-height:1.7}.quiet-note{font-size:11px;color:var(--muted);margin:35px 0 0;border-top:1px solid var(--line);padding-top:17px}.color-play{background:#f3f1e7;padding:75px 0 80px;overflow:hidden}.color-play-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.portrait-play{position:relative;margin:0 20px}.portrait-play>img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:48% 48% 18px 18px;border:1.5px solid var(--ink);box-shadow:13px 14px 0 var(--yellow)}.portrait-label{position:absolute;bottom:24px;left:-17px;transform:rotate(-7deg);background:var(--paper);border:1.5px solid var(--ink);padding:9px 18px;border-radius:5px;font-size:12px;font-weight:700}.portrait-spark{position:absolute;right:-38px;top:20px;width:70px;fill:none;stroke:var(--blue);stroke-width:7;stroke-linecap:round}.color-copy h2{font-size:clamp(40px,4.6vw,64px);margin-bottom:26px}.color-copy>p:not(.eyebrow):not(.small){color:var(--muted);font-size:16px;line-height:1.7}.look-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 18px}.look-buttons button{border:1.5px solid var(--ink);background:transparent;padding:10px 13px;min-height:44px;border-radius:30px;font-size:11px;display:flex;gap:13px;align-items:center;font-weight:600}.look-buttons button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.look-buttons i{width:15px;height:15px;border-radius:50%;display:block;border:1px solid #ffffff50}.color-dot{background:#ef6582}.smokey-dot{background:#858099}.before-dot{background:#d6b08e}.details-section{padding-top:102px;padding-bottom:96px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.details-heading h2{margin-bottom:0}.detail-list>div{position:relative;border-top:1px solid var(--line);padding:23px 0 8px 33px}.detail-list>div>span{position:absolute;left:0;top:19px;color:var(--red);font-size:24px}.detail-list h3{font-size:20px;margin-bottom:9px}.detail-list p{font-size:13px;color:var(--muted);line-height:1.7}.launch-section{background:var(--yellow);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:70px 0}.launch-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.launch-grid h2{font-size:clamp(64px,7.4vw,100px);margin-bottom:0}.launch-copy>p:first-child{font-size:21px;line-height:1.5;max-width:420px;letter-spacing:-.4px}.launch-copy .small{color:#535343;margin:19px 0 0;max-width:380px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:100px;padding-bottom:104px}.faq>h2{font-size:40px;letter-spacing:-2px;line-height:1.1}details{border-top:1px solid var(--line);padding:18px 0}details:last-child{border-bottom:1px solid var(--line)}summary{font-size:14px;font-weight:700;cursor:pointer;min-height:30px;padding-right:16px}details p{font-size:13px;color:var(--muted);line-height:1.8;margin:16px 0 0}details a,.document a{text-decoration:underline;text-underline-offset:4px}.footer{border-top:1px solid var(--line);padding-top:32px;padding-bottom:27px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-brand img{width:185px}.footer nav{display:flex;gap:28px;font-size:12px}.footer small{width:100%;font-size:9px;color:var(--muted);margin-top:18px}.footer small a{text-decoration:underline;text-underline-offset:3px}.document{max-width:960px;padding-top:45px;padding-bottom:90px}.document h1{font-size:58px;max-width:700px;line-height:1.02}.document h2{font-size:28px;letter-spacing:-1px;line-height:1.2;margin-top:40px;margin-bottom:18px}.document h3{font-size:20px}.document p,.document li{color:var(--muted);font-size:15px;line-height:1.8}.document .status{padding:17px 21px;background:#f3f1e7;border-left:3px solid var(--cherry);font-size:13px}.document .button{color:var(--paper);text-decoration:none}.document .kit-links{display:flex;flex-wrap:wrap;gap:12px}.document .kit-links a{border:1px solid var(--line);padding:11px 16px;border-radius:30px;min-height:44px;font-size:12px}.document code{font-size:12px;background:#f3f1e7;padding:2px 5px}.document .small{font-size:11px}.document img{border-radius:12px}noscript{display:block;margin:20px}
@media(min-width:1450px){.product-stage{padding-left:27px;padding-right:27px}.hero{gap:70px}.hero-copy{padding-left:4px}}
@media(max-width:1100px){.wrap{padding-left:38px;padding-right:38px}.hero{gap:26px}.hero-copy .eyebrow{font-size:9px;letter-spacing:1px}h1{font-size:79px}.hero-lead{font-size:18px}.hero-detail{font-size:14px}.hero-actions{gap:14px}.button{font-size:12px;padding:12px 18px;gap:18px}.text-link{font-size:11px}.product-stage{min-height:0;border-radius:135px 135px 30px 30px}.stage-sticker{font-size:8px;top:22px;padding:13px 10px}.stage-star{width:50px}.scribble-note{right:0;font-size:11px}.color-ribbon span{font-size:24px;gap:22px}.color-ribbon .ribbon-last{font-size:11px}.section-intro>p:last-child{font-size:14px}.color-play-grid,.details-section,.launch-grid{gap:50px}.play-steps{gap:30px}.play-steps h3{font-size:21px}.faq{gap:38px}}
@media(max-width:760px){.wrap{padding-left:25px;padding-right:25px}.header{min-height:88px;gap:15px}.brand img{width:171px}.header nav{gap:15px;font-size:11px}.header nav>a:first-child{display:none}.header nav .nav-cta{padding:8px 12px;gap:8px}.hero{grid-template-columns:1fr;gap:24px;padding-top:30px;padding-bottom:42px}.hero-copy{padding-bottom:10px}.hero .eyebrow{font-size:9px;letter-spacing:1.1px;margin-bottom:24px}h1{font-size:clamp(76px,14.4vw,110px);line-height:.95;margin-bottom:36px}.hero-lead{font-size:21px}.hero-detail{font-size:15px}.hero-actions{gap:22px}.button{font-size:12px;min-height:50px;padding:13px 20px}.text-link{font-size:12px}.hero-small{font-size:10px}.scribble-note{display:none}.hero-product{max-width:510px;width:100%;justify-self:center}.product-stage{padding:25px 12px 16px;border-radius:130px 130px 28px 28px}.device-scene{max-width:415px}.stage-sticker{right:5px;top:25px;padding:16px 13px;font-size:9px}.stage-star{bottom:57px;left:4px;width:55px}.hero-product figcaption{font-size:9px;max-width:300px}.color-ribbon>.wrap{padding:16px 25px;gap:14px}.color-ribbon span{font-size:21px;gap:18px}.color-ribbon i{font-size:24px}.color-ribbon .ribbon-last{display:none}.color-ribbon span:nth-child(4) i{display:none}.play-section{padding-top:65px;padding-bottom:58px}h2{font-size:42px}.section-intro>p:last-child{position:static;font-size:15px}.play-steps{grid-template-columns:1fr;gap:28px;margin-top:35px}.play-steps li{padding-left:95px;min-height:170px;padding-top:20px}.step-number{position:absolute;left:0;top:18px}.step-art{position:absolute;left:0;top:39px;height:80px;width:77px;margin:0}.shade-art{gap:4px}.shade-art i{width:22px;height:30px;box-shadow:1px 2px 0 var(--ink)}.gesture-art svg{width:78px}.share-art{font-size:65px;padding:0}.share-art>span{font-size:22px;margin-left:2px}.play-steps h3{font-size:24px;margin-bottom:14px}.play-steps p{max-width:100%;font-size:14px}.quiet-note{font-size:10px;margin-top:10px}.color-play{padding:55px 0}.color-play-grid{grid-template-columns:1fr;gap:48px}.portrait-play{max-width:400px;width:calc(100% - 48px);margin:auto}.portrait-spark{width:55px;right:-29px}.color-copy h2{font-size:47px}.color-copy>p:not(.eyebrow):not(.small){font-size:15px}.look-buttons{gap:8px}.details-section{grid-template-columns:1fr;gap:30px;padding-top:62px;padding-bottom:58px}.details-heading h2{font-size:48px}.launch-section{padding:53px 0}.launch-grid{grid-template-columns:1fr;gap:30px}.launch-grid h2{font-size:77px}.launch-copy>p:first-child{font-size:20px;max-width:420px}.faq{grid-template-columns:1fr;gap:25px;padding-top:62px;padding-bottom:60px}.faq>h2{font-size:34px}.footer{padding-top:28px;gap:22px}.footer-brand img{width:170px}.footer nav{gap:20px;font-size:11px}.footer small{margin-top:3px;font-size:9px}.document{padding-top:35px;padding-bottom:55px}.document h1{font-size:43px}.document p,.document li{font-size:14px}}
@media(max-width:380px){.wrap{padding-left:20px;padding-right:20px}.header nav>a:nth-child(2){display:none}.header nav .nav-cta{font-size:10px}.brand img{width:156px}.hero-actions{gap:14px}.hero-actions .text-link{font-size:10px}.color-ribbon span{font-size:19px;gap:13px}.color-ribbon>.wrap{gap:10px;padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.device-top{transition:none}.device{transform:none}}

.intro-fold .device-top{transition:none}

.fold-toggle[hidden],.look-buttons[hidden]{display:none}

/* Restrained typographic identity, October 15 revision. */
.brand img{width:185px}.footer-brand img{width:165px}.hero-highlight{font-size:.8em}.device-lid .lid-wordmark{width:70%;height:auto;max-width:220px}.device-lid{gap:18px}.stage-sticker{font-size:9px;line-height:1.35}
@media(max-width:760px){.brand img{width:155px}.hero-highlight{font-size:.75em}}
@media(max-width:380px){.brand img{width:145px}}

@media(max-width:480px){.header nav>a:nth-child(2){display:none}.header nav .nav-cta{white-space:nowrap}}