/* V1 behavior and information pages; approved homepage geometry stays in styles.css. */
[data-destination][aria-disabled="true"]{cursor:default}
[data-destination][aria-disabled="true"]:hover{transform:none}
.pending-label{font-size:9px;font-weight:500;letter-spacing:0;white-space:nowrap;opacity:.8}
.header-download{align-items:center;gap:8px}
@media(min-width:901px){.header-download{display:flex}}
.menu-toggle{flex-shrink:0}
.tool-card{display:block}
article.tool-card:hover{transform:none;box-shadow:none}
.footer-bottom a{font-size:11px}
.no-js-note{padding-block:25px;font-size:12px}.no-js-note a{text-decoration:underline}
@media(max-width:700px){html:not(.js-ready) .header{height:auto}html:not(.js-ready) .header-inner{flex-wrap:wrap;padding-block:16px}html:not(.js-ready) .nav{display:flex;position:static;flex-wrap:wrap;width:100%;padding:0;box-shadow:none;gap:8px 18px;font-size:11px;border:0}html:not(.js-ready) .nav a{padding:8px 0}}
.detail-main{padding-block:55px 110px;min-height:65vh}
.breadcrumb{font-size:12px;color:var(--muted)}
.detail-heading{max-width:820px;margin:70px 0 65px}
.detail-heading h1{font-size:clamp(36px,5vw,64px);letter-spacing:-.055em;margin:24px 0;line-height:1.16}
.detail-heading>p:last-child{font-size:17px;line-height:1.9;color:var(--muted)}
.detail-section{padding:42px 0;border-top:1px solid var(--line);scroll-margin-top:110px}
.detail-section h2{font-size:27px;letter-spacing:-.04em;margin-bottom:20px}
.detail-section p{font-size:15px;color:var(--muted);line-height:1.95;max-width:800px}
.two-details{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.notice{padding:25px 30px;background:var(--soft);margin:12px 0 30px;border-left:4px solid var(--lime)}
.notice p{font-size:13px;color:var(--muted);margin-top:10px;line-height:1.8}
.flow-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:28px 0 0}
.flow-list li{padding:25px;background:var(--soft);border-radius:10px}
.flow-list b{font-size:17px}.flow-list p{font-size:13px;margin-top:13px}
.guide-index{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:35px}.guide-index a{padding:12px 18px;border:1px solid var(--line);border-radius:30px;font-size:13px}
.detail-section .button{margin-top:22px}.detail-caption{font-size:11px!important;line-height:1.8;margin-top:23px!important;color:var(--muted)}
.profile-demo{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.profile-controls{display:flex;gap:12px;margin-top:25px}.profile-controls button{padding:12px 18px;border:1px solid var(--line);border-radius:30px;font-size:13px}.profile-controls button[aria-pressed="true"]{background:var(--lime);border-color:var(--lime)}
.profile-preview{border:1px solid var(--line);border-radius:20px;padding:40px;max-width:410px;width:100%;background:var(--soft)}
.demo-avatar{background:var(--lime);width:68px;height:68px;border-radius:50%;font:bold 26px/68px Arial;text-align:center;margin-bottom:24px}
.profile-preview h3{font-size:24px;margin-block:14px}.profile-preview p{font-size:13px}.profile-preview li{font-size:12px;padding:16px 0;border-bottom:1px solid var(--line)}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.product-grid h2{font-size:23px;margin-top:25px}.product-grid p{font-size:13px}
.product-shape{height:200px;background:var(--soft);display:flex;align-items:center;justify-content:center;font:bold 27px/1.5 Arial;border-radius:12px}
.card-shape{background:var(--lime);height:150px;margin:25px 0}.stand-shape{width:150px;margin:auto;border:2px solid #d5dbd3;transform:perspective(600px) rotateY(-8deg);background:linear-gradient(120deg,#fff,var(--soft))}.flat-shape{height:120px;margin:40px 0;border:2px solid #d5dbd3;background:linear-gradient(120deg,#fff,var(--soft))}
.inner-page .footer{border-top:1px solid var(--line)}
html.intro-queued,html.intro-queued body{overflow:hidden}
html.intro-queued #site-portal{clip-path:circle(0px at 50% 50%);height:100dvh;overflow:hidden;position:relative;z-index:102}
html.intro-queued:not(.intro-revealing) .hero-enter{animation-play-state:paused}
#site-portal{position:relative;background:var(--paper)}
#opening-mount{position:fixed;inset:0;z-index:100;--lime:#dcff25;--ink:#101111;--paper:#fff}
#opening-mount #intro{position:fixed;inset:0;background:white;z-index:10;display:grid;place-items:center;overflow:hidden}
#opening-mount .intro-layout{width:100%;height:100%;display:grid;place-items:center;position:relative}
#opening-mount .mark-wrap{position:relative;text-align:center;transform:translateY(-14px)}
#opening-mount .mark{display:inline-block;position:relative;font:900 clamp(76px,11vw,154px)/1.12 Arial,sans-serif;letter-spacing:-.075em;white-space:nowrap;isolation:isolate}
#opening-mount .mark-word{display:block;opacity:0;transform:translateY(9px);transition:opacity .42s ease,transform .42s ease;padding-left:.245em;padding-right:.07em}
#opening-mount .mark-word.visible{opacity:1;transform:translateY(0)}
#opening-mount .mark-dot{position:absolute;z-index:2;width:.174em;height:.174em;left:0;bottom:.215em;border-radius:50%;background:var(--lime);transform-origin:center bottom;will-change:transform;box-shadow:0 0 0 1px rgba(0,0,0,.04)}
#opening-mount .mark-caption{font-size:clamp(14px,1.5vw,18px);font-weight:650;letter-spacing:.04em;color:#5b5e5c;opacity:0;transform:translateY(5px);transition:opacity .45s ease,transform .45s ease;margin-top:8px}
#opening-mount .mark-caption.visible{opacity:1;transform:translateY(0)}
#opening-mount .intro-footer{position:absolute;bottom:10%;left:0;right:0;text-align:center;color:#949894;font:700 12px/1.5 Arial;letter-spacing:.12em}
#opening-mount #halo{position:fixed;inset:0;clip-path:circle(0px at 50% 50%);will-change:clip-path;background:var(--lime);pointer-events:none;z-index:11}
#intro-skip{position:fixed;right:25px;bottom:25px;z-index:105;font-size:12px;color:#5b5e5c;padding:13px 18px;border:1px solid var(--line);background:white;border-radius:30px}
@media(max-width:900px){.two-details,.profile-demo{gap:35px}.flow-list{gap:12px}.flow-list li{padding:20px}.product-grid{gap:20px}.product-grid h2{font-size:19px}}
@media(max-width:720px){#opening-mount .mark{font-size:clamp(66px,15vw,110px)}#opening-mount .intro-footer{bottom:12%}}
@media(max-width:700px){.pending-label{font-size:8px}.hero-actions .button{font-size:9px;gap:5px;padding-inline:9px}.hero-actions .button svg{display:none}.final-actions .button{font-size:9px}.detail-main{padding-block:35px 70px}.detail-heading{margin:45px 0}.detail-heading h1{font-size:38px}.detail-heading>p:last-child{font-size:14px}.detail-section{padding-block:30px;scroll-margin-top:85px}.detail-section h2{font-size:23px}.detail-section p{font-size:13px}.two-details,.profile-demo,.product-grid,.flow-list{grid-template-columns:1fr;gap:26px}.profile-preview{padding:28px}.notice{padding:22px}.notice p{font-size:12px}.product-shape{max-width:300px;margin-inline:auto}.footer-bottom a{font-size:10px}.guide-index{gap:8px}.guide-index a{font-size:11px;padding:10px 13px}}
@media(prefers-reduced-motion:reduce){#opening-mount{display:none!important}html.intro-queued #site-portal{clip-path:none!important;height:auto;overflow:visible}html.intro-queued,html.intro-queued body{overflow:visible}}
