/* Santaclausula · independent Cloudflare Pages commercial pilot.
 * Designed without external assets, external fonts or unverified product photos.
 */
:root{
  color-scheme:light;
  --ink:#14203b;--muted:#65728a;--blue:#093e88;--navy:#10244c;--yellow:#f3c85e;
  --line:#e1e6ed;--white:#fff;--paper:#f6f7fa;
  font:400 16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper)}
a{color:inherit}
button,input,textarea{font:inherit}
button,input,textarea:focus-visible,a:focus-visible{outline-offset:3px}
.skip{position:absolute;left:12px;top:-80px;padding:10px;background:#fff;z-index:9}
.skip:focus{top:12px}
.nav{height:83px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 max(32px,calc((100vw - 1300px)/2));background:#fff}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:780;font-size:18px;letter-spacing:-.7px}
.brand-symbol{display:grid;place-items:center;width:35px;height:35px;background:var(--navy);border-radius:11px;color:var(--yellow);font-size:22px;font-weight:900}
.nav-note{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#748099}
main{max-width:1300px;margin:0 auto;padding:20px 32px 76px}
.breadcrumb{display:flex;gap:13px;font-size:12px;color:#8792a4;padding:0 0 24px}
.breadcrumb span:last-child{color:#3d4a5f}
.layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);min-height:640px;background:#fff;border:1px solid var(--line);border-radius:19px;box-shadow:0 8px 32px rgba(19,40,74,.035);overflow:hidden}
.visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:730px;padding:28px;background:radial-gradient(circle at 50% 58%,#24538d 0,#113771 48%,#082757 96%);color:#fff;overflow:hidden}
.visual:before{content:"";position:absolute;width:670px;height:670px;left:50%;top:51%;transform:translate(-50%,-50%);border:1px solid #fff2;border-radius:50%;box-shadow:0 0 0 90px #ffffff04,0 0 0 180px #ffffff06;pointer-events:none}
.visual-top,.visual-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;position:relative;z-index:1}
.mini-label,.visual-count{font-size:11px;letter-spacing:2px;font-weight:700}
.visual-count{opacity:.65}
.visual-bottom{align-items:end}
.visual-bottom p{margin:0;font-size:11px;color:#c4d3e6;max-width:220px}
.visual-bottom p:last-child{text-align:right}
.mate-illustration{height:420px;position:relative;margin:auto;display:grid;place-items:center;width:100%;max-width:400px;z-index:1}
.mate-shadow{position:absolute;bottom:22px;width:210px;height:36px;border-radius:50%;background:#0005;filter:blur(19px)}
.mate-straw{position:absolute;z-index:3;width:15px;height:248px;left:58%;top:3%;border-radius:8px;transform:rotate(22deg);background:linear-gradient(90deg,#8c97a4,#e9eef3 43%,#818c9a 85%);box-shadow:2px 3px 10px #071a3855}
.mate-body{position:absolute;bottom:43px;width:222px;height:259px;border-radius:32px 32px 85px 85px / 36px 36px 107px 107px;background:linear-gradient(94deg,#081e41,#12458e 20%,#0c3777 55%,#071b3e);box-shadow:inset -15px -7px 22px #04152f8c,inset 12px 7px 17px #4e83be7c,15px 27px 36px #051b3a80;transform:rotate(-3deg)}
.mate-rim{position:absolute;z-index:4;bottom:271px;width:225px;height:41px;border-radius:50%;background:radial-gradient(ellipse at center,#213a37 0 48%,#dfe5e8 49% 54%,#8798ab 58%,#e5ecf3 66%,#657b95 76%);transform:rotate(-3deg)}
.mate-band{position:absolute;top:97px;width:100%;height:49px;background:linear-gradient(90deg,#dca632,#ffdd7e 24%,#e5b843 65%,#bb8717);box-shadow:0 2px 6px #081d3e5a}
.details{padding:46px clamp(28px,4vw,70px) 56px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#65718a;font-size:11px;letter-spacing:2px;font-weight:700}
.dot{width:7px;height:7px;background:#e4b548;border-radius:50%}
h1{font-weight:790;line-height:1.06;letter-spacing:-3.5px;font-size:clamp(42px,4.1vw,63px);margin:19px 0 20px}
.period{color:#e5b74a}
.subtitle{font-size:15px;color:#616e84;max-width:465px;line-height:1.76;margin:0 0 28px}
.identity{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 12px;max-width:455px;background:#f7f9fc;border:1px solid #e9edf3;border-radius:11px;padding:15px 17px}
.identity .key{font-size:12px;color:#8490a0}
.identity strong{font:700 15px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:#203f76;letter-spacing:.2px}
.verified{grid-column:1/-1;font-size:11px;color:#8793a3}
.rule{height:1px;background:var(--line);margin:30px 0}
.section-heading{display:flex;gap:14px;align-items:start;margin-bottom:21px}
.step{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border-radius:9px;background:#edf2fa;color:#3864a2;font-size:12px;font-weight:800}
h2{font-size:20px;letter-spacing:-.55px;margin:-1px 0 5px;font-weight:740}
.section-heading p{font-size:12px;line-height:1.6;color:#7a8596;margin:0}
form{display:grid;gap:16px}
.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:15px}
label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#38485f}
label span{display:block}
label em{color:#8d97a8;font-size:11px;font-style:normal;font-weight:400}
label b{color:#c38b18;font-weight:800}
input,textarea{width:100%;border:1px solid #dce3ec;border-radius:9px;background:#fff;color:#203045;padding:11px 12px;transition:border-color .16s,box-shadow .16s;font-size:13px}
input{height:44px}
textarea{resize:vertical;min-height:111px}
input::placeholder,textarea::placeholder{color:#9da8b8}
input:focus,textarea:focus{border-color:#2159a5;outline:0;box-shadow:0 0 0 3px #387bd31b}
.privacy{font-size:11px;color:#8994a2;line-height:1.65;margin:-1px 0 0}
.send{border:0;background:#113d7c;color:#fff;border-radius:10px;display:flex;justify-content:space-between;align-items:center;padding:15px 16px 15px 20px;font-size:13px;font-weight:760;cursor:pointer}
.send:not(:disabled):hover{background:#0a3067}
.send:disabled{opacity:.55;cursor:not-allowed}
.arrow{color:#ffda76;font-size:19px}
.feedback{padding:12px 14px;border-radius:10px;background:#eef3f9;color:#3e5066;font-size:12px;line-height:1.6}
.feedback[data-tone=error]{background:#fff3f0;color:#a13c30}
.success{border:1px solid #d8e7dd;background:#f3faf5;padding:19px;border-radius:12px}
.success-mark{display:grid;place-items:center;background:#ccebd4;color:#216a39;border-radius:50%;height:31px;width:31px;font-weight:bold}
.success h3{font-size:18px;margin:12px 0 6px}
.success p{font-size:12px;color:#5f7466;line-height:1.7}
.case-number{font-family:ui-monospace,SFMono-Regular,monospace;font-weight:bold}
.success a{display:inline-flex;gap:16px;text-decoration:none;background:#205e36;border-radius:8px;color:#fff;padding:11px 15px;font-size:12px;font-weight:700}
.private-note{font-size:10px!important}
footer{display:flex;justify-content:space-between;gap:15px;max-width:1300px;margin:0 auto;padding:0 32px 25px;color:#8793a3;font-size:11px}
.entry{min-height:calc(100vh - 80px);display:grid;place-items:center}
.entry-box{max-width:540px;padding:50px;background:#fff;border:1px solid var(--line);border-radius:16px}
.entry h1{font-size:42px}
.entry p{color:var(--muted)}
.entry-link{display:inline-flex;background:var(--navy);color:#fff;text-decoration:none;padding:12px 17px;border-radius:8px}
@media(max-width:1000px){.layout{grid-template-columns:1fr}.visual{min-height:500px}.mate-illustration{height:340px}.details{padding:35px}.visual-bottom{align-items:center}}
@media(max-width:600px){.nav{height:66px;padding:0 20px}.nav-note{display:none}main{padding:15px 13px 45px}.breadcrumb{padding-bottom:14px}.layout{border-radius:13px}.visual{min-height:390px;padding:17px}.mate-illustration{height:300px;transform:scale(.77)}.details{padding:28px 21px 35px}h1{letter-spacing:-2px;font-size:42px}.two-cols{grid-template-columns:1fr}.rule{margin:22px 0}.visual-bottom p{font-size:10px}.identity{grid-template-columns:1fr}.identity strong{font-size:14px}footer{padding:0 17px 20px;flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}