@font-face{font-family:Vazirmatn;src:url('/bin-landing/assets/vazirmatn-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('/bin-landing/assets/vazirmatn-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('/bin-landing/assets/vazirmatn-black.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap}

:root{
  --ink:#10131b;
  --muted:#667083;
  --line:#e2e6ed;
  --soft:#f5f7fa;
  --blue:#295cff;
  --blue-dark:#1743d3;
  --blue-soft:#eaf0ff;
  --night:#07111f;
  --ease:cubic-bezier(.2,.72,.2,1);
  --shell:min(1220px,calc(100% - 72px));
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;color:var(--ink);background:#fff;font-family:Vazirmatn,Tahoma,sans-serif;font-size:16px;line-height:1.8;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{display:block;max-width:100%}
button,a{touch-action:manipulation}
a:focus-visible,button:focus-visible{outline:3px solid #84a3ff;outline-offset:4px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;z-index:100;top:-80px;right:20px;border-radius:8px;padding:11px 16px;color:#fff;background:var(--ink);transition:top .2s}
.skip-link:focus{top:14px}

.about-header{position:fixed;z-index:30;top:0;right:0;left:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;min-height:88px;padding:0 max(36px,calc((100vw - 1320px)/2));border-bottom:1px solid transparent;transition:min-height .3s var(--ease),background .3s,border-color .3s,box-shadow .3s}
.about-header.is-scrolled{min-height:72px;border-color:rgba(214,220,230,.78);background:rgba(255,255,255,.88);box-shadow:0 12px 34px rgba(23,33,51,.06);backdrop-filter:blur(18px)}
.about-logo{justify-self:start;display:inline-flex;align-items:flex-start;gap:5px;color:#10131b;font:900 40px/1 Arial,sans-serif;letter-spacing:-4px}
.about-logo span{margin-top:2px;font-size:10px;letter-spacing:0}
.about-header nav{display:flex;align-items:center;justify-content:center;gap:32px}
.about-header nav a{position:relative;padding:8px 0;color:#566073;font-size:13px;font-weight:700}
.about-header nav a:after{position:absolute;right:0;bottom:1px;left:100%;height:1px;background:var(--blue);content:"";transition:left .25s var(--ease)}
.about-header nav a:hover{color:var(--ink)}
.about-header nav a:hover:after{left:0}
.account-actions{justify-self:end;display:flex;align-items:center;gap:7px}
.account-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;font-size:12px;font-weight:700}
.search-action,.login-action{color:#4d5667}
.search-action:hover,.login-action:hover{color:var(--blue)}
.register-action{gap:18px!important;border-radius:999px!important;padding-inline:18px!important;color:#fff!important;background:var(--ink)}
.register-action:hover{background:var(--blue)}
.register-action span{font-size:18px}
.nav-toggle{display:none;width:44px;height:44px;border:0;background:transparent}
.nav-toggle>span{display:block;width:21px;height:2px;margin:4px auto;background:var(--ink)}

.about-hero{position:relative;min-height:960px;padding:170px 0 0;background:linear-gradient(180deg,#fff 0%,#fff 74%,#f6f8fb 100%);overflow:hidden}
.hero-glow{position:absolute;top:-240px;left:50%;width:1000px;height:650px;border-radius:50%;background:radial-gradient(ellipse,rgba(65,105,255,.12),rgba(255,255,255,0) 70%);transform:translateX(-50%);pointer-events:none}
.hero-glow:after{position:absolute;inset:150px 290px;border:1px solid rgba(41,92,255,.13);border-radius:50%;content:"";box-shadow:0 0 0 90px rgba(41,92,255,.018),0 0 0 180px rgba(41,92,255,.012)}
.hero-copy{position:relative;z-index:2;width:var(--shell);margin:0 auto;text-align:center}
.eyebrow,.section-index{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:#667184;font-size:11px;font-weight:700;letter-spacing:1.7px}
.hero-copy .eyebrow{justify-content:center;color:#52617b;letter-spacing:0}
.eyebrow>span{width:24px;height:1px;background:var(--blue)}
.hero-copy h1{margin:0;color:var(--ink);font-size:clamp(54px,6.2vw,92px);font-weight:900;line-height:1.38;letter-spacing:-4px}
.hero-copy h1 em{color:var(--blue);font-style:normal}
.hero-lead{max-width:710px;margin:24px auto 0;color:var(--muted);font-size:17px;line-height:2.1}
.hero-actions,.final-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:30px}
.primary-button,.quiet-button,.core-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:54px;border:1px solid transparent;border-radius:999px;padding:11px 24px;font-size:13px;font-weight:700;transition:transform .25s var(--ease),background .25s,color .25s,border-color .25s}
.primary-button{color:#fff;background:var(--blue);box-shadow:0 12px 30px rgba(41,92,255,.2)}
.primary-button:hover{background:var(--blue-dark);transform:translateY(-2px)}
.primary-button span,.core-button span{font-size:19px}
.quiet-button{border-color:#d9dee7;color:#303846;background:#fff}
.quiet-button:hover{border-color:#aeb9cd;transform:translateY(-2px)}

.link-system{position:relative;width:min(1320px,calc(100% - 48px));margin:90px auto 0;border-top:1px solid #dfe4ec;border-bottom:1px solid #dfe4ec;padding:32px 0 38px}
.system-caption{display:grid;grid-template-columns:160px 1fr 160px;align-items:center;margin-bottom:26px;color:#8790a0;font-size:10px;font-weight:700;letter-spacing:.4px}
.system-caption span:last-child{text-align:left}.system-caption b{text-align:center;color:#526074;font-size:11px}
.system-grid{display:grid;grid-template-columns:160px minmax(35px,1fr) minmax(360px,500px) minmax(35px,1fr) 160px;align-items:stretch;direction:rtl}
.system-side{display:grid;gap:8px}
.system-side>span{display:flex;align-items:center;gap:9px;min-height:44px;border:1px solid #dce2ec;padding:7px 10px;color:#505a6d;background:#fff;font-size:11px;font-weight:700;white-space:nowrap}
.system-side img{width:19px;height:19px;opacity:.72}
.outcomes-side>span{justify-content:flex-end}.outcomes-side img{order:2}
.system-thread{position:relative}
.system-thread:before{position:absolute;top:50%;right:0;left:0;height:1px;background:linear-gradient(90deg,#9db4ff,#d8deea,#9db4ff);content:""}
.system-thread i{position:absolute;width:6px;height:6px;border:1px solid #7192ff;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(61,102,255,.07)}
.system-thread i:nth-child(1){top:13%;}.system-thread i:nth-child(2){top:37%}.system-thread i:nth-child(3){top:61%}.system-thread i:nth-child(4){top:85%}
.thread-in i{right:12%}.thread-out i{left:12%}
.system-link{position:relative;display:grid;place-items:center;min-height:190px;border:1px solid #ced8f2;padding:24px;background:linear-gradient(145deg,#fff,#f6f8ff);box-shadow:0 25px 70px rgba(40,60,104,.11)}
.system-link:before,.system-link:after{position:absolute;width:12px;height:12px;border-color:#7b99f8;content:""}.system-link:before{top:-1px;right:-1px;border-top:2px solid;border-right:2px solid}.system-link:after{bottom:-1px;left:-1px;border-bottom:2px solid;border-left:2px solid}
.link-seal{position:absolute;top:-24px;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--blue);box-shadow:0 10px 24px rgba(41,92,255,.25)}
.link-seal img{width:22px;filter:brightness(0) invert(1)}
.system-link small{margin-top:10px;color:#8c95a4;font-size:10px}
.system-link strong{color:#162341;font:700 clamp(17px,2.1vw,25px)/1.4 ui-monospace,"SFMono-Regular",Consolas,monospace;letter-spacing:-1px}
.system-link strong span{color:#8f99aa;font-weight:500}
.system-link p{margin:3px 0 0;color:#667288;font-size:11px}
.system-pulse{position:absolute;right:50%;bottom:-4px;width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 7px rgba(41,92,255,.08);animation:pulse 2.4s infinite}
.hero-principles{display:grid;grid-template-columns:repeat(4,1fr);width:var(--shell);margin:34px auto 0;color:#5f6879;font-size:11px}
.hero-principles span{display:flex;align-items:center;gap:12px;border-left:1px solid #dfe3ea;padding:0 22px}.hero-principles span:last-child{border-left:0}.hero-principles b{color:#a2a9b5;font:600 10px/1 Arial,sans-serif}

.section-shell{width:var(--shell);margin:0 auto}
.thesis-section{padding:150px 0 125px;background:#f5f7fa}
.thesis-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:100px;align-items:start}
.thesis-grid h2,.link-copy h2,.rules-copy h2,.core-copy h2,.section-heading h2,.final-section-v2 h2{margin:0;font-size:clamp(42px,5vw,70px);font-weight:900;line-height:1.55;letter-spacing:-2.6px}
.thesis-grid h2 span,.link-copy h2 span,.rules-copy h2 span,.core-copy h2 span{color:var(--blue)}
.thesis-copy{padding-top:8px}.thesis-copy p{margin:0 0 20px;color:#5f697b;font-size:16px;line-height:2.15}.thesis-copy p:last-child{color:#202733;font-weight:700}
.thesis-rail{display:flex;align-items:center;direction:ltr;margin-top:90px;color:#7a8597;font:700 10px/1 Arial,sans-serif;letter-spacing:1.8px}
.thesis-rail i{height:1px;flex:1;margin:0 18px;background:linear-gradient(90deg,#cdd4df,#6d8fff)}

.link-section{padding:150px 0;background:#fff}
.link-layout,.rules-layout,.core-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:100px;align-items:center}
.link-copy>p:not(.section-index),.rules-copy>p,.core-copy>p{margin:26px 0 0;color:var(--muted);font-size:16px;line-height:2.15}
.link-facts{display:grid;gap:0;margin:34px 0 0;padding:0;list-style:none}
.link-facts li{display:grid;grid-template-columns:76px 1fr;gap:20px;border-top:1px solid var(--line);padding:17px 0;color:#697386;font-size:13px}.link-facts li:last-child{border-bottom:1px solid var(--line)}.link-facts b{color:#1f2632}
.link-blueprint{position:relative;border:1px solid #d8dfeb;padding:26px;background:#f9fafc;box-shadow:24px 30px 0 #edf1f7}
.blueprint-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;color:#7a8496;font:700 10px/1.4 Arial,sans-serif;letter-spacing:1px}
.live-state{display:flex;align-items:center;gap:6px;color:#24885a;font-family:Vazirmatn}.live-state i{width:6px;height:6px;border-radius:50%;background:#2aaa70;box-shadow:0 0 0 4px rgba(42,170,112,.1)}
.blueprint-address{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border:1px solid #ccd7ef;padding:14px;background:#fff}
.blueprint-icon{display:grid;place-items:center;width:43px;height:43px;background:var(--blue)}.blueprint-icon img{width:20px;filter:brightness(0) invert(1)}
.blueprint-address>div{display:grid;gap:2px;min-width:0}.blueprint-address small{color:#9aa2af;font-size:10px}.blueprint-address strong{overflow:hidden;color:#172343;font:700 clamp(13px,1.7vw,18px)/1.5 ui-monospace,"SFMono-Regular",Consolas,monospace;text-overflow:ellipsis}
.blueprint-address button{min-width:54px;min-height:39px;border:1px solid #d9dfea;color:#566174;background:#fff;font-size:11px;font-weight:700;cursor:pointer}.blueprint-address button:hover{border-color:#8ca7fb;color:var(--blue)}
.blueprint-context{display:grid;grid-template-columns:1fr 1fr;margin-top:18px;border-top:1px solid #dfe4eb;border-right:1px solid #dfe4eb}
.blueprint-context p{display:grid;gap:4px;margin:0;border-bottom:1px solid #dfe4eb;border-left:1px solid #dfe4eb;padding:16px}.blueprint-context span{color:#949dab;font-size:9px}.blueprint-context b{font-size:12px}
.blueprint-route{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:18px;padding:16px;color:#647085;background:#eef2f8;font-size:11px}.blueprint-route strong{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#fff;background:var(--blue);font-size:17px}.blueprint-route i{color:#9aa6ba;font-style:normal}
.channel-switcher{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.channel-switcher button{min-height:39px;border:1px solid #d9dfe8;padding:7px 12px;color:#667184;background:#fff;font-size:10px;font-weight:700;cursor:pointer}.channel-switcher button.active{border-color:#1e2d4b;color:#fff;background:#1e2d4b}.copy-status{position:absolute;bottom:-36px;right:0;margin:0;color:#258357;font-size:11px}

.experiences-section{padding:140px 0 155px;background:#f5f7fa}
.section-heading{max-width:780px;margin-bottom:60px}.section-heading>p:not(.section-index){max-width:650px;margin:20px 0 0;color:var(--muted);font-size:16px}
.experience-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}
.experience-card{min-width:0;background:#fff;overflow:hidden}.experience-media{position:relative;height:520px;overflow:hidden}.experience-media>img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.experience-card:hover .experience-media>img{transform:scale(1.025)}
.live-chip{position:absolute;top:22px;right:22px;display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:7px 11px;color:#fff;background:rgba(7,17,31,.65);font-size:11px;backdrop-filter:blur(12px)}.live-chip i{width:6px;height:6px;border-radius:50%;background:#ff4562;box-shadow:0 0 0 4px rgba(255,69,98,.18)}
.pinned-product{position:absolute;right:22px;bottom:22px;left:22px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:11px;color:#fff;background:rgba(7,17,31,.82);backdrop-filter:blur(15px)}.pinned-product>img{width:52px;height:52px;object-fit:cover}.pinned-product>span{display:grid}.pinned-product small{color:#aebbd0;font-size:9px}.pinned-product b{font-size:12px}.pinned-product>strong{font-size:20px}
.qr-experience .experience-media>img{object-position:center 48%}.qr-card{position:absolute;bottom:26px;left:24px;display:grid;justify-items:center;width:180px;padding:14px;color:#101828;background:#fff;box-shadow:0 25px 50px rgba(6,17,33,.22);transform:rotate(-3deg)}.qr-card>span{justify-self:start;font:900 18px/1 Arial,sans-serif}.qr-card img{width:105px;margin:10px 0}.qr-card strong{font-size:10px}
.experience-copy{min-height:250px;padding:34px 36px 40px}.experience-copy>span{color:#7990bb;font:700 9px/1 Arial,sans-serif;letter-spacing:1.6px}.experience-copy h3{margin:16px 0 8px;font-size:25px;line-height:1.7}.experience-copy p{margin:0;color:var(--muted);font-size:13px;line-height:2}

.rules-section{padding:150px 0;background:#fff}
.rules-layout{grid-template-columns:.85fr 1.15fr}
.inline-link{display:inline-flex;align-items:center;gap:24px;margin-top:30px;color:var(--blue);font-size:13px;font-weight:700}.inline-link span{font-size:19px}.inline-link:hover{color:var(--blue-dark)}
.rule-canvas{position:relative;display:grid;justify-items:center;padding:20px 80px}
.rule-canvas:before{position:absolute;inset:0;background:linear-gradient(rgba(42,72,130,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(42,72,130,.055) 1px,transparent 1px);background-size:24px 24px;content:"";mask-image:linear-gradient(transparent,#000 16%,#000 84%,transparent)}
.rule-node{position:relative;z-index:1;display:grid;width:min(100%,390px);border:1px solid #d8dfea;padding:20px 22px;background:#fff;box-shadow:0 15px 35px rgba(32,48,78,.08)}.rule-node small{color:#8d96a5;font-size:9px}.rule-node b{margin-top:3px;font-size:15px}.rule-node span{margin-top:5px;color:#6d7789;font-size:11px}.rule-node.condition{border-right:3px solid #315fff}.rule-node.action{border-right:3px solid #21a66d}.rule-node.fallback{border-right:3px solid #9ca5b3}
.rule-connector{position:relative;z-index:1;width:1px;height:55px;background:#8eabff}.rule-connector:after{position:absolute;bottom:-1px;left:-3px;width:7px;height:7px;border-radius:50%;background:var(--blue);content:""}.rule-connector span{position:absolute;top:18px;right:14px;color:#5573cb;font-size:9px;font-style:normal;white-space:nowrap}.rule-connector.muted{background:#c9ced7}.rule-connector.muted:after{background:#9ba3b0}.rule-connector.muted span{color:#9098a5}

.core-section-v2{position:relative;isolation:isolate;padding:155px 0;color:#fff;background:var(--night);overflow:hidden}
.core-section-v2:before{position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 74% 48%,rgba(55,106,255,.22),transparent 34%),linear-gradient(90deg,rgba(5,12,22,.94),rgba(5,12,22,.62));content:""}
.core-art-v2{position:absolute;z-index:-2;top:0;right:42%;width:70%;height:100%;object-fit:cover;object-position:center;opacity:.35;mask-image:linear-gradient(90deg,transparent,#000 35%,#000 70%,transparent)}
.core-layout{grid-template-columns:.85fr 1.15fr;min-height:600px}
.core-copy .section-index{color:#8194b3}.core-copy h2 span{color:#8bb0ff}.core-copy>p{color:#a9b7cb}.core-button{margin-top:30px;border-color:rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.06)}.core-button:hover{border-color:#fff;background:#fff;color:#121d31;transform:translateY(-2px)}
.core-orbit{position:relative;justify-self:end;width:min(100%,650px);aspect-ratio:1}
.orbit-ring{position:absolute;border:1px solid rgba(130,165,235,.25);border-radius:50%}.orbit-one{inset:9%}.orbit-two{inset:27%;border-color:rgba(130,165,235,.4)}
.orbit-one:before,.orbit-two:before{position:absolute;inset:-1px;border-top:1px solid #8bb0ff;border-radius:50%;content:"";animation:orbit 10s linear infinite}.orbit-two:before{border-top-color:#fff;animation-direction:reverse;animation-duration:7s}
.orbit-center{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:128px;height:128px;border:1px solid rgba(255,255,255,.35);border-radius:35px;background:linear-gradient(145deg,#7ba6ff,#285cff 64%,#173bc1);box-shadow:0 30px 80px rgba(30,92,255,.35),inset 1px 1px 1px rgba(255,255,255,.45);transform:translate(-50%,-50%) rotate(-4deg)}.orbit-center b{font:900 45px/1 Arial,sans-serif;letter-spacing:-4px}.orbit-center span{font-size:10px}
.orbit-item{position:absolute;display:grid;place-items:center;min-width:82px;min-height:38px;border:1px solid rgba(124,155,208,.33);padding:7px 11px;color:#bdcce3;background:rgba(10,25,46,.76);font-size:11px;backdrop-filter:blur(8px)}
.item-1{top:1%;left:43%}.item-2{top:16%;right:4%}.item-3{top:45%;right:-2%}.item-4{right:9%;bottom:13%}.item-5{bottom:0;left:42%}.item-6{bottom:14%;left:7%}.item-7{top:45%;left:-1%}.item-8{top:16%;left:7%}

.journey-section{padding:135px 0;background:#f5f7fa}.section-heading.compact{max-width:none;margin-bottom:60px}.section-heading.compact h2{font-size:clamp(38px,4.4vw,62px)}
.journey-rail{display:grid;grid-template-columns:repeat(5,1fr);margin:0;padding:0;list-style:none;direction:rtl}.journey-rail li{position:relative;display:flex;align-items:center;gap:13px;border-top:1px solid #cfd6e1;padding:24px 0 0}.journey-rail li:not(:last-child):after{position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:#9aadce;content:""}.journey-rail li:first-child:before{position:absolute;top:-5px;right:0;width:9px;height:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 6px rgba(41,92,255,.1);content:""}.journey-rail>li>span{color:#99a3b1;font:700 10px/1 Arial,sans-serif}.journey-rail div{display:grid}.journey-rail b{font-size:13px}.journey-rail small{margin-top:3px;color:#778194;font-size:10px}

.final-section-v2{position:relative;padding:150px 0;color:#fff;background:var(--blue);overflow:hidden}.final-section-v2 .section-shell{position:relative;z-index:2}.final-section-v2 .section-index{color:#c9d7ff}.final-section-v2 h2{max-width:900px;font-size:clamp(48px,6.5vw,88px);line-height:1.48}.final-section-v2 p{max-width:610px;margin:24px 0 0;color:#dbe4ff;font-size:16px}.final-section-v2 .final-actions{justify-content:flex-start}.primary-button.light{color:#122041;background:#fff;box-shadow:none}.primary-button.light:hover{color:var(--blue);background:#f4f7ff}.quiet-button.dark{border-color:rgba(255,255,255,.38);color:#fff;background:transparent}.quiet-button.dark:hover{border-color:#fff}.final-mark{position:absolute;top:-130px;left:3%;color:rgba(255,255,255,.08);font:400 620px/1 Arial,sans-serif;transform:rotate(-8deg)}

.about-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:110px;padding:20px max(36px,calc((100vw - 1320px)/2));color:#687285;background:#fff;font-size:11px}.about-footer .about-logo{font-size:32px}.about-footer p{margin:0;font-weight:700}.about-footer>span{justify-self:end}

.reveal{opacity:1;transform:none}.reveal.is-visible{animation:reveal .72s var(--ease) both}
@keyframes reveal{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 7px rgba(41,92,255,.08)}50%{box-shadow:0 0 0 14px rgba(41,92,255,0)}}
@keyframes orbit{to{transform:rotate(360deg)}}

@media(max-width:1100px){
  :root{--shell:min(100% - 48px,1000px)}
  .about-header{padding-inline:24px}.about-header nav{gap:18px}.account-actions .search-action{display:none}
  .about-hero{min-height:900px}
  .link-system{width:calc(100% - 48px)}
  .system-caption{grid-template-columns:130px 1fr 130px}.system-grid{grid-template-columns:130px minmax(20px,1fr) minmax(330px,430px) minmax(20px,1fr) 130px}
  .thesis-grid,.link-layout,.rules-layout{gap:55px}.link-layout{grid-template-columns:.8fr 1.2fr}.rules-layout{grid-template-columns:.9fr 1.1fr}
  .experience-media{height:460px}.core-layout{gap:30px}.core-orbit{width:560px}
}

@media(max-width:820px){
  :root{--shell:calc(100% - 40px)}
  html{scroll-padding-top:82px}
  .about-header{grid-template-columns:auto 1fr auto;min-height:74px;padding-inline:20px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px)}
  .about-logo{font-size:34px}.nav-toggle{display:block;justify-self:center}.about-header nav{position:absolute;top:74px;right:20px;left:20px;display:none;align-items:stretch;flex-direction:column;gap:0;border:1px solid var(--line);padding:8px;background:#fff;box-shadow:0 18px 45px rgba(20,31,51,.14)}.about-header nav.is-open{display:flex}.about-header nav a{min-height:48px;padding:11px 14px;border-bottom:1px solid #edf0f4}.about-header nav a:last-child{border-bottom:0}
  .account-actions{gap:2px}.register-action{min-height:42px!important;padding-inline:14px!important;font-size:11px!important}.register-action span{display:none}
  .about-hero{min-height:0;padding-top:135px}.hero-copy h1{font-size:clamp(46px,10vw,68px);letter-spacing:-2.6px}.hero-lead{font-size:15px}
  .link-system{margin-top:70px;padding-top:42px}.system-caption{display:none}.system-grid{grid-template-columns:1fr;gap:16px}.system-thread{height:28px}.system-thread:before{top:0;bottom:0;right:50%;left:auto;width:1px;height:auto;background:linear-gradient(#9db4ff,#d8deea)}.system-thread i{display:none}
  .system-side{grid-template-columns:repeat(4,1fr);gap:5px}.system-side>span{justify-content:center;min-height:54px;padding:6px 4px;font-size:9px}.system-side img{width:17px}.outcomes-side>span{justify-content:center}.outcomes-side img{order:0}.system-link{min-height:170px}.system-link strong{font-size:18px}
  .hero-principles{grid-template-columns:1fr 1fr;margin-bottom:45px}.hero-principles span{min-height:42px;border-bottom:1px solid #e1e5eb}.hero-principles span:nth-child(2){border-left:0}
  .thesis-section,.link-section,.experiences-section,.rules-section,.core-section-v2,.journey-section,.final-section-v2{padding-block:100px}
  .thesis-grid,.link-layout,.rules-layout,.core-layout{grid-template-columns:1fr;gap:55px}.thesis-grid h2,.link-copy h2,.rules-copy h2,.core-copy h2,.section-heading h2{font-size:clamp(38px,8vw,55px)}.thesis-rail{margin-top:55px}.link-blueprint{box-shadow:12px 14px 0 #edf1f7}
  .experience-grid{grid-template-columns:1fr}.experience-media{height:500px}.qr-experience .experience-media{height:560px}
  .rule-canvas{padding-inline:30px}.core-layout{min-height:0}.core-orbit{justify-self:center;width:min(100%,600px)}.core-art-v2{right:0;width:100%;opacity:.16}
  .journey-rail{grid-template-columns:1fr}.journey-rail li{min-height:90px;border-top:0;border-right:1px solid #cfd6e1;padding:0 25px}.journey-rail li:not(:last-child):after{top:auto;right:-4px;bottom:0;left:auto}.journey-rail li:first-child:before{top:0;right:-5px}
}

@media(max-width:540px){
  :root{--shell:calc(100% - 32px)}
  .about-header{padding-inline:16px}.about-logo{font-size:31px}.register-action{padding-inline:11px!important}.nav-toggle{width:40px}
  .about-hero{padding-top:122px}.hero-copy{text-align:right}.hero-copy .eyebrow{justify-content:flex-start}.hero-copy h1{font-size:clamp(40px,13vw,58px);line-height:1.5;letter-spacing:-2px}.hero-lead{font-size:14px;line-height:2}.hero-actions{align-items:stretch;flex-direction:column}.primary-button,.quiet-button{width:100%;min-height:52px}
  .link-system{width:calc(100% - 24px);margin-top:62px;padding-inline:8px}.system-side{grid-template-columns:1fr 1fr}.system-side>span{font-size:10px}.system-link{padding-inline:10px}.system-link strong{font-size:14px;letter-spacing:-.7px}.system-link p{font-size:9px}
  .hero-principles{width:calc(100% - 32px);font-size:10px}.hero-principles span{padding-inline:9px;gap:7px}
  .thesis-section,.link-section,.experiences-section,.rules-section,.core-section-v2,.journey-section,.final-section-v2{padding-block:78px}
  .section-index{font-size:9px}.thesis-grid h2,.link-copy h2,.rules-copy h2,.core-copy h2,.section-heading h2{font-size:35px;line-height:1.65;letter-spacing:-1.5px}.thesis-copy p,.link-copy>p:not(.section-index),.rules-copy>p,.core-copy>p,.section-heading>p:not(.section-index){font-size:14px}.thesis-rail{gap:0;overflow:hidden}.thesis-rail i{min-width:18px;margin-inline:8px}.thesis-rail span{font-size:8px}
  .link-blueprint{padding:15px;box-shadow:8px 9px 0 #edf1f7}.blueprint-address{grid-template-columns:auto 1fr;padding:10px}.blueprint-address button{grid-column:1/-1;width:100%}.blueprint-context{grid-template-columns:1fr}.blueprint-route{gap:9px;padding-inline:7px}.channel-switcher button{flex:1}.copy-status{bottom:-32px}
  .section-heading{margin-bottom:38px}.experience-media{height:370px}.qr-experience .experience-media{height:430px}.qr-card{left:15px;bottom:18px;width:145px}.qr-card img{width:80px}.experience-copy{min-height:0;padding:27px 22px 31px}.experience-copy h3{font-size:21px}.pinned-product{right:14px;bottom:14px;left:14px}.pinned-product>strong{font-size:16px}
  .rule-canvas{padding:10px 0}.rule-node{padding:17px}.rule-connector span{right:10px}.core-orbit{width:calc(100% + 20px);margin-right:-10px}.orbit-center{width:88px;height:88px;border-radius:25px}.orbit-center b{font-size:31px}.orbit-item{min-width:64px;min-height:32px;padding:5px 7px;font-size:9px}.item-2{right:0}.item-3{right:-1%}.item-7{left:-1%}.item-8{left:0}
  .final-section-v2 h2{font-size:42px;letter-spacing:-2px}.final-actions{align-items:stretch;flex-direction:column}.final-mark{font-size:420px;left:-18%}
  .about-footer{grid-template-columns:1fr auto;gap:18px;min-height:120px;padding-inline:18px}.about-footer p{grid-column:1/-1;grid-row:2}.about-footer>span{font-size:9px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.reveal.is-visible{animation:none}.system-pulse,.orbit-one:before,.orbit-two:before{animation:none}.experience-media>img,.primary-button,.quiet-button,.core-button{transition:none}}
@media(prefers-reduced-transparency:reduce){.about-header,.pinned-product,.live-chip,.orbit-item{backdrop-filter:none}}