@charset "UTF-8";
:root{color-scheme:dark;--bg:#0c0c0b;--surface:#171716;--text:#f2eee3;--muted:#bcb7ae;--accent:#e36c75;--border:#ffffff17;--mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;--sans:"Segoe UI",Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background-color:var(--bg);background-image:radial-gradient(#a9b8d20b .9px,transparent .9px);background-size:19px 19px;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a,input{touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:hover,a:hover{color:#fff}button:disabled{cursor:default}::selection{background:#c52f3b55;color:#fff}.shell{width:min(1120px,calc(100% - 80px));margin-inline:auto}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:var(--accent);color:#111;padding:15px}.skip-link:focus{top:12px}.site-header{height:77px;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff12;background:#121419e8;backdrop-filter:blur(18px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.wordmark{display:inline-block;position:relative;font-weight:900;font-size:37px;letter-spacing:-2.7px;line-height:1;color:#f2f3f6}.wordmark span{color:var(--accent)}.wordmark i{position:absolute;bottom:-6px;height:2px;left:1px;right:1px;background:linear-gradient(90deg,#f2f3f6 70%,var(--accent) 70%);opacity:.7}.nav-links{display:flex;align-items:center;gap:31px}.nav-links>a:not(.button){font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:#b4b5bf}.nav-links>a:hover{color:var(--accent)}.button{min-height:58px;padding:0 29px;display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:100px;font-family:var(--mono);font-size:12px;letter-spacing:1.9px;font-weight:700;text-transform:uppercase;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{color:#221b0e;background:linear-gradient(110deg,#d13946 0%,#c52f3b 48%,#99212b 100%);border:1px solid #db4653;box-shadow:inset 0 1px 2px #fff9,0 6px 29px #c52f3b2b}.button-primary:hover{color:#171108;box-shadow:inset 0 1px 2px #fff9,0 7px 38px #c52f3b50}.button-glass{border:1px solid #9a9da4;background:linear-gradient(135deg,#a2a6af29,#a2a6af0d);box-shadow:inset 0 1px 1px #ddd4,0 6px 30px #ffffff0b;backdrop-filter:blur(8px)}.button-small{min-height:39px;padding:0 22px;font-size:10px;gap:16px}.menu-toggle{display:none}.hero{height:min(820px,calc(100svh - 77px));min-height:630px;position:relative;display:grid;place-items:center;overflow:hidden;background:#0c0c0b}.hero canvas,.hero-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-shade{background:radial-gradient(ellipse at 50% 46%,#0c0c0b32 12%,#0c0c0b08 54%,#0c0c0b5c 100%),linear-gradient(0deg,var(--bg),transparent 22%)}.hero-content{position:relative;z-index:2;text-align:center;padding-bottom:61px;pointer-events:none}.hero-content a{pointer-events:auto}.eyebrow{font:10px/1.6 var(--mono);letter-spacing:1.2px;text-transform:uppercase;color:#999eaa}.eyebrow span{color:var(--accent)}.hero-eyebrow{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:29px;color:#c4bfb4;font-size:10px;text-shadow:0 2px 10px #000}.status-dot{height:5px;width:5px;border-radius:50%;display:inline-block;background:var(--accent);box-shadow:0 0 10px #e36c7588;flex-shrink:0}.hero h1{font-size:clamp(58px,7.4vw,105px);line-height:.98;letter-spacing:-4px;font-weight:800;margin:0;text-wrap:balance;text-shadow:0 4px 45px #000c}.hero-content>p{color:#c0c3cc;font-size:17px;line-height:1.7;margin:25px 0 28px;text-shadow:0 3px 10px #000}.mobile-break{display:none}.hero-actions{display:flex;justify-content:center;gap:16px}.discover-link{position:absolute;left:50%;bottom:43px;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:9px;color:#9fa4b0;font:10px var(--mono);letter-spacing:1.6px;text-transform:uppercase;z-index:3}.discover-link:hover{color:var(--accent)}.discover-link svg{animation:float-chevron 3s ease-in-out infinite}.preview-label{position:absolute;bottom:34px;left:35px;color:#7d818c;z-index:3;font:9px var(--mono);letter-spacing:1px;text-transform:uppercase}.preview-label span{margin-left:14px;color:#505660}.section{padding-block:99px}.section-heading{text-align:center;margin:0 auto 55px}.section-heading .eyebrow{margin:0 0 18px}.section-heading .eyebrow:before,.section-heading .eyebrow:after{content:'|';color:#444b56;margin:0 7px}h2{font-size:clamp(31px,4vw,48px);line-height:1.08;letter-spacing:-1.7px;font-weight:750;margin:0}h3{font-weight:750}.section-heading>p:last-child{font-size:17px;line-height:1.65;color:var(--muted);margin:21px 0 0}.glow-frame{border:1px solid #a84d5440;border-radius:26px;box-shadow:0 0 44px #8f263010,inset 0 1px 0 #ffffff06;overflow:hidden}.product-showcase{display:grid;grid-template-columns:1.07fr 1fr;min-height:432px;background:linear-gradient(120deg,#12151a,#111318)}.showcase-art{position:relative;min-height:430px;overflow:hidden;background:radial-gradient(ellipse at 45% 45%,#a6313b15,transparent 61%);border-right:1px solid #ffffff0a;display:grid;place-items:center}.art-grid,.feature-grid{position:absolute;inset:0;background-image:linear-gradient(#73809b0c 1px,transparent 1px),linear-gradient(90deg,#73809b0c 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(ellipse,#000,transparent 76%)}.character-emblem{width:211px;position:relative;z-index:1;transform:translateY(-15px);filter:drop-shadow(0 22px 20px #000a)}.character-emblem svg{display:block;width:100%}.orbital{position:absolute;width:330px;height:330px;border:1px solid #c52f3b24;border-radius:50%;transform:rotateX(25deg) rotate(-30deg)}.orbital:after{content:'';position:absolute;left:28px;top:64px;width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 13px var(--accent)}.orbital-two{width:380px;height:380px;border-style:dashed;border-color:#7e859022;transform:rotateX(25deg) rotate(92deg)}.art-label{position:absolute;bottom:44px;left:0;width:100%;display:flex;gap:9px;flex-direction:column;text-align:center;font:9px var(--mono);letter-spacing:1.6px;color:#bcbdc5}.art-label span:last-child{font-size:8px;color:#6b707b}.art-caption{position:absolute;left:20px;top:18px;color:#676d78;font:8px var(--mono);letter-spacing:1px;text-transform:uppercase}.showcase-copy{padding:57px 42px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.pill-label{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff16;border-radius:30px;font:9px var(--mono);letter-spacing:.3px;color:#c9c2b2;padding:8px 11px}.pill-divider{color:#575d69;margin:0 2px}.showcase-copy h3{font-size:38px;line-height:1.1;letter-spacing:-1.3px;margin:23px 0 17px}.title-period{color:var(--accent)}.showcase-copy>p{color:var(--muted);font-size:15px;line-height:1.8;margin:0}.product-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:21px}.product-tags span{padding:6px 9px;background:#ffffff04;border:1px solid #ffffff0d;border-radius:4px;color:#a5a9b4;font:9px var(--mono)}.text-link{background:none;color:var(--accent);font:11px var(--mono);letter-spacing:.8px;text-transform:uppercase;display:flex;gap:36px;align-items:center;padding:0;margin-top:34px}.text-link span{font-size:18px;transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}.product-caption{display:flex;justify-content:space-between;margin-top:20px;font:10px/1.6 var(--mono);color:#696e79}.features-section{padding-top:67px}.feature-layout{display:grid;grid-template-columns:1.27fr 1fr;gap:65px;align-items:center}.feature-visual{height:366px;position:relative;background:radial-gradient(ellipse at 50% 65%,#b03d4712,transparent 70%),#111318;border-color:#ffffff12;box-shadow:0 12px 40px #99212b10}.feature-copy h3{font-size:38px;letter-spacing:-1px;line-height:1.07;margin:17px 0 19px}.feature-copy>.eyebrow{color:var(--accent)}.feature-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:25px}.feature-list{padding:0;list-style:none;color:#c4c7ce;font-size:13px;line-height:1.6}.feature-list li{padding-left:22px;position:relative;margin:15px 0}.feature-list li:before{content:'';width:5px;height:5px;border-radius:50%;position:absolute;left:0;top:8px;background:var(--accent);box-shadow:0 0 8px #e36c7533}.visual-coordinate{position:absolute;top:24px;left:24px;font:8px var(--mono);color:#676d79;letter-spacing:1.4px}.visual-coordinate span{color:var(--accent);margin-left:9px}.visual-caption{position:absolute;bottom:25px;left:24px;font:9px var(--mono);color:#969ba7;letter-spacing:.3px}.feature-arrows{position:absolute;right:20px;bottom:18px;display:flex;gap:7px;z-index:3;pointer-events:auto}.feature-arrows button{width:32px;height:32px;border-radius:50%;background:#15181e;border:1px solid #535864;color:#c0c4cb;font-size:17px}.feature-arrows button:hover{border-color:var(--accent);color:var(--accent)}.feature-tabs{display:flex;justify-content:center;margin-top:43px}.feature-tabs button{position:relative;min-width:164px;padding:0;background:none;font:10px var(--mono);color:#858b97;letter-spacing:.9px;text-transform:uppercase;display:flex;align-items:center;flex-direction:column;gap:18px}.feature-tabs button:before{content:'';position:absolute;height:1px;left:calc(-50% + 10px);right:calc(50% + 10px);top:8px;background:#333944}.feature-tabs button:first-child:before{display:none}.tab-dot{position:relative;width:16px;height:16px;border:2px solid #646b78;border-radius:50%;background:var(--bg)}.feature-tabs button[aria-selected=true]{color:#f1ede3}.feature-tabs button[aria-selected=true] .tab-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px #0c0c0b,0 0 0 5px #c52f3b,0 0 18px #e36c7544}.development-note{text-align:center;color:#6f7582;font:10px/1.7 var(--mono);margin:28px 0 0}.wire-head{position:absolute;top:50%;left:50%;transform:translate(-50%,-48%);width:212px;height:260px}.head-shape{position:absolute;top:9px;left:48px;width:116px;height:150px;background:repeating-linear-gradient(0deg,transparent 0 15px,#de737b49 15px 16px),repeating-linear-gradient(90deg,transparent 0 18px,#de737b40 18px 19px),radial-gradient(ellipse at 35% 20%,#bcbbc334,#3e434818 60%);border:1px solid #c8566066;border-radius:45% 45% 42% 42%;box-shadow:inset 10px 0 35px #c52f3b0f,0 0 45px #c52f3b12}.shoulder-shape{position:absolute;bottom:25px;left:0;width:212px;height:77px;border-radius:55% 55% 15% 15%;border:1px solid #c8566044;background:repeating-linear-gradient(0deg,transparent 0 15px,#de737b30 15px 16px),repeating-linear-gradient(90deg,transparent 0 18px,#de737b22 18px 19px)}.scan-line{position:absolute;height:1px;top:97px;left:-40px;width:292px;background:linear-gradient(90deg,transparent,#e36c75,transparent);box-shadow:0 0 16px #e36c7555}.node{position:absolute;width:6px;height:6px;border:1px solid #de737b;background:#c52f3b;border-radius:50%;box-shadow:0 0 13px #e36c7588}.n1{left:70px;top:85px}.n2{right:70px;top:85px}.n3{left:104px;top:133px}.wardrobe-visual,.continuity-visual{position:absolute;inset:0;display:none}.feature-visual[data-scene=wardrobe] .wire-head,.feature-visual[data-scene=continuity] .wire-head{display:none}.feature-visual[data-scene=wardrobe] .wardrobe-visual,.feature-visual[data-scene=continuity] .continuity-visual{display:block}.garment{position:absolute;width:157px;height:194px;left:50%;top:50%;clip-path:polygon(23% 6%,37% 0,42% 8%,58% 8%,63% 0,77% 6%,100% 36%,82% 52%,73% 40%,73% 100%,27% 100%,27% 40%,18% 52%,0 36%);background:linear-gradient(120deg,#969b9e,#4f555f 46%,#21252d 90%);filter:drop-shadow(0 8px 8px #000);transform:translate(-50%,-50%) rotate(-4deg)}.g1{transform:translate(-95%,-48%) rotate(-15deg);background:linear-gradient(120deg,#a59998,#5a5153 60%,#29292b)}.g3{transform:translate(-3%,-50%) rotate(15deg);background:linear-gradient(120deg,#727c83,#343b46 60%,#191d25)}.g2{z-index:2;background:repeating-linear-gradient(90deg,transparent 0 38px,#c4c6cd22 38px 39px),linear-gradient(120deg,#aaaeb3,#6a6f79 50%,#292e37)}.memory-disc{position:absolute;width:195px;height:132px;left:50%;top:50%;border-radius:50%;border:1px solid #b8aca460;background:linear-gradient(140deg,#9d9fa630,#444b5710);box-shadow:0 15px 0 #1c2028,0 16px 0 #80767455;transform:translate(-50%,-50%) rotate(-13deg)}.disc1{margin-top:-51px;z-index:3}.disc2{z-index:2}.disc3{margin-top:51px;z-index:1}.memory-disc:before{content:'';position:absolute;inset:22px;border:1px solid #b7a49f40;border-radius:50%}.memory-disc:after{content:'';position:absolute;inset:46px 80px;border:1px solid #dc606b;border-radius:50%;background:#a9323c3b;box-shadow:0 0 20px #c52f3b22}.memory-line{position:absolute;left:50%;top:23%;height:54%;width:1px;background:linear-gradient(transparent,#e36c75,transparent);z-index:5;box-shadow:0 0 13px #e36c75}.approach-section{padding-top:70px}.principle-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.principle{border:1px solid #ffffff12;border-radius:21px;padding:38px 38px 28px;background:linear-gradient(145deg,#16191f99,#0c0e1399);overflow:hidden}.principle-number{font:9px var(--mono);color:var(--accent);letter-spacing:1px}.principle h3{font-size:25px;letter-spacing:-.6px;margin:26px 0 15px}.principle p{color:var(--muted);font-size:14px;line-height:1.9;max-width:400px}.principle-line{height:1px;background:linear-gradient(90deg,#c52f3b55,transparent);margin-top:28px}.questions-section{display:grid;grid-template-columns:.85fr 1.3fr;gap:70px;padding-top:55px;padding-bottom:110px}.questions-heading>.eyebrow{margin-top:0;margin-bottom:20px}.faq-list details{border-bottom:1px solid #ffffff14;padding:22px 0}.faq-list details:first-child{padding-top:4px}.faq-list summary{list-style:none;font-size:14px;cursor:pointer;display:flex;gap:20px;justify-content:space-between;align-items:center}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{color:var(--accent);font-size:23px;line-height:1;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);font-size:13px;line-height:1.9;margin:20px 25px 0 0}.closing-section{text-align:center;padding:55px 0 96px;border-top:1px solid #ffffff0c}.closing-section h2{font-size:66px;margin:20px 0 31px;letter-spacing:-2px}.site-footer{border-top:1px solid #ffffff13;padding-top:43px}.footer-main{display:flex;justify-content:space-between;align-items:center;padding-bottom:38px}.footer-main .wordmark{font-size:29px}.footer-main p{font-size:11px;color:#888d9a;margin-top:20px}.footer-main nav{display:flex;gap:27px;align-items:center;font-size:11px;color:#afb2bc}.footer-link{padding:0;background:none;font:inherit;color:inherit}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff0c;padding:20px 0 24px;font:9px/1.7 var(--mono);color:#737987}.footer-dot{color:var(--accent);margin:0 8px}dialog{background:#171716;color:var(--text);border:1px solid #e36c754a;border-radius:24px;max-width:680px;width:calc(100% - 32px);padding:0;box-shadow:0 20px 100px #000b;max-height:85svh}dialog::backdrop{background:#06080bcf;backdrop-filter:blur(10px)}.dialog-inner{padding:48px}.dialog-inner h2{font-size:38px;margin:17px 0 22px}.dialog-inner p{color:var(--muted);font-size:14px;line-height:1.8}.dialog-inner .eyebrow{font:10px var(--mono);color:var(--accent)}.dialog-close{position:absolute;right:17px;top:12px;border:0;background:none;color:#b9bbc2;font-size:28px;padding:0 8px}.detail-specs{margin:26px 0;border-block:1px solid #ffffff13}.detail-specs div{display:flex;justify-content:space-between;gap:20px;padding:15px 0;font-size:12px}.detail-specs dt{color:#959ba8}.detail-specs dd{margin:0;text-align:right}.detail-specs div+div{border-top:1px solid #ffffff09}.detail-note{border-left:2px solid var(--accent);padding:5px 0 5px 18px}.noscript-note{position:fixed;bottom:0;width:100%;background:#252016;color:#f2eee3;font-size:12px;padding:12px;text-align:center;z-index:21}@keyframes float-chevron{50%{transform:translateY(5px)}}
@media(min-width:1600px){.hero{max-height:870px}.hero h1{font-size:110px}}
@media(max-width:1000px){.shell{width:calc(100% - 64px)}.hero h1{font-size:78px}.showcase-copy{padding:36px 29px}.showcase-copy h3{font-size:31px}.feature-layout{gap:40px;grid-template-columns:1.1fr 1fr}.feature-copy h3{font-size:32px}.feature-visual{height:340px}.questions-section{gap:45px}.footer-main nav{gap:18px}}
@media(max-width:700px){html{scroll-padding-top:84px}.shell{width:calc(100% - 40px)}.site-header{height:66px}.wordmark{font-size:32px}.menu-toggle{display:flex;width:36px;height:36px;align-items:center;justify-content:center;gap:6px;flex-direction:column;background:none}.menu-toggle span{width:22px;height:1px;background:#d0d2d9;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.nav-links{display:none;position:absolute;top:65px;left:0;width:100%;padding:27px 24px;background:#121419;border-bottom:1px solid #ffffff16;align-items:stretch;gap:24px;flex-direction:column}.nav-links.open{display:flex}.nav-links>a:not(.button){padding:5px 0}.hero{min-height:610px;height:calc(100svh - 66px);max-height:790px}.hero-content{padding-bottom:48px}.hero h1{font-size:clamp(47px,9.8vw,70px);letter-spacing:-2.5px;line-height:1.01}.hero-eyebrow{font-size:8px;letter-spacing:.7px;margin-bottom:25px}.hero-content>p{font-size:13px;line-height:1.7;margin:25px 0 29px}.mobile-break{display:initial}.hero-actions{gap:11px;flex-direction:column;align-items:center}.hero-actions .button{min-height:51px;width:245px;font-size:10px}.discover-link{bottom:31px;font-size:8px}.preview-label{left:20px;bottom:21px;font-size:7px}.preview-label span{display:none}.section{padding-block:66px}.section-heading{margin-bottom:35px}.section-heading .eyebrow{font-size:8px;letter-spacing:.6px}.section-heading h2{font-size:31px;letter-spacing:-1px}.section-heading>p:last-child{font-size:14px;line-height:1.75;margin-top:17px}.section-heading br{display:none}.product-showcase{grid-template-columns:1fr;border-radius:20px}.showcase-art{min-height:340px;border-right:0;border-bottom:1px solid #ffffff0d}.character-emblem{width:167px}.orbital{width:260px;height:260px}.orbital-two{width:300px;height:300px}.art-label{bottom:29px;font-size:8px}.art-label span:last-child{font-size:7px}.showcase-copy{padding:32px 26px 38px}.showcase-copy h3{font-size:31px;margin:22px 0 15px}.showcase-copy>p{font-size:14px}.product-caption{justify-content:center;font-size:9px;text-align:center}.product-caption span:last-child{display:none}.feature-layout{grid-template-columns:1fr;gap:29px}.feature-visual{height:325px;border-radius:20px}.feature-copy{padding:0 8px}.feature-copy h3{font-size:34px}.feature-copy>p:not(.eyebrow){font-size:14px}.feature-list{font-size:12px}.feature-tabs{margin-top:31px}.feature-tabs button{min-width:0;flex:1;max-width:150px;font-size:8px;letter-spacing:.4px}.development-note{font-size:8px;padding:0 10px}.principle-grid{grid-template-columns:1fr;gap:17px}.principle{padding:31px 27px 25px}.principle h3{font-size:24px}.principle p{font-size:13px}.questions-section{grid-template-columns:1fr;gap:31px}.questions-heading h2{font-size:34px}.questions-heading h2 br{display:none}.questions-heading .eyebrow{font-size:8px}.faq-list summary{font-size:13px}.faq-list details p{font-size:12px}.closing-section{padding:51px 0 65px}.closing-section h2{font-size:49px}.closing-section .eyebrow{font-size:8px}.closing-section .button{font-size:10px;min-height:52px}.footer-main{align-items:flex-start;gap:30px}.footer-main nav{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px;font-size:10px}.footer-main .wordmark{font-size:27px}.footer-main p{font-size:9px;max-width:125px;line-height:1.7}.footer-bottom{flex-wrap:wrap;gap:12px;font-size:8px}.footer-bottom>span:nth-child(2){order:3;width:100%;font-size:7px}.dialog-inner{padding:37px 25px 27px}.dialog-inner h2{font-size:31px}.dialog-inner p{font-size:13px}.detail-specs div{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover{transform:none}}

/* DeadM identity, drawn from the current contextual character creator. */
:root {
  --red: #c52f3b;
  --red-deep: #99212b;
  --selected: #351d20;
  --border: #46433e;
}
body { background-image: none; }
.site-header { height: 82px; background: #141413eb; border-color: #46433e70; }
.wordmark { width: 137px; display: block; }
.wordmark img { display: block; width: 100%; height: auto; }
.nav-links { gap: 34px; }
.nav-links>a:not(.button) { font: 600 12px var(--sans); text-transform: none; letter-spacing: 0; color: #c4bfb4; }
.nav-links>a:not(.button):hover { color: var(--text); text-decoration: underline; text-decoration-color: var(--red); text-underline-offset: 8px; }
.button { border-radius: 5px; font: 600 12px var(--sans); letter-spacing: .1px; text-transform: none; min-height: 50px; gap: 30px; }
.button-primary { background: var(--red); border: 1px solid #d84652; color: #fff8f1; box-shadow: 0 8px 24px #0003; }
.button-primary:hover { background: #d13a47; color: #fff; box-shadow: 0 8px 30px #99212b22; }
.button-small { min-height: 37px; padding-inline: 17px; font-size: 11px; gap: 25px; }
.button-glass { border-color: #646058; background: #22211fbb; box-shadow: none; }
.button-glass:hover { background: #2b2926; border-color: #8d877c; }
.hero { min-height: 625px; height: min(740px, calc(100svh - 82px)); border-bottom: 1px solid #46433e70; }
.hero #hero-scene { left: 38%; width: 62%; opacity: .96; mix-blend-mode: screen; mask-image: linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent); }
.hero-shade { background: linear-gradient(90deg,#0c0c0b 0%,#0c0c0be8 23%,#0c0c0b22 70%),radial-gradient(ellipse at 83% 46%,#99212b15,transparent 60%),linear-gradient(0deg,#0c0c0b,transparent 22%); }
.hero-content { text-align: left; padding-bottom: 37px; }
.hero-eyebrow { justify-content: flex-start; font: 10px var(--sans); text-transform: uppercase; letter-spacing: 1.6px; color: #b7b1a8; margin-bottom: 26px; text-shadow: none; }
.hero-eyebrow .status-dot { width: 23px; height: 2px; border-radius: 0; background: var(--red); box-shadow: none; }
.hero h1 { font-size: clamp(64px,7vw,93px); font-weight: 750; letter-spacing: -4px; line-height: 1.04; text-shadow: none; }
.hero h1>span { color: var(--red); }
.hero-content>p { margin: 26px 0 32px; color: #bcb7ae; font-size: 16px; line-height: 1.8; text-shadow: none; }
.hero-actions { justify-content: flex-start; gap: 12px; }
.hero-actions .button { padding-inline: 24px; }
.discover-link { left: max(40px,calc((100% - 1120px)/2)); bottom: 27px; transform: none; flex-direction: row; font: 10px var(--sans); text-transform: none; letter-spacing: .4px; gap: 30px; color: #c4bfb4; }
.preview-label { left: auto; right: max(40px,calc((100% - 1120px)/2)); bottom: 28px; color: #b2aca2; letter-spacing: .4px; font: 9px var(--sans); text-transform: none; }
.preview-label span { color: #827c72; margin-left: 19px; }
.section { padding-block: 84px; }
.section-heading { text-align: left; margin-bottom: 36px; }
.section-heading .eyebrow:before,.section-heading .eyebrow:after { display: none; }
.eyebrow { font-family: var(--sans); font-size: 10px; letter-spacing: 1.4px; }
.section-heading .eyebrow { margin-bottom: 17px; }
.section-heading h2 { font-weight: 650; font-size: 43px; letter-spacing: -1.5px; }
.section-heading>p:last-child { font-size: 15px; margin-top: 17px; line-height: 1.8; }
.glow-frame { border: 1px solid #46433e; border-radius: 8px; box-shadow: 0 16px 50px #0002; }
.product-showcase { grid-template-columns: .95fr 1.15fr; background: #171716; }
.showcase-art { background: radial-gradient(ellipse at 50% 55%,#99212b17,transparent 68%),#141413; border-right-color: #46433e80; }
.showcase-art:before { content: ''; position: absolute; top: 22px; right: 23px; width: 33px; height: 33px; border-top: 1px solid #c52f3b88; border-right: 1px solid #c52f3b88; }
.showcase-art:after { content: ''; position: absolute; bottom: 22px; left: 23px; width: 33px; height: 33px; border-bottom: 1px solid #c52f3b88; border-left: 1px solid #c52f3b88; }
.orbital { border-color: #c52f3b44; }
.orbital-two { border-color: #8d877c24; }
.art-caption,.visual-coordinate { color: #aaa499; }
.art-grid,.feature-grid { background-image: linear-gradient(#b8b0a306 1px,transparent 1px),linear-gradient(90deg,#b8b0a306 1px,transparent 1px); }
.showcase-copy { padding: 43px 48px; }
.pill-label { border-radius: 4px; border-color: #5a3a3c; background: #351d2060; color: #d8b9b9; font: 10px var(--sans); }
.pill-label .status-dot { background: var(--red); box-shadow: none; }
.showcase-copy h3 { font-size: 37px; font-weight: 650; margin-top: 21px; }
.showcase-copy>p { font-size: 14px; }
.product-tags { gap: 12px; }
.product-tags span { font: 10px var(--sans); border: 0; border-bottom: 1px solid #46433e; background: none; border-radius: 0; padding: 4px 0 7px; color: #bab4aa; }
.product-price { width: 100%; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-top: 25px; padding-top: 21px; border-top: 1px solid #46433e; }
.price-label { display: block; color: #b1aba1; font-size: 10px; margin-bottom: 5px; }
.product-price strong { font-size: 34px; line-height: 1.1; font-weight: 600; letter-spacing: -1px; }
.product-price small { color: #b1aba1; font-size: 10px; letter-spacing: 0; font-weight: 400; margin-left: 4px; }
.price-note { font-size: 10px; line-height: 1.8; color: #aaa499; text-align: right; }
.text-link { font: 600 12px var(--sans); text-transform: none; letter-spacing: 0; margin-top: 26px; gap: 24px; }
.product-caption { color: #a29b90; font: 10px var(--sans); }
.features-section { padding-top: 36px; }
.feature-tabs { justify-content: flex-start; margin: 0 0 30px; border-bottom: 1px solid #46433e; gap: 30px; }
.feature-tabs button { flex-direction: row; gap: 12px; min-width: 0; padding: 15px 8px; color: #aba79e; text-transform: none; font: 600 13px var(--sans); letter-spacing: 0; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.feature-tabs button:before { display: none; }
.feature-tabs button[aria-selected=true] { color: #f2eee3; border-color: var(--red); }
.tab-number { font: 10px var(--mono); font-weight: 400; color: #817b73; }
.feature-tabs button[aria-selected=true] .tab-number { color: #e36c75; }
.feature-layout { gap: 53px; }
.feature-visual { border-color: #46433e; background-color: #141413; box-shadow: none; }
.feature-copy h3 { font-size: 35px; font-weight: 650; }
.feature-copy>p:not(.eyebrow) { font-size: 14px; }
.feature-list { font-size: 13px; }
.feature-list li:before { border-radius: 1px; background: var(--red); box-shadow: none; }
.feature-arrows button { width: 38px; height: 38px; border-radius: 5px; background: #22211f; border-color: #646058; }
.visual-caption { color: #b1aba1; }
.development-note { text-align: left; font: 10px/1.8 var(--sans); color: #aaa499; margin-top: 20px; }
.principle { border-radius: 8px; border-color: #46433e; background: #141413; padding: 34px 34px 25px; }
.principle-number { font: 10px var(--sans); }
.principle h3 { font-weight: 600; }
.questions-section { border-top: 1px solid #46433e70; }
.faq-list details { border-color: #46433e; }
.closing-section { text-align: left; position: relative; padding: 60px 0 75px; border-color: #46433e; }
.closing-section h2 { font-size: 55px; line-height: 1.1; font-weight: 650; }
.closing-section h2 span { color: var(--red); }
.closing-section>.button { position: absolute; right: 0; bottom: 89px; }
.site-footer { border-color: #46433e; }
.footer-main .wordmark { width: 115px; }
.footer-main p { color: #aaa499; }
.footer-bottom { font-family: var(--sans); color: #a29b90; }
dialog { border-radius: 8px; background: #171716; border-color: #646058; }
.dialog-inner h2 { font-weight: 650; }
.detail-note { border-color: var(--red); }
.product-detail-features { padding-left: 19px; color: var(--muted); font-size: 13px; line-height: 1.8; }
.product-detail-features li { margin-block: 12px; }
.product-detail-features strong { color: var(--text); font-weight: 600; }
.barber-visual,.community-visual { display: none; position: absolute; inset: 0; }
.feature-visual[data-scene=barber] .wire-head,.feature-visual[data-scene=community] .wire-head { display: none; }
.feature-visual[data-scene=barber] .barber-visual,.feature-visual[data-scene=community] .community-visual { display: block; }
.barber-visual svg { position: absolute; width: 220px; height: 220px; top: 50%; left: 50%; transform: translate(-50%,-48%) rotate(-12deg); stroke: #c4bfb4; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 7px 8px #0008); }
.barber-ring { position: absolute; width: 245px; height: 245px; top: 50%; left: 50%; transform: translate(-50%,-50%); border: 1px solid #c52f3b55; border-radius: 50%; background: radial-gradient(#351d2055,transparent 70%); }
.barber-visual .barber-pivot,.barber-visual .barber-comb { stroke: #e36c75; }
.preset-art-card { position: absolute; width: 108px; height: 150px; border: 1px solid #646058; border-radius: 6px; top: 50%; left: 50%; background: linear-gradient(150deg,#2b2926,#171716); padding: 13px; transform: translate(-145%,-55%) rotate(-12deg); box-shadow: 0 18px 35px #0005; }
.preset-art-card:nth-child(2) { transform: translate(-50%,-62%); border-color: #c52f3b; z-index: 2; background: linear-gradient(150deg,#351d20,#171716); }
.preset-art-card:nth-child(3) { transform: translate(45%,-55%) rotate(12deg); }
.preset-art-portrait { position: relative; display: block; height: 84px; overflow: hidden; border-bottom: 1px solid #646058; }
.preset-art-portrait:before { content: ''; position: absolute; width: 31px; height: 40px; top: 4px; left: 24px; border-radius: 45% 45% 48% 48%; background: linear-gradient(120deg,#c4bfb4,#66615c); }
.preset-art-portrait:after { content: ''; position: absolute; width: 68px; height: 46px; bottom: -7px; left: 6px; border-radius: 50% 50% 0 0; background: linear-gradient(120deg,#9a9389,#46433e); }
.preset-art-card i { display: block; height: 3px; background: #817b7370; width: 61px; margin-top: 12px; }
.preset-art-card i:last-child { width: 36px; margin-top: 6px; background: #c52f3b99; }
.share-path { position: absolute; top: calc(50% + 89px); left: 50%; width: 142px; height: 16px; border-bottom: 1px solid #c52f3b80; border-inline: 1px solid #c52f3b80; transform: translateX(-50%); }
.share-path:after { content: ''; position: absolute; width: 5px; height: 5px; border-radius: 50%; background: #e36c75; left: calc(50% - 2px); bottom: -3px; }
.skip-link { background: var(--red); color: #fff; }
.credits-page { max-width: 760px; }
.credits-page h1 { font-size: clamp(38px,6vw,64px); letter-spacing: -2px; margin: 20px 0 48px; }
.credits-page h2 { font-size: 26px; letter-spacing: -.6px; }
.credits-page p:not(.eyebrow) { color: var(--muted); font-size: 16px; line-height: 1.9; }
.credits-page p a { color: var(--text); text-decoration: underline; text-decoration-color: var(--red); text-underline-offset: 4px; }
.credits-page .button { margin-top: 25px; }
@media(max-width:1000px) {
  .hero h1 { font-size: 78px; }
  .showcase-copy { padding: 36px 29px; }
  .showcase-copy h3 { font-size: 32px; }
  .feature-layout { gap: 35px; }
}
@media(max-width:700px) {
  .site-header { height: 70px; }
  .wordmark { width: 117px; }
  .menu-toggle { width: 44px; height: 44px; }
  .nav-links { top: 69px; background: #141413; border-color: #46433e; }
  .hero { min-height: 650px; height: calc(100svh - 70px); max-height: 790px; }
  .hero #hero-scene { left: 0; top: 48%; width: 100%; height: 52%; opacity: .92; }
  .hero-shade { background: linear-gradient(90deg,#0c0c0b99,transparent),linear-gradient(0deg,#0c0c0b,transparent 50%); }
  .hero-content { padding-bottom: 270px; }
  .hero-eyebrow { font-size: 8px; letter-spacing: .9px; gap: 9px; margin-bottom: 26px; }
  .hero h1 { font-size: clamp(54px,13.6vw,78px); letter-spacing: -2.5px; line-height: 1.05; }
  .hero-content>p { font-size: 13px; line-height: 1.85; margin: 21px 0 27px; }
  .hero-actions { align-items: flex-start; flex-direction: row; flex-wrap: wrap; gap: 10px; }
  .hero-actions .button { width: auto; min-height: 46px; padding-inline: 16px; gap: 21px; font-size: 10px; }
  .discover-link { left: 20px; bottom: 29px; font-size: 9px; gap: 18px; }
  .preview-label { right: 20px; bottom: 30px; font-size: 8px; }
  .section { padding-block: 56px; }
  .section-heading h2 { font-size: 31px; letter-spacing: -.8px; }
  .section-heading .eyebrow { font-size: 8px; letter-spacing: 1px; }
  .section-heading>p:last-child { font-size: 13px; }
  .product-showcase { grid-template-columns: 1fr; }
  .showcase-art { min-height: 328px; }
  .showcase-copy { padding: 31px 25px; }
  .product-price { margin-top: 23px; }
  .product-price strong { font-size: 32px; }
  .product-caption { font-size: 9px; line-height: 1.7; }
  .feature-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 14px; margin-bottom: 24px; }
  .feature-tabs button { max-width: none; gap: 10px; justify-content: flex-start; padding: 14px 10px; font-size: 12px; }
  .tab-number { font-size: 8px; }
  .feature-layout { gap: 25px; }
  .feature-copy { padding: 0; }
  .feature-copy h3 { font-size: 32px; }
  .feature-visual { border-radius: 8px; }
  .feature-arrows button { width: 40px; height: 40px; }
  .visual-caption { max-width: 170px; font-size: 8px; bottom: 28px; }
  .development-note { padding: 0; font-size: 9px; }
  .principle { padding: 29px 25px; }
  .closing-section { padding: 46px 0 52px; }
  .closing-section h2 { font-size: 39px; letter-spacing: -1.1px; }
  .closing-section>.button { position: static; min-height: 46px; }
  .footer-main .wordmark { width: 99px; }
}