/* Shared continuation of the landing page's warm, sculpted visual system. */
.collection-page {--font-body:var(--font-display);--w-heading:450;--col-guides:none;background:#F9F9F8;color:#111;}
.collection-page h1,.collection-page h2 {font-weight:450;letter-spacing:-.05em;text-wrap:balance;}
.collection-page h1 {font-size:clamp(2.6rem,5.8vw,5rem);line-height:1.04;}
.collection-page h2 {font-size:clamp(2rem,3.8vw,3.2rem);line-height:1.08;}
.collection-page p {line-height:1.75;}
.collection-page .container {width:min(1160px,calc(100% - 48px));}
.collection-label {display:inline-flex;padding:6px 12px;border:1px solid #dededb;border-radius:40px;background:#fafaf9;color:#666;font:400 .65rem/1.5 var(--font-display);box-shadow:0 2px 4px #00000004;}
.collection-page .page-hero,.collection-page .apply-hero {background:radial-gradient(ellipse at 50% 15%,#fff,#ECECEC);border:6px solid white;border-radius:30px;margin:100px 24px 35px;padding:68px 0 58px;text-align:center;}
.collection-page .page-hero h1,.collection-page .apply-hero h1 {max-width:none;margin:22px auto;}
.collection-page .page-hero h1 span {color:#666;font-weight:450;}
.collection-page .page-hero p,.collection-page .apply-hero p {max-width:49ch;margin:0 auto;font-size:1rem;color:#666;}
.feature-jumps {display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:760px;margin:38px auto 0;}
.feature-jumps a {display:flex;align-items:center;gap:12px;background:#fafaf9;border:1px solid white;border-radius:12px;padding:17px 18px;color:#111;text-decoration:none;font-size:.82rem;box-shadow:0 5px 10px #00000005;transition:translate .3s,box-shadow .3s;}
.feature-jumps a:hover {translate:0 -4px;box-shadow:0 10px 18px #00000010;}
.feature-jumps span {color:#888;font-size:.6rem;}.feature-jumps b {margin-left:auto;font-weight:400;}
.approval-note {display:flex;justify-content:center;align-items:center;gap:18px;padding:16px 0;color:#666;font-size:.75rem;}.approval-note span {color:#111;}.approval-note p {margin:0;}
.tour-module {display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:80px 0;scroll-margin-top:105px;}
.tour-module:nth-of-type(even) .tour-copy {order:2;}.tour-module:nth-of-type(even) .tour-visual {order:1;}
.tour-copy h2 {margin:24px 0 20px;}.tour-copy>p {font-size:.95rem;color:#666;max-width:44ch;}
.tour-benefits {padding:0;margin:25px 0;list-style:none;display:grid;gap:12px;}.tour-benefits li {font-size:.82rem;color:#555;}.tour-benefits li::before {content:'✓';margin-right:12px;color:#888;}
.feature-details {border-top:1px solid #ddd;padding-top:18px;max-width:45ch;}.feature-details summary {cursor:pointer;font-size:.78rem;color:#333;padding:5px 0;}.feature-details>div {padding:12px 0 0;}.feature-details h3 {font-size:.82rem;margin:14px 0 6px;font-weight:550;}.feature-details p {font-size:.8rem;color:#666;margin:0;}
.tour-visual {min-width:0;padding:35px 22px;background:radial-gradient(ellipse at top,#f4f4f3,#e5e5e2);border:5px solid white;border-radius:22px;box-shadow:0 25px 40px -28px #00000040;}
.product-example {background:#fafaf9;border:1px solid white;border-radius:14px;overflow:hidden;box-shadow:0 15px 25px -18px #00000035;}
.example-toolbar {display:flex;justify-content:space-between;gap:10px;padding:15px;background:#ededeb;font-size:.6rem;color:#666;border-bottom:1px solid #e3e3e0;}.example-toolbar span:last-child {font-size:.52rem;}
.example-person {display:flex;align-items:center;gap:10px;padding:24px 18px 12px;}.example-avatar {width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:#dededb;font-size:.65rem;}.example-person strong {font-size:.8rem;font-weight:500;}.example-person small {display:block;margin-top:3px;font-size:.56rem;color:#777;}.example-status {margin-left:auto;border:1px solid #ddd;border-radius:25px;padding:5px 8px;font-size:.52rem;white-space:nowrap;}
.example-note {padding:24px 20px;}.example-note small {font-size:.53rem;color:#888;letter-spacing:.04em;}.example-note h3 {font-size:1.2rem;font-weight:450;letter-spacing:-.03em;margin:12px 0 8px;}.example-note p {color:#666;font-size:.76rem;margin:0;}
.example-metrics {display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px;border-top:1px solid #e5e5e3;}.example-metrics span {display:block;font-size:.54rem;color:#888;}.example-metrics strong {display:block;font-size:.65rem;font-weight:500;margin-top:6px;}
.example-event {display:flex;gap:12px;margin:18px 14px;padding:18px 14px;background:white;border-radius:10px;border:1px solid #eee;}.event-dot {height:6px;width:6px;background:#888;border-radius:50%;flex:none;margin-top:6px;}.example-event strong {font-size:.8rem;font-weight:500;}.example-event p {font-size:.72rem;color:#666;margin:8px 0;}.example-event small {font-size:.54rem;color:#888;}.example-footer {padding:16px 20px;background:#f0f0ed;font-size:.63rem;color:#666;text-align:center;}
.example-message {margin:24px 22px 12px;background:#eaeae6;border-radius:12px 12px 12px 2px;padding:16px;font-size:.85rem;}.example-flow {padding:6px 22px 24px;}.example-flow>div {position:relative;padding:18px 0 14px 39px;border-bottom:1px solid #e4e4e1;}.example-flow>div:last-child {border:0;}.example-flow span {position:absolute;left:0;top:18px;font-size:.6rem;color:#888;}.example-flow strong {display:block;font-size:.8rem;font-weight:500;}.example-flow small {display:block;font-size:.62rem;color:#777;margin-top:5px;}
.example-build {display:flex;justify-content:center;gap:20px;padding:40px 15px 15px;perspective:600px;}.example-build span {width:64px;height:64px;display:grid;place-items:center;background:linear-gradient(145deg,white,#d7d7d3);border:1px solid white;border-radius:14px;font-size:1.7rem;box-shadow:0 12px 15px -6px #00000020;transform:rotate(-9deg);}.example-build span:nth-child(2) {background:linear-gradient(145deg,#555,#111);color:white;transform:translateY(-12px) rotate(5deg);}.example-build span:nth-child(3) {transform:rotate(13deg);}
.collection-cta,.collection-page .cta-section {margin:45px auto 80px;width:min(1160px,calc(100% - 48px));padding:70px 24px;text-align:center;border:5px solid white;border-radius:26px;background:radial-gradient(ellipse at top,#f7f7f6,#e4e4e1);color:#111;overflow:hidden;}
.collection-cta h2 {margin:24px 0;}.collection-cta p,.collection-page .cta-section p {color:#666;font-size:.95rem;max-width:48ch;margin:0 auto 25px;}.collection-cta .cta-actions {display:flex;justify-content:center;gap:12px;flex-wrap:wrap;}.collection-page .cta-section h2 {color:#111;}.collection-page .cta-bg {display:none;}.collection-page .cta-section::before,.collection-page .cta-section::after {display:none;}
.collection-page .form-card,.collection-page .rail-card,.collection-page .contact-form-card,.collection-page .glass-panel {background:#fafaf9;border:5px solid white;border-radius:20px;box-shadow:0 20px 35px -24px #00000030;}.collection-page .contact-form-card::before {display:none;}.collection-page .input,.collection-page .textarea,.collection-page select {background:#f0f0ed;border-color:#dfdfdc;border-radius:10px;}.collection-page .contact-intro h1 {font-weight:450;font-size:clamp(2.5rem,4.8vw,4rem);}.collection-page .contact-section {background:radial-gradient(ellipse at 0 30%,#F2F1ED,transparent 70%);}.collection-page .contact-direct a {font-family:var(--font-display);font-size:.95rem;overflow-wrap:anywhere;}.collection-page .contact-note {font-size:.85rem;}.collection-page .apply-wrap {padding-top:20px;}.collection-page .guarantee-note {border-radius:12px;background:#F2F1ED;padding:20px;font-size:.8rem;}
.collection-page .statement.is-wide {font-size:clamp(2.6rem,5.8vw,5rem);max-width:none;margin:24px auto!important;}.use-case-intro {font-size:1rem;color:#666;max-width:46ch;margin:0 auto;}.collection-page .feature-row {padding:65px 0;gap:65px;}.collection-page .feature-title {font-size:clamp(1.7rem,3vw,2.6rem);font-weight:450;letter-spacing:-.04em;}.collection-page .feature-list li {padding:14px 0 14px 20px;}.collection-page .feature-list p {font-size:.85rem;}.collection-page .feature-list h4 {font-size:.9rem;font-weight:500;}.collection-page .glass-panel .card-well {background:radial-gradient(ellipse at top,#f7f7f6,#e4e4e1);padding:40px 25px;border-radius:12px;}.example-caption {font-size:.6rem;color:#777;margin-bottom:20px;}.collection-page .legal-wrap {background:#fafaf9;border:5px solid white;border-radius:22px;padding:40px;box-shadow:0 15px 35px -25px #00000020;}.collection-page .legal p {font-size:.95rem;}.collection-page .site-footer {background:#F9F9F8;}
/* Repeatable entrance and departure on visual objects, while prose stays readable. */
[data-motion] {opacity:var(--motion-opacity,1);translate:0 var(--motion-y,0px);scale:var(--motion-scale,1);transition:opacity .5s ease,translate .65s cubic-bezier(.2,.7,.2,1),scale .65s ease;}
[data-motion]:focus-within {opacity:1!important;translate:0 0!important;scale:1!important;}
@view-transition {navigation:auto;}
::view-transition-old(root) {animation:collection-out .18s ease both;}::view-transition-new(root) {animation:collection-in .35s ease both;}
@keyframes collection-out {to{opacity:0;transform:translateY(-8px);}}@keyframes collection-in {from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}
@media(max-width:850px){.tour-module{gap:32px;padding:55px 0;}.collection-page .feature-row{gap:32px;}.collection-page .page-hero,.collection-page .apply-hero{margin:90px 12px 24px;padding:50px 0;}.feature-jumps{grid-template-columns:1fr 1fr;max-width:450px;}.tour-visual{padding:25px 12px;}.example-person{flex-wrap:wrap;}.collection-page .legal-wrap{padding:25px;}}
@media(max-width:650px){.collection-page .container{width:calc(100% - 36px);}.tour-module{grid-template-columns:1fr;padding:40px 0;gap:25px;}.tour-module:nth-of-type(even) .tour-copy,.tour-module:nth-of-type(even) .tour-visual{order:initial;}.tour-copy h2{margin-top:20px;}.tour-copy>p{max-width:none;}.feature-jumps a{padding:14px 12px;}.approval-note{gap:7px;flex-direction:column;text-align:center;}.collection-cta,.collection-page .cta-section{width:calc(100% - 24px);padding:50px 18px;margin:30px auto 55px;}.collection-page .feature-row{padding:40px 0;}.collection-page .legal-wrap{padding:22px 18px;}.collection-page .contact-section{padding-top:130px;}}
@media(prefers-reduced-motion:reduce){[data-motion]{opacity:1!important;translate:none!important;scale:none!important;transition:none!important;}::view-transition-old(root),::view-transition-new(root){animation:none!important;}.feature-jumps a{transition:none;}}
@media print{[data-motion]{opacity:1!important;translate:none!important;scale:none!important;}}
.collection-page main > header h1,.collection-page .contact-intro h1,.collection-page .nf h1 {animation:collection-heading .8s cubic-bezier(.2,.7,.2,1) both;}
@keyframes collection-heading {from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:none;}}
.collection-page .nf {background:radial-gradient(ellipse at 25% 35%,#ECECEC,#F9F9F8 75%);}
.collection-page .nf-code {background:none;color:#1C1C1E;font-family:var(--font-display);font-weight:450;}
.collection-page .nf-links a {border-radius:12px;}
@media(prefers-reduced-motion:reduce){.collection-page main > header h1,.collection-page .contact-intro h1,.collection-page .nf h1 {animation:none;}}