/* Closed landing component skins. Placement and available width stay in layout sheets. */
.landing-action{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:56px;padding:16px 22px;border:1px solid transparent;border-radius:8px;font-size:15px;font-weight:600;line-height:1.45;text-align:left;cursor:pointer;transition:background-color .16s,color .16s,border-color .16s;touch-action:manipulation}
.landing-action--primary{background:var(--accent);color:var(--bg)}
.landing-action--primary:hover{background:#d8ff7e}
.landing-action--outline{background:transparent;border-color:var(--interactive)}
.landing-action--outline:hover{background:var(--surface);border-color:var(--text)}
.landing-action .arrow{font-size:22px;line-height:1;flex-shrink:0}
.landing-action--text,.landing-action--quiet,.landing-action--legal{min-height:48px;padding:0;border:0;border-radius:3px;background:none;font-weight:inherit;line-height:inherit;text-decoration:underline;text-underline-offset:5px;transition:none}
.landing-action--text:hover,.landing-action--quiet:hover,.landing-action--legal:hover{color:var(--accent)}
.landing-action--quiet{padding:8px 0}
.landing-action--legal{font-size:14px;min-height:44px}
.landing-action--roomy{min-height:48px}
.landing-action--dense{justify-content:space-between;white-space:normal;text-align:left}
.landing-action:focus-visible{outline:3px solid #c9f064;outline-offset:5px}
.landing-action--primary:focus-visible{outline-color:var(--text)}
.landing-action--legal:focus-visible,.landing-action--dense:focus-visible{outline-color:var(--accent)}
.landing-action--prominent{transition:background-color 200ms,transform 200ms}
.landing-action--prominent .arrow{display:inline-block;transition:transform 200ms}
.landing-action--prominent:hover{background:var(--accent)}
@media(hover:hover) and (pointer:fine){.landing-action--prominent:hover{background:#d8ff7e}.landing-action--prominent:hover .arrow{transform:translateX(4px)}}
.landing-action--prominent:active{transform:scale(.98);background:#b6df52}
.landing-badge{display:inline-block;color:var(--accent);border:1px solid var(--line);border-radius:4px;font-size:11px;letter-spacing:.1em;padding:5px 10px;line-height:1.5}
.landing-badge--duration,.landing-badge--interval{border:0;border-radius:0;padding:0;letter-spacing:normal;font-family:Oswald,sans-serif}
.landing-badge--duration{font-size:clamp(30px,3.8vw,54px);line-height:1.1;white-space:nowrap}
.landing-badge--interval{font-size:70px;line-height:1;border-right:1px solid var(--line)}
.landing-badge--interval span{display:block;font-family:Onest,sans-serif;font-size:12px;letter-spacing:.18em;margin-top:12px}
.landing-demo-control{min-width:44px;min-height:44px;border:0;background:transparent;font:inherit;color:var(--muted);cursor:pointer;touch-action:manipulation}
.landing-demo-control--selector{padding:8px 0;border-bottom:1px solid transparent;font-size:16px;line-height:1.4}
.landing-demo-control--selector[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}
.landing-demo-control--selector:not([aria-pressed=true]):hover,.landing-demo-control--arrow:hover{color:var(--text)}
.landing-demo-control:active{color:var(--accent);background:var(--surface)}
.landing-demo-control:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.landing-demo-control--arrow{font-size:24px;padding:0 10px;border-radius:4px}
.landing-phone{margin:0;display:flex;justify-content:center;padding:0;perspective:none;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}
.landing-phone .phone-shell{width:min(100%,340px);max-width:340px;aspect-ratio:auto;border:2px solid #66736d;border-radius:46px;padding:8px;background:#0b0e0d;position:relative;box-shadow:inset 0 0 0 3px #232a27,18px 28px 42px #0005;transform:none!important}
.landing-phone .phone-screen{width:100%;height:auto;border-radius:37px;overflow:hidden;border:1px solid #2b332e;padding-top:36px;background:#0b2426;position:relative}
.landing-phone .phone-camera{position:absolute;top:19px;left:50%;transform:translateX(-50%);width:28%;height:22px;border-radius:20px;background:#030504}
.landing-phone .platform-screen-stack{position:relative;aspect-ratio:941/1672;overflow:hidden}
.landing-phone .platform-screen{position:absolute;inset:0;display:block;width:100%;height:auto;max-width:none;object-fit:contain;object-position:top;opacity:0;visibility:hidden;transition:opacity 300ms ease,visibility 0s 300ms;pointer-events:none}
.landing-phone .platform-screen[data-active=true]{opacity:1;visibility:visible;transition:opacity 300ms ease,visibility 0s}
@media(max-width:900px){.landing-action--dense{font-size:14px;padding-inline:16px}.landing-demo-control--selector{font-size:14px}.landing-phone .phone-shell{max-width:300px}}
@media(max-width:699px){
 .landing-action--expanded{min-height:54px;justify-content:space-between;padding:14px 17px;font-size:14px;gap:12px}
 .landing-action--expanded.landing-action--outline{justify-content:center;min-height:48px;padding:11px 17px}
 .landing-action--adaptive,.landing-action--centered{justify-content:space-between;font-size:14px;padding-inline:18px;gap:12px}
 .landing-action--distributed{justify-content:space-between}
 .landing-action--centered{justify-content:center}
 .landing-action--dense{font-size:15px}
 .landing-action--compact{font-size:14px;gap:12px}
 .landing-action--compact.landing-action--text{font-size:13px}
 .landing-action--quiet{justify-content:flex-start}
 .landing-badge--compact{font-size:9px}
 .landing-badge--duration{font-size:38px;white-space:normal}
 .landing-badge--interval{font-size:48px;display:flex;gap:12px;align-items:baseline;border-right:0}
 .landing-badge--interval span{font-size:12px;margin:0}
 .landing-phone .phone-shell{width:min(100%,310px);max-width:310px}
}
@media(max-width:359px){
 .landing-action{font-size:14px;gap:12px}
 .landing-action--expanded{font-size:13px;gap:10px;padding-inline:14px}
 .landing-action--adaptive,.landing-action--centered,.landing-action--distributed{font-size:13px;padding-inline:14px}
 .landing-action--dense{font-size:14px}
 .landing-action--legal{font-size:14px}
 .landing-action--compact.landing-action--text{font-size:13px}
 .landing-action--text,.landing-action--quiet{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.landing-action--prominent,.landing-action--prominent .arrow{transition:none;transform:none!important}.landing-phone .platform-screen{transition:none!important}}
html[data-motion=static] .landing-action--prominent,html[data-motion=static] .landing-action--prominent .arrow{transition:none;transform:none!important}
html[data-motion=static] .landing-phone .platform-screen{transition:none!important}
@media(forced-colors:active){
 .landing-action--primary,.landing-action--outline,.landing-badge--label,.landing-badge--compact{border:1px solid ButtonText}
 .landing-demo-control--selector[aria-pressed=true]{border-bottom:2px solid Highlight}
 .landing-demo-control:focus-visible{outline-color:Highlight}
}
@media print{.landing-action--primary{background:#e0e8cc!important;color:#111!important;border-color:#555!important}.landing-phone{display:flex!important;margin-top:20px;break-inside:avoid}.landing-phone .phone-shell{width:230px!important;box-shadow:none}}