/* Altyn visual system: official yellow, graphite, Inter and calm white surfaces. */
:root{--ink:#161513;--ink2:#313132;--cream:#f6f7f8;--paper:#fff;--muted:#717477;--line:#ebeff3;--gold:#ffd119;--gold2:#ffe371;--mint:#f3f5f7;--radius:20px}
body{background:var(--cream);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
::selection{background:#ffe371;color:#161513}
:focus-visible{outline:3px solid #c49200;outline-offset:3px}
.top-strip{max-width:1360px;margin:auto;height:36px;background:transparent;color:#6e7276;padding:0 20px;font-size:10px;letter-spacing:.06em}
.top-strip a{color:#4b4f52;font-size:11px}
.site-header{max-width:1360px;height:90px;margin:0 auto 18px;padding:0 28px;background:#fff;border:0;border-radius:20px;box-shadow:0 10px 35px #10182008;gap:20px}
.brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;flex:none;letter-spacing:normal}
.brand img{display:block;width:220px;height:auto;max-width:100%}
.brand-label{font-size:10px;line-height:1;letter-spacing:.05em;font-weight:650;color:#787d80;padding-left:1px}
.desktop-nav{gap:5px}
.desktop-nav a{padding:12px 14px;border-radius:12px;color:#313132;font-size:13px;font-weight:600;transition:background-color .2s}
.desktop-nav a:hover,.desktop-nav a[aria-current=page]{background:#f6f7f8;color:#161513}
.header-login{background:#ffd119;color:#161513;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:750;box-shadow:0 5px 16px #ffd11940}
.header-login:hover,.button-primary:hover{background:#ffe371;color:#161513}
.menu-toggle{border-color:#ebeff3;border-radius:10px;background:#f6f7f8}
.menu-toggle span{background:#161513}
.breadcrumbs{max-width:1360px;margin:0 auto 10px;padding:0 24px;color:#72777b}
.breadcrumbs a:last-child{color:#313132}
.page-intro{max-width:1360px;margin:0 auto 16px;padding:62px clamp(24px,5vw,76px) 70px;background:#fff;border-radius:24px;overflow:hidden}
.page-intro:before,.page-intro:after{display:none}
.intro-index{max-width:none;border:0;padding:0;align-items:center;color:#7b8084;font-size:10px;letter-spacing:.06em}
.intro-index span:first-child{display:inline-block;background:#fff3b3;color:#39332a;padding:9px 12px;border-radius:9px;font-weight:800}
.page-intro h1{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-weight:760;font-size:clamp(43px,5.5vw,76px);letter-spacing:-.062em;line-height:1.07;color:#313132;margin:33px 0 24px}
.page-intro>p{font-size:clamp(17px,1.5vw,20px);color:#62686c;line-height:1.6}
.home-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-areas:"eyebrow visual" "title visual" "desc visual" "actions visual";align-content:center;gap:0 18px;min-height:590px;padding-top:50px;padding-bottom:50px;position:relative}
.home-intro .intro-index{grid-area:eyebrow;align-self:end}
.home-intro .intro-index span:last-child{display:none}
.home-intro h1{grid-area:title;max-width:650px;margin:24px 0;font-size:clamp(44px,5vw,70px)}
.home-intro>p{grid-area:desc;max-width:590px}
.home-actions{grid-area:actions;margin-top:26px}
.home-actions .button{margin-right:10px;margin-bottom:8px}
.home-actions p{max-width:590px;color:#85898b;font-size:12px;line-height:1.55;margin:10px 0 0}
.home-product{grid-area:visual;align-self:center;justify-self:center;width:100%;min-height:460px;display:flex;align-items:center;justify-content:center;position:relative}
.home-product:before{content:"";position:absolute;width:min(90%,460px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff3b5 0,#fff8d7 55%,#fff 75%);filter:blur(8px)}
.home-product img{position:relative;width:min(100%,480px);height:auto;max-height:520px;object-fit:contain;filter:drop-shadow(0 25px 32px #5555551c)}
.button{border-radius:12px;min-height:50px;padding:12px 20px;font-size:14px;font-weight:750;transition:background-color .2s,transform .2s}
.button:hover{transform:translateY(-2px)}
.button-primary{background:#ffd119;color:#161513}
.button-quiet{color:#161513;background:#f3f5f7;border:1px solid #e2e7eb}
.button-quiet:hover{background:#ebeff3}
.section{max-width:1360px;margin:0 auto 16px;padding:70px clamp(24px,5vw,76px);background:#fff;border-radius:24px}
.section h2,.prose h2,.prose h3,.tile h3,.quote-card strong,.steps h3,.flow div strong,.promo-strip h2,.promo-card h2{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:-.045em;font-weight:730;color:#313132}
.section h2{font-size:clamp(34px,4vw,54px);line-height:1.12}
.section-head>p,.feature-row>div>p:not(.kicker),.app-callout p:not(.kicker){color:#686e72}
.kicker{font-size:11px;letter-spacing:.11em;color:#696e71;font-weight:800}
.cards{gap:16px}
.tile{background:#f7f8f9;border:1px solid #eef0f2;border-radius:20px;min-height:255px;padding:28px;box-shadow:none}
.tile:hover{transform:translateY(-4px);border-color:#ffd119;box-shadow:0 18px 35px #10182012}
.tile-no{display:inline-flex;align-self:flex-start;background:#ffd119;color:#161513;border-radius:8px;padding:7px 10px;letter-spacing:.05em;font-size:10px}
.tile h3{font-size:25px;margin:36px 0 13px;line-height:1.18}
.tile p,.steps p{color:#676d71}
.tile-arrow{color:#161513}
.promo-strip{max-width:1360px;margin:0 auto 16px;padding:38px clamp(24px,5vw,76px);border:0;border-radius:24px;background:linear-gradient(110deg,#fff0a5,#ffd84b)}
.promo-strip .kicker,.promo-card .kicker{color:#584c20}
.promo-strip h2,.promo-card h2{font-size:clamp(28px,3.2vw,42px)}
.promo-strip p:not(.kicker),.promo-card p:not(.kicker){color:#4c493b}
.promo-strip .button,.promo-card .button{background:#161513;color:#fff;box-shadow:none}
.promo-strip .button:hover,.promo-card .button:hover{background:#373737;color:#fff}
.dark-section{max-width:1360px;background:#161513;color:#fff;padding-left:clamp(24px,5vw,76px);padding-right:clamp(24px,5vw,76px)}
.dark-section h2,.dark-section .flow div strong{color:#fff}
.dark-section .kicker,.flow div span,.flow b{color:#ffd119}
.dark-section .section-head>p,.diagram-caption{color:#c1c1c1}
.flow div{background:#262626;border:1px solid #414141;border-radius:16px}
.flow div small{color:#c4c4c4}
.diagram-caption a{color:#ffe371}
.steps>div{border-top:3px solid #ffd119}
.steps span{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#161513;font-weight:800;font-size:30px}
.steps h3{font-size:24px}
.quote-card{background:#fff5c7;border-radius:20px}
.quote-card strong{font-size:clamp(26px,3vw,36px)}
.quote-card span,.quote-card p{color:#625d49}
.text-link{color:#242424;border-bottom-color:#ffd119}
.app-callout{border:0;background:#fff}
.faq{max-width:100%}
.faq>label{color:#313132}
.faq input[type=search]{max-width:700px;border:1px solid #dde3e6;border-radius:12px;background:#f8f9fa}
.faq details{border:0!important;background:#f6f7f8;border-radius:14px;padding:14px 22px;margin:9px 0}
.faq summary{color:#313132}
.faq details p{color:#62686c}
.faq details a{color:#3e4144;text-decoration-color:#ffd119}
.prose{max-width:1000px;margin:0 auto 16px;padding:54px clamp(24px,5vw,72px) 80px;background:#fff;border-radius:24px;color:#43494d}
.prose h2{font-size:clamp(30px,3.5vw,42px);line-height:1.18;margin:45px 0 18px}
.prose h3{font-size:25px}
.prose p,.prose li{line-height:1.72}
.prose a:not(.button){text-decoration-color:#ffd119;text-underline-offset:3px}
.prose code{background:#f3f5f7;border-color:#e6ebee}
.extra-content{border:0;padding-top:45px}
.source-box{background:#fff8d9;border-left:4px solid #ffd119;border-radius:0 12px 12px 0}
.source-box strong,.source-box a,.scenario-grid span,.contact-grid span,.doc-list span,.timeline span{color:#68561a}
.action-panel{background:#161513;border-radius:20px}
.action-panel h3{color:#fff}
.action-panel p{color:#c9c9c9}
.inline-grid a,.scenario-grid>div,.role-grid>div,.contact-grid>div{background:#f6f7f8;border-color:#ebeff3;border-radius:14px}
.formula{background:#161513;border-radius:16px}
.formula span{background:#363636}
.formula strong{background:#ffd119;color:#161513}
.formula b{color:#ffd119}
.checklist{background:#f6f7f8;border-color:#ebeff3;border-radius:16px}
.checklist label,.check-progress{border-color:#dce3e8}
.checklist input,.check-progress progress{accent-color:#d1a500}
.doc-list a{border-color:#ebeff3}
.prose th{background:#fff4bf}
.calculator{background:#f6f7f8;border-color:#ebeff3;border-radius:18px}
.calculator-grid input{border-color:#cfd7dc;border-radius:10px;color:#161513}
.calculator-grid label{color:#363b3e}
.calculator-grid fieldset{border-color:#d6dde1}
.calculator button{background:#161513;border-radius:11px}
.calculator button:hover{background:#3b3b3b}
.calculator-result{border-left-color:#ffd119;border-radius:9px}
.promo-card{background:#fff2b4;border-color:#ffe177;border-radius:20px}
.footer{max-width:1360px;margin:0 auto 20px;padding:60px clamp(24px,5vw,76px) 28px;background:#fff;color:#161513;border-radius:24px}
.footer-brand{display:flex;align-items:center;gap:24px;margin-bottom:46px}
.footer-brand img{width:225px;height:auto;display:block}
.footer-brand p{font-size:13px;color:#7d8387;margin:0}
.footer-links strong{color:#6d7174}
.footer-links a,.footer-bottom,.footer-bottom a{color:#62686c}
.footer-bottom{border-top-color:#ebeff3}
.cookie-notice{left:0;right:0;bottom:0;width:100%;max-width:none;justify-content:center;border:0;border-radius:0;background:#161513;color:#fff;box-shadow:0 -10px 30px #0002}
.cookie-notice p{max-width:880px;font-size:13px}
.cookie-notice a{color:#ffe371}
.cookie-notice button{background:#ffd119;color:#161513;border-radius:10px}
.not-found h1{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.not-found a{color:#161513}
@media(max-width:1100px){.site-header{margin-left:16px;margin-right:16px}.brand img{width:185px}.desktop-nav{gap:0}.desktop-nav a{padding:11px 9px}}
@media(max-width:1020px){.desktop-nav{display:none}.menu-toggle{display:flex}.mobile-nav:not([hidden]){display:grid;position:absolute;z-index:10;left:16px;right:16px;top:100%;background:#fff;border:1px solid #ebeff3;border-radius:0 0 18px 18px;padding:12px 24px 25px;box-shadow:0 20px 28px #10182020}.mobile-nav a{padding:12px 0;text-decoration:none;font-weight:750;border-bottom:1px solid #ebeff3}}
@media(max-width:850px){.site-header{margin-bottom:14px}.mobile-nav:not([hidden]){left:16px;right:16px;border:0;border-radius:0 0 18px 18px;box-shadow:0 20px 28px #10182020}.mobile-nav a{border-color:#ebeff3}.home-intro{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);min-height:520px}.home-product{min-height:380px}.home-product img{max-height:440px}.footer-brand{display:block}.footer-brand p{margin-top:12px}}
@media(max-width:700px){.top-strip{height:32px;padding:0 20px}.top-strip span{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-header{height:72px;margin:0 12px 12px;padding:0 16px;border-radius:16px}.brand img{width:155px}.brand-label{font-size:8px}.header-login{padding:9px 11px;font-size:12px}.menu-toggle{width:38px;height:38px}.header-actions{gap:7px}.breadcrumbs{padding:0 16px}.page-intro,.section,.promo-strip,.dark-section,.prose,.footer{margin-left:12px;margin-right:12px;border-radius:18px}.page-intro{padding:38px 24px 46px}.page-intro h1{font-size:clamp(39px,10.5vw,54px);margin:25px 0 20px}.page-intro>p{font-size:16px}.intro-index{font-size:9px;gap:8px}.intro-index span:last-child{text-align:right}.home-intro{display:flex;flex-direction:column;min-height:0;padding:40px 24px 0}.home-intro .intro-index{align-self:stretch}.home-intro h1{font-size:clamp(42px,10.5vw,58px)}.home-actions{margin-top:18px}.home-actions .button{margin-right:4px}.home-product{min-height:270px;margin:15px -12px 0}.home-product img{max-height:340px}.section,.dark-section{padding:54px 24px}.section h2{font-size:36px}.section-head{margin-bottom:27px}.tile{min-height:205px}.tile h3{margin-top:24px}.promo-strip{padding:32px 24px}.promo-strip .button{margin-top:18px}.prose{padding:40px 24px 58px;font-size:16px}.prose h2{font-size:31px}.footer{padding:46px 24px 25px}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{font-size:11px}.cookie-notice{display:flex;align-items:center;left:0;right:0;bottom:0;width:100%;padding:14px 16px;border-radius:0;gap:10px}.cookie-notice p{font-size:11px}.cookie-notice button{margin:0;padding:9px 10px;font-size:11px}}
@media(max-width:380px){.top-strip a{display:none}.header-login{font-size:11px;padding:8px}.brand img{width:140px}.home-actions .button{width:100%;margin-right:0}.cookie-notice{display:block}.cookie-notice button{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.tile,.button{transition:none}.button:hover,.tile:hover{transform:none}}
.guide-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 40px}
.guide-index a{min-width:0;min-height:190px;padding:22px;background:#f6f7f8;border:1px solid #ebeff3;border-radius:16px;text-decoration:none;display:flex;flex-direction:column;gap:12px;transition:border-color .2s,transform .2s}
.guide-index a:hover{border-color:#ffd119;transform:translateY(-3px)}
.guide-index span,.decision-grid span{font-size:10px;font-weight:850;letter-spacing:.08em;color:#695819}
.guide-index strong{font-size:19px;line-height:1.22;letter-spacing:-.035em;color:#313132}
.guide-index small{font-size:13px;line-height:1.45;color:#687074}
.journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:28px 0}
.journey>div{min-width:0;background:#161513;color:#fff;padding:18px;border-radius:15px;display:flex;flex-direction:column;gap:10px}
.journey b{display:grid;place-items:center;width:34px;height:34px;background:#ffd119;color:#161513;border-radius:10px;font-size:12px}
.journey strong{font-size:15px;line-height:1.2}
.journey small{font-size:12px;line-height:1.35;color:#d0d0d0}
.decision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0}
.decision-grid>div{min-width:0;border:1px solid #e4e8eb;border-radius:15px;background:#fff8d9;padding:19px}
.decision-grid strong{display:block;margin:12px 0;font-size:16px;line-height:1.2;color:#313132}
.decision-grid p{font-size:13px;line-height:1.45;margin:0;color:#62686c}
@media(max-width:900px){.guide-index{grid-template-columns:repeat(2,minmax(0,1fr))}.decision-grid{grid-template-columns:1fr}.journey{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.guide-index,.journey{grid-template-columns:1fr}.guide-index a{min-height:0}.journey>div{min-height:0}}
@media(prefers-reduced-motion:reduce){.guide-index a{transition:none}.guide-index a:hover{transform:none}}