/* Premium product presentation layer */
.apple-products-hero,.download-hero,.detail-hero{position:relative;overflow:hidden;text-align:center;padding:118px 0 92px;background:var(--paper)}
.apple-products-hero:before,.download-hero:before,.detail-hero:before{content:"";position:absolute;inset:-180px 0 auto;height:430px;background:radial-gradient(circle at 50% 45%,rgba(99,102,241,.13),transparent 56%);pointer-events:none}
.apple-products-hero .wrap,.download-hero .wrap,.detail-hero .wrap{position:relative;z-index:1}
.apple-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-size:.76rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.apple-kicker:before{content:"";width:20px;height:2px;background:currentColor}
.apple-display{font-size:clamp(3.5rem,7.2vw,7rem);line-height:.92;letter-spacing:-.075em;max-width:1080px;margin:20px auto 28px}
.apple-lede{max-width:760px;margin:0 auto;color:var(--muted);font-size:clamp(1.05rem,1.7vw,1.28rem);line-height:1.55}
.apple-inline-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:30px}
.apple-text-link{color:var(--primary);font-weight:700}.apple-text-link:hover{text-decoration:underline}
.product-theater{padding:22px 0 110px}.product-theater+.product-theater{padding-top:0}
.theater-shell{border-radius:42px;overflow:hidden;position:relative;min-height:760px;padding:64px;background:#f5f5f7}
.raad-theater .theater-shell{background:linear-gradient(145deg,#f5f5f7 0%,#eeeefe 100%)}
.connect-theater .theater-shell{background:linear-gradient(145deg,#eef7f9 0%,#f5f5f7 100%)}
.theater-header{text-align:center;max-width:840px;margin:0 auto 48px}
.product-mark{display:inline-flex;align-items:center;gap:9px;font-size:.78rem;font-weight:800;color:var(--primary);letter-spacing:.08em;text-transform:uppercase}
.theater-header h2{font-size:clamp(3rem,6vw,5.8rem);line-height:.95;letter-spacing:-.065em;margin:12px 0 18px}
.theater-header p{font-size:1.12rem;color:var(--muted);max-width:680px;margin:0 auto}
.theater-actions{display:flex;justify-content:center;gap:11px;flex-wrap:wrap;margin-top:24px}
.theater-stage{position:relative;max-width:1040px;margin:0 auto;perspective:1400px}
.stage-window{position:relative;border-radius:26px;background:#fff;border:1px solid rgba(12,16,32,.08);box-shadow:0 40px 100px rgba(18,16,70,.16),0 8px 24px rgba(18,16,70,.08);overflow:hidden;transform:rotateX(1.5deg)}
.stage-toolbar{height:52px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid #ececf1;background:rgba(251,251,253,.94);gap:7px}
.stage-dot{width:10px;height:10px;border-radius:50%;background:#d7d7dd}.stage-dot:nth-child(1){background:#ff5f57}.stage-dot:nth-child(2){background:#febc2e}.stage-dot:nth-child(3){background:#28c840}
.stage-title{margin-inline:auto;font-size:.72rem;font-weight:700;color:#777b89;padding-inline:44px}
.stage-body{display:grid;grid-template-columns:220px 1fr;min-height:470px}
.genydl-sidebar{padding:24px 16px;background:#f7f7fa;border-inline-end:1px solid #ececf1}.genydl-sidebar strong{display:block;font-size:.76rem;margin:0 10px 15px;color:#646978}
.sidebar-item{height:38px;border-radius:10px;margin:5px 0;padding:0 11px;display:flex;align-items:center;gap:9px;color:#7a7f8f;font-size:.75rem}.sidebar-item.active{background:#ebeafd;color:#4e50cf;font-weight:700}
.sidebar-icon{width:9px;height:9px;border:2px solid currentColor;border-radius:50%}
.download-list-ui{padding:28px 30px;background:#fff}.download-list-ui-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.download-list-ui-head h3{font-size:1.35rem;margin:0;letter-spacing:-.035em}.download-list-ui-head span{font-size:.72rem;color:#8b8f9c}
.download-row-ui{padding:16px 0;border-top:1px solid #eff0f3}.download-row-ui:first-of-type{border-top:0}.row-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.row-file{font-size:.8rem;font-weight:700}.row-state{font-size:.7rem;color:#777d8c}.row-progress{height:7px;margin-top:10px;border-radius:99px;background:#eeeef3;overflow:hidden}.row-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6366f1,#8b5cf6)}
.row-progress.p1>span{width:78%}.row-progress.p2>span{width:51%}.row-progress.p3>span{width:91%}
.stage-foot{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ececf1;background:#fbfbfd}.stage-foot div{padding:17px 20px;border-inline-end:1px solid #ececf1}.stage-foot div:last-child{border:0}.stage-foot span{display:block;font-size:.64rem;color:#8b8f9b}.stage-foot strong{font-size:.78rem}
.connect-stage{min-height:540px;background:radial-gradient(circle at 50% 48%,rgba(82,203,224,.14),transparent 26%),linear-gradient(145deg,#071c2a,#0d455b 62%,#12617a);border-radius:30px;box-shadow:0 40px 100px rgba(5,42,56,.22);overflow:hidden;position:relative;color:#fff}
.connect-stage:before,.connect-stage:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.12);left:50%;top:50%;transform:translate(-50%,-50%)}.connect-stage:before{width:420px;height:420px}.connect-stage:after{width:290px;height:290px}
.connect-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at 50% 50%,#000 0,transparent 70%)}
.connect-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:128px;height:128px;border-radius:36px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(16px);display:grid;place-items:center;z-index:2;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.connect-core:before{content:"";width:54px;height:54px;border-radius:50%;background:linear-gradient(145deg,#8ff0ff,#6e66ff);box-shadow:0 0 45px rgba(123,222,255,.55)}
.map-node{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:rgba(8,22,34,.68);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(12px);font-size:.72rem}.map-node:before{content:"";width:7px;height:7px;border-radius:50%;background:#8ef4c6;box-shadow:0 0 12px #8ef4c6}.node-a{left:13%;top:22%}.node-b{right:12%;top:27%}.node-c{left:16%;bottom:18%}.node-d{right:15%;bottom:20%}
.connect-status{position:absolute;left:30px;right:30px;bottom:28px;display:flex;justify-content:space-between;gap:15px;padding:18px 20px;border-radius:18px;background:rgba(5,16,27,.58);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px);z-index:3}.connect-status span{display:block;font-size:.65rem;color:#a9c7d1}.connect-status strong{font-size:.8rem}
.product-spec-strip{display:grid;grid-template-columns:repeat(4,1fr);max-width:1040px;margin:28px auto 0;border-top:1px solid rgba(10,13,26,.1)}.product-spec-strip div{padding:22px 18px;text-align:center}.product-spec-strip span{display:block;color:var(--muted);font-size:.7rem}.product-spec-strip strong{display:block;margin-top:3px;font-size:.84rem}
.product-philosophy{padding:112px 0}.philosophy-head{text-align:center;max-width:820px;margin:0 auto 54px}.philosophy-head h2{font-size:clamp(2.8rem,5.5vw,5rem);line-height:.98;letter-spacing:-.06em;margin:12px 0 18px}.philosophy-head p{color:var(--muted);font-size:1.08rem}.principles-premium{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.principle-tile{min-height:360px;border-radius:34px;padding:38px;background:var(--soft);position:relative;overflow:hidden}.principle-tile.dark{background:linear-gradient(145deg,#0d0b27,#19124e);color:#fff}.principle-tile h3{font-size:2rem;letter-spacing:-.045em;margin:10px 0}.principle-tile p{color:var(--muted);max-width:520px}.principle-tile.dark p{color:#c6c7da}.principle-number{position:absolute;right:28px;bottom:15px;font-size:8rem;line-height:1;font-weight:800;letter-spacing:-.08em;color:rgba(99,102,241,.08)}.principle-tile.dark .principle-number{color:rgba(255,255,255,.07)}
.download-cta-premium{padding:0 0 112px}.download-cta-shell{min-height:420px;border-radius:42px;background:linear-gradient(135deg,#0b0734,#3220a1 58%,#6157ef);color:#fff;padding:62px;display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:50px;position:relative;overflow:hidden;box-shadow:0 35px 100px rgba(49,42,159,.22)}
.download-cta-shell:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;right:-130px;top:-180px;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 0 70px rgba(255,255,255,.025),inset 0 0 0 140px rgba(255,255,255,.025)}
.download-cta-shell h2{font-size:clamp(3rem,5.8vw,5.3rem);line-height:.95;letter-spacing:-.065em;margin:10px 0;position:relative}.download-cta-copy{position:relative;max-width:410px;justify-self:end}.download-cta-copy p{color:#d8d9ed;font-size:1.06rem}.download-cta-copy .button{background:#fff;color:#11132a;box-shadow:none}
.download-hero{padding-bottom:72px}.download-hero .apple-display{max-width:950px}.detected-pill{display:inline-flex;align-items:center;gap:9px;margin-top:30px;padding:9px 14px;border-radius:999px;background:var(--soft);border:1px solid var(--line);font-size:.8rem}.detected-pill:before{content:"";width:8px;height:8px;border-radius:50%;background:#30c879;box-shadow:0 0 0 5px rgba(48,200,121,.1)}
.platform-picker-wrap{padding:0 0 42px}.platform-picker{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.platform-chip{padding:10px 16px;border-radius:999px;background:var(--paper);border:1px solid var(--line);font-size:.82rem;font-weight:700;color:var(--muted);transition:.2s}.platform-chip:hover,.platform-chip.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.download-showcase{padding:38px 0 110px;background:var(--soft)}.download-showcase-head{text-align:center;max-width:720px;margin:0 auto 42px}.download-showcase-head h2{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1;letter-spacing:-.055em;margin:10px 0 16px}.download-showcase-head p{color:var(--muted);margin:0}
.download-product-premium{max-width:1040px;margin:0 auto 20px;background:var(--paper);border:1px solid var(--line);border-radius:34px;padding:34px 36px;box-shadow:0 18px 60px rgba(15,15,50,.055)}.download-product-top{display:flex;justify-content:space-between;align-items:flex-start;gap:28px}.download-product-name{display:flex;gap:16px;align-items:center}.download-app-icon{width:60px;height:60px;border-radius:17px;background:linear-gradient(145deg,#17104f,#5f54e8);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 10px 26px rgba(64,55,190,.18);position:relative}.download-app-icon.connect{background:linear-gradient(145deg,#0a2c3c,#1a8aa6)}.download-app-icon:after{content:"";position:absolute;inset:18px;border-radius:50%;border:2px solid rgba(255,255,255,.75)}
.download-product-name h3{font-size:1.65rem;margin:0;letter-spacing:-.04em}.download-product-name p{color:var(--muted);margin:3px 0 0;font-size:.88rem}.download-product-links{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.recommended-build{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin-top:26px;padding:24px 26px;border-radius:24px;background:var(--soft)}.recommended-build small{display:block;color:var(--muted);font-size:.72rem;margin-bottom:4px}.recommended-build strong{font-size:1.25rem;letter-spacing:-.025em}.recommended-build .button{min-width:150px}.unsupported-build{background:linear-gradient(145deg,#f6f6fa,#eeeefa)}
.other-builds-premium{margin-top:18px}.other-builds-premium summary{list-style:none;cursor:pointer;font-size:.9rem;font-weight:800;padding:10px 2px}.other-builds-premium summary::-webkit-details-marker{display:none}.other-builds-premium summary:after{content:"+";float:right;font-size:1.15rem;color:var(--muted)}.other-builds-premium[open] summary:after{content:"−"}.other-build-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:10px}.other-build-grid a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 16px;border-radius:16px;border:1px solid var(--line);transition:.2s}.other-build-grid a:hover{background:var(--soft);border-color:#d7d8e0}.other-build-grid span{font-size:.82rem;font-weight:700}.other-build-grid small{color:var(--muted);font-size:.7rem}
.download-trust{padding:105px 0}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.trust-card{padding:32px;border-radius:28px;background:var(--soft);min-height:230px}.trust-index{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--paper);border:1px solid var(--line);font-size:.7rem;font-weight:800;color:var(--primary)}.trust-card h3{font-size:1.35rem;letter-spacing:-.035em;margin:40px 0 10px}.trust-card p{color:var(--muted);margin:0;font-size:.92rem}
.product-local-nav{position:sticky;top:112px;z-index:30;background:rgba(255,255,255,.83);border-bottom:1px solid rgba(120,124,145,.14);backdrop-filter:blur(20px)}html[data-theme="dark"] .product-local-nav{background:rgba(14,16,32,.84)}.product-local-nav .local-wrap{width:min(calc(100% - 40px),var(--max));height:54px;margin:auto;display:flex;align-items:center;gap:22px}.local-product-name{font-weight:800;letter-spacing:-.025em}.local-links{margin-inline-start:auto;display:flex;align-items:center;gap:20px}.local-links a{font-size:.78rem;color:var(--muted);font-weight:650}.local-links .local-download{color:#fff;background:var(--primary);padding:7px 13px;border-radius:999px}
.detail-hero{padding-top:96px}.detail-hero .apple-display{max-width:1060px}.detail-product-name{display:block;font-size:clamp(1.35rem,2vw,1.65rem);font-weight:800;margin-bottom:18px}.detail-hero .apple-inline-actions{margin-top:28px}.detail-visual{padding:0 0 112px}.detail-visual .theater-stage{max-width:1100px}.detail-facts-premium{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:26px;overflow:hidden;margin-top:28px}.detail-facts-premium article{background:var(--paper);padding:24px}.detail-facts-premium span{display:block;color:var(--muted);font-size:.72rem;margin-bottom:5px}.detail-facts-premium strong{font-size:.92rem}
.feature-story{padding:112px 0;background:var(--soft)}.feature-story-head{max-width:820px;margin-bottom:48px}.feature-story-head h2{font-size:clamp(2.8rem,5vw,4.8rem);line-height:1;letter-spacing:-.058em;margin:12px 0}.feature-story-head p{color:var(--muted);font-size:1.06rem}.feature-bento{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.feature-panel{border-radius:32px;background:var(--paper);padding:36px;min-height:390px;position:relative;overflow:hidden}.feature-panel.dark{background:linear-gradient(145deg,#0d0b2e,#28206e);color:#fff}.feature-panel h3{font-size:1.8rem;letter-spacing:-.04em;margin:0 0 18px}.feature-panel ul{margin:0;padding-inline-start:20px}.feature-panel li{color:var(--muted);margin:11px 0}.feature-panel.dark li{color:#c7c9e3}.feature-orb{position:absolute;width:240px;height:240px;border-radius:50%;right:-70px;bottom:-80px;border:1px solid rgba(99,102,241,.18);box-shadow:inset 0 0 0 38px rgba(99,102,241,.045),inset 0 0 0 78px rgba(99,102,241,.04)}
.detail-engineering{padding:112px 0}.engineering-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.engineering-card{padding:32px;border-top:1px solid var(--line)}.engineering-card h3{font-size:1.35rem;letter-spacing:-.035em;margin:18px 0 10px}.engineering-card p{color:var(--muted);margin:0}.engineering-card .apple-kicker{font-size:.68rem}
.detail-download{padding:0 0 112px}.detail-download-shell{border-radius:38px;padding:54px;background:linear-gradient(145deg,#f2f2f7,#fafafd);display:grid;grid-template-columns:1fr auto;align-items:center;gap:34px}.detail-download-shell h2{font-size:clamp(2.5rem,4.5vw,4rem);line-height:1;letter-spacing:-.055em;margin:8px 0 12px}.detail-download-shell p{color:var(--muted);margin:0}.detail-download-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
html[data-theme="dark"] .theater-shell,html[data-theme="dark"] .recommended-build,html[data-theme="dark"] .trust-card,html[data-theme="dark"] .principle-tile:not(.dark),html[data-theme="dark"] .detail-download-shell{background:#151729}html[data-theme="dark"] .stage-window,html[data-theme="dark"] .download-list-ui{background:#0f1120;border-color:#282a3b}html[data-theme="dark"] .stage-toolbar,html[data-theme="dark"] .stage-foot{background:#141625;border-color:#292b3d}html[data-theme="dark"] .genydl-sidebar{background:#121422;border-color:#292b3d}html[data-theme="dark"] .sidebar-item.active{background:#28274a}html[data-theme="dark"] .download-row-ui,html[data-theme="dark"] .stage-foot div{border-color:#292b3d}html[data-theme="dark"] .row-progress{background:#2b2d3e}html[data-theme="dark"] .download-product-premium{box-shadow:none}
html[dir="rtl"] .apple-display{letter-spacing:-.045em}html[dir="rtl"] .theater-header,html[dir="rtl"] .philosophy-head,html[dir="rtl"] .download-showcase-head{text-align:center}html[dir="rtl"] .download-product-premium,html[dir="rtl"] .feature-story-head,html[dir="rtl"] .feature-panel,html[dir="rtl"] .engineering-card{text-align:right}html[dir="rtl"] .other-builds-premium summary:after{float:left}html[dir="rtl"] .principle-number{right:auto;left:28px}html[dir="rtl"] .download-cta-shell:before{right:auto;left:-130px}html[dir="rtl"] .stage-body,html[dir="rtl"] .stage-toolbar,html[dir="rtl"] .download-list-ui{direction:ltr;text-align:left}
@media (max-width:980px){.apple-products-hero,.download-hero,.detail-hero{padding:88px 0 68px}.product-theater{padding-bottom:78px}.theater-shell{padding:46px 28px;min-height:0}.stage-body{grid-template-columns:170px 1fr}.product-spec-strip{grid-template-columns:repeat(2,1fr)}.principles-premium,.download-cta-shell,.feature-bento{grid-template-columns:1fr}.download-cta-copy{justify-self:start}.download-product-top{display:block}.download-product-links{justify-content:flex-start;margin-top:18px}.trust-grid,.engineering-grid{grid-template-columns:1fr}.product-local-nav{top:104px}.detail-facts-premium{grid-template-columns:1fr}.detail-download-shell{grid-template-columns:1fr}.detail-download-actions{justify-content:flex-start}}
@media (max-width:640px){.apple-products-hero,.download-hero,.detail-hero{padding:70px 0 54px}.apple-display{font-size:clamp(3rem,15vw,4.7rem);letter-spacing:-.065em}.apple-lede{font-size:1rem}.product-theater{padding:14px 0 62px}.theater-shell{width:calc(100% - 20px);margin-inline:auto;border-radius:30px;padding:36px 14px}.theater-header{margin-bottom:32px;padding:0 8px}.theater-header h2{font-size:clamp(2.7rem,14vw,4rem)}.theater-header p{font-size:.98rem}.stage-window{border-radius:19px}.stage-toolbar{height:42px}.stage-body{grid-template-columns:1fr;min-height:0}.genydl-sidebar{display:none}.download-list-ui{padding:20px 16px}.stage-foot{grid-template-columns:1fr}.stage-foot div{border-inline-end:0;border-bottom:1px solid #ececf1}.connect-stage{min-height:440px;border-radius:22px}.connect-stage:before{width:330px;height:330px}.connect-stage:after{width:220px;height:220px}.map-node{font-size:.62rem;padding:7px 9px}.node-a{left:6%;top:18%}.node-b{right:6%;top:22%}.node-c{left:7%;bottom:23%}.node-d{right:7%;bottom:24%}.connect-status{left:14px;right:14px;bottom:14px;padding:14px;display:grid;grid-template-columns:1fr 1fr}.product-spec-strip{grid-template-columns:1fr 1fr;margin-top:20px}.product-spec-strip div{padding:16px 8px}.product-philosophy{padding:76px 0}.principle-tile{min-height:300px;padding:28px}.download-cta-premium{padding-bottom:76px}.download-cta-shell{min-height:0;padding:38px 28px;border-radius:30px}.download-cta-shell h2{font-size:clamp(2.7rem,13vw,4rem)}.platform-picker-wrap{padding-bottom:30px}.download-showcase{padding:22px 0 76px}.download-product-premium{padding:24px 20px;border-radius:27px}.download-product-name{align-items:flex-start}.download-app-icon{width:52px;height:52px;border-radius:15px;flex:0 0 auto}.recommended-build{grid-template-columns:1fr;padding:20px}.recommended-build .button{width:100%}.other-build-grid{grid-template-columns:1fr}.download-trust{padding:76px 0}.product-local-nav{top:104px}.product-local-nav .local-wrap{width:min(calc(100% - 28px),var(--max));height:50px}.local-links a:not(.local-download){display:none}.detail-visual{padding-bottom:76px}.feature-story,.detail-engineering{padding:76px 0}.feature-panel{min-height:330px;padding:28px}.detail-download{padding-bottom:76px}.detail-download-shell{padding:32px 26px;border-radius:30px}.detail-download-actions .button{width:100%}}
@media (prefers-reduced-motion:no-preference){.stage-window,.connect-stage,.download-product-premium,.principle-tile,.feature-panel{transition:transform .35s ease,box-shadow .35s ease}.product-theater:hover .stage-window{transform:rotateX(0) translateY(-3px)}.download-product-premium:hover,.principle-tile:hover,.feature-panel:hover{transform:translateY(-3px)}}

/* v20260916 — product glyph polish */
.download-app-icon{display:grid;place-items:center;width:56px;height:56px;flex:0 0 56px;border-radius:16px;background:linear-gradient(145deg,#004F45,#00A693)!important;border:1px solid color-mix(in srgb,#00A693 58%,#ffffff 10%);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 12px 28px rgba(0,166,147,.14)!important}
.download-app-icon.connect{background:linear-gradient(145deg,#003B35,#008C7C)!important}
.download-app-icon:after{display:none!important}
.download-app-icon svg{width:27px;height:27px;display:block;fill:none;stroke:#f7fffd;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.download-app-icon.connect svg circle{fill:color-mix(in srgb,#A8FFF1 18%,transparent)}
@media(max-width:640px){.download-app-icon{width:50px;height:50px;flex-basis:50px;border-radius:15px}.download-app-icon svg{width:24px;height:24px}}


/* OpenProof product page */
.openproof-product-hero{background:radial-gradient(circle at 78% 8%,color-mix(in srgb,var(--primary) 11%,transparent),transparent 30%)}
.openproof-visual-section{padding-top:28px}
.openproof-architecture{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.72fr) minmax(0,1fr);gap:18px;align-items:stretch;max-width:1120px;margin:0 auto 26px;padding:20px;border:1px solid var(--line);border-radius:30px;background:color-mix(in srgb,var(--soft) 60%,var(--paper))}
.openproof-arch-column{display:grid;align-content:center;gap:9px;min-width:0}
.openproof-arch-label{display:block;margin-bottom:3px;color:var(--muted);font-size:.69rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.openproof-arch-chip{min-height:42px;display:flex;align-items:center;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);font-size:.75rem;font-weight:680}
.openproof-core-card{position:relative;min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px;border-radius:24px;background:linear-gradient(145deg,#071e19,#0b5b47);color:#fff;text-align:center;overflow:hidden}
.openproof-core-card>span{position:relative;z-index:2;color:#8ce7c5;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.openproof-core-card>strong{position:relative;z-index:2;max-width:210px;margin:9px 0 18px;font-size:1.75rem;line-height:1.02;letter-spacing:-.04em}
.openproof-core-card>small{position:relative;z-index:2;max-width:240px;color:#c7ddd5;font-size:.69rem;line-height:1.55}
.openproof-core-ring{position:absolute;width:230px;height:230px;border:1px solid rgba(255,255,255,.14);border-radius:50%}
.openproof-core-ring:before,.openproof-core-ring:after{content:"";position:absolute;inset:30px;border:1px solid rgba(255,255,255,.10);border-radius:50%}
.openproof-core-ring:after{inset:62px}
.openproof-core-ring i{position:absolute;width:8px;height:8px;border-radius:50%;background:#7be3bc;box-shadow:0 0 18px rgba(123,227,188,.75)}
.openproof-core-ring i:nth-child(1){left:13px;top:83px}.openproof-core-ring i:nth-child(2){right:31px;top:28px}.openproof-core-ring i:nth-child(3){right:18px;bottom:57px}
.openproof-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:38px}
.openproof-steps article{min-height:260px;padding:26px 22px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}
.openproof-steps article>span{display:block;color:var(--primary);font-size:.7rem;font-weight:800}
.openproof-steps h3{margin:34px 0 10px;font-size:1.25rem;letter-spacing:-.035em}
.openproof-steps p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.65}
.openproof-provider-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:34px 0}
.openproof-provider-grid span{display:grid;place-items:center;min-height:52px;padding:9px;border:1px solid var(--line);border-radius:14px;background:var(--paper);font-size:.72rem;font-weight:750;text-align:center}
.openproof-provider-notes{margin-top:20px}
.openproof-cta .detail-download-shell{background:linear-gradient(145deg,#071712,#0b3328)!important}
.portfolio-openproof-card{grid-column:span 4;min-height:320px;display:flex;flex-direction:column}
.portfolio-openproof-card p{margin:18px 0;color:var(--muted);line-height:1.6}
.portfolio-openproof-card .portfolio-actions{margin-top:auto}

@media(max-width:980px){
  .openproof-architecture{grid-template-columns:1fr}
  .openproof-core-card{min-height:250px;order:-1}
  .openproof-arch-column{grid-template-columns:repeat(2,minmax(0,1fr))}
  .openproof-arch-label{grid-column:1/-1}
  .openproof-steps{grid-template-columns:1fr 1fr}
  .openproof-provider-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:640px){
  .openproof-architecture{padding:12px;border-radius:22px}
  .openproof-core-card{min-height:220px;border-radius:18px}
  .openproof-arch-column{grid-template-columns:1fr}
  .openproof-steps{grid-template-columns:1fr}
  .openproof-steps article{min-height:0}
  .openproof-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
}


/* OpenProof visual system v2 — 2026-09-21 */
:root{--gl-header-h:58px}
.site-header{min-height:var(--gl-header-h)!important;height:var(--gl-header-h)!important;transform:none!important}
.site-header .nav-shell{height:var(--gl-header-h)!important;min-height:var(--gl-header-h)!important}
.product-local-nav{top:var(--gl-header-h)!important;min-height:52px!important}
.product-local-nav .local-wrap{height:52px!important;min-height:52px!important}
.openproof-local-nav{z-index:38!important;box-shadow:0 1px 0 color-mix(in srgb,var(--line) 88%,transparent)}
.openproof-local-dot{display:inline-block;width:7px;height:7px;margin-inline-end:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 5px color-mix(in srgb,var(--primary) 10%,transparent)}

.openproof-product-page main{overflow:clip}
.opx-hero{position:relative;padding:clamp(72px,9vw,124px) 0 54px;background:
radial-gradient(circle at 78% 35%,color-mix(in srgb,var(--primary) 10%,transparent),transparent 27%),
linear-gradient(180deg,color-mix(in srgb,var(--paper) 97%,var(--soft)),var(--paper))}
.opx-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--ink) 3.5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ink) 3.5%,transparent) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
.opx-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);gap:clamp(42px,7vw,96px);align-items:center}
.opx-hero-copy{position:relative;z-index:2}
.opx-eyebrow{display:flex;align-items:center;gap:9px;color:var(--primary);font-size:.7rem;font-weight:800;letter-spacing:.095em;text-transform:uppercase}
.opx-eyebrow>span{width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 6px color-mix(in srgb,var(--primary) 10%,transparent)}
.opx-hero h1{max-width:750px;margin:20px 0 18px;font-size:clamp(4rem,7.2vw,7.2rem);line-height:.88;letter-spacing:-.072em;text-wrap:balance}
.opx-hero-copy>p{max-width:590px;margin:0;color:var(--muted);font-size:clamp(1rem,1.45vw,1.22rem);line-height:1.65;text-wrap:pretty}
.opx-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:28px}
.opx-actions .button{min-height:44px;padding:0 17px}
.opx-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:42px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--line)}
.opx-meta span{display:grid;gap:4px;padding:14px 15px;background:var(--paper)}
.opx-meta b{font-size:.78rem}.opx-meta small{color:var(--muted);font-size:.62rem}

.opx-identity-stage{position:relative;min-height:590px;border:1px solid color-mix(in srgb,var(--line) 92%,transparent);border-radius:38px;background:linear-gradient(145deg,#07110d,#0a1d16 62%,#092a1f);box-shadow:0 34px 90px rgba(5,24,17,.16);overflow:hidden;isolation:isolate}
.opx-stage-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(131,230,193,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(131,230,193,.055) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle at 50% 50%,#000 0,transparent 74%)}
.opx-identity-stage:before,.opx-identity-stage:after{content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(137,234,198,.15);border-radius:50%;transform:translate(-50%,-50%)}
.opx-identity-stage:before{width:310px;height:310px}.opx-identity-stage:after{width:480px;height:480px;border-color:rgba(137,234,198,.08)}
.opx-core{position:absolute;left:50%;top:50%;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;width:190px;height:190px;padding:24px;border:1px solid rgba(134,238,197,.28);border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,#174f3d,#0a2119 62%);box-shadow:0 0 0 14px rgba(75,222,165,.035),0 28px 58px rgba(0,0,0,.34);text-align:center;color:#fff}
.opx-core-mark{position:relative;width:46px;height:46px;margin-bottom:10px}.opx-core-mark:before,.opx-core-mark:after,.opx-core-mark span,.opx-core-mark i{content:"";position:absolute;border-radius:999px;background:#76e1b9}.opx-core-mark:before{width:9px;height:40px;left:18px;top:3px;transform:rotate(26deg)}.opx-core-mark:after{width:9px;height:32px;left:13px;top:9px;transform:rotate(-42deg)}.opx-core-mark span{width:8px;height:8px;right:3px;top:6px}.opx-core-mark i{width:8px;height:8px;left:3px;bottom:5px}
.opx-core small{color:#7edeba;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.opx-core strong{margin:5px 0 6px;font-size:1rem;line-height:1.15}.opx-core em{color:#91a9a0;font-size:.56rem;font-style:normal}
.opx-orbit{position:absolute;inset:0;z-index:4}.opx-node{position:absolute;display:flex;align-items:center;gap:8px;min-height:42px;padding:7px 11px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(11,26,20,.72);backdrop-filter:blur(14px);box-shadow:0 12px 32px rgba(0,0,0,.18);color:#e8f6f0;font-size:.66rem;font-weight:700}
.opx-node img{width:25px;height:25px;object-fit:contain}.opx-node>i{display:grid;place-items:center;width:25px;height:25px;border-radius:9px;background:rgba(119,229,188,.12);color:#72dbb4;font-size:1rem;font-style:normal}
.node-google{left:8%;top:17%}.node-github{right:8%;top:16%}.node-apple{left:4%;bottom:24%}.node-passkey{right:5%;bottom:24%}.node-wallet{left:22%;top:8%}.node-farcaster{right:20%;top:7%}.node-telegram{left:20%;bottom:9%}.node-enterprise{right:17%;bottom:8%}
.opx-pulse{position:absolute;z-index:2;width:360px;height:360px;border-radius:50%;filter:blur(4px);opacity:.24;background:radial-gradient(circle,color-mix(in srgb,#4ce0a8 30%,transparent),transparent 68%)}.opx-pulse-a{left:-160px;top:-140px}.opx-pulse-b{right:-170px;bottom:-150px}
.opx-stage-caption{position:absolute;left:22px;right:22px;bottom:20px;z-index:6;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:11px 15px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(5,13,10,.55);backdrop-filter:blur(12px);color:#78958a;font-size:.62rem}.opx-stage-caption strong{justify-self:end;color:#a4cbbd}.opx-stage-caption b{color:#5ad6a7}

.opx-proof-strip{padding:0 0 84px;background:var(--paper)}
.opx-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--soft) 62%,var(--paper))}
.opx-flow article{display:flex;align-items:center;gap:12px;min-height:70px;padding:12px 13px;border-radius:16px;background:var(--paper)}
.opx-flow article>span{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border:1px solid var(--line);border-radius:10px;color:var(--primary);font-size:.6rem;font-weight:800}
.opx-flow article>div{display:grid;gap:2px;min-width:0}.opx-flow b{font-size:.78rem}.opx-flow small{overflow:hidden;color:var(--muted);font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}.opx-flow>i{display:block;width:20px;height:1px;background:linear-gradient(90deg,var(--line),var(--primary));position:relative}.opx-flow>i:after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid var(--primary);border-right:1px solid var(--primary);transform:rotate(45deg)}

.opx-bento-section{padding:94px 0;background:var(--soft)}
.opx-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:34px;margin-bottom:38px}.opx-section-head>span{color:var(--primary);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.opx-section-head h2{max-width:760px;margin:0;font-size:clamp(2.9rem,5vw,5.5rem);line-height:.94;letter-spacing:-.06em;text-align:end}.opx-section-head.compact{align-items:center}.opx-section-head.compact h2{font-size:clamp(2.4rem,4vw,4rem)}
.opx-bento{display:grid;grid-template-columns:1.1fr .9fr .9fr;grid-template-rows:290px 260px;gap:14px}
.opx-bento-card{position:relative;overflow:hidden;padding:27px;border:1px solid var(--line);border-radius:26px;background:var(--paper)}
.opx-bento-card h3{max-width:360px;margin:10px 0 0;font-size:clamp(1.55rem,2.4vw,2.45rem);line-height:1.02;letter-spacing:-.045em}.opx-card-kicker{color:var(--primary);font-size:.62rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.opx-bento-primary{grid-row:span 2;background:linear-gradient(145deg,#07110d,#0b2e21);color:#fff;border-color:transparent}.opx-bento-primary .opx-card-kicker{color:#70d9b2}
.opx-link-stack{position:absolute;left:50%;bottom:45px;width:290px;height:300px;transform:translateX(-50%)}.opx-link-stack:before,.opx-link-stack:after{content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(126,225,187,.18);border-radius:50%;transform:translate(-50%,-50%)}.opx-link-stack:before{width:230px;height:230px}.opx-link-stack:after{width:150px;height:150px}
.opx-link-stack>span{position:absolute;z-index:3;display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#10241c;box-shadow:0 12px 28px rgba(0,0,0,.24)}.opx-link-stack>span img{width:31px;height:31px}.opx-link-stack>span:nth-child(1){left:5px;top:58px}.opx-link-stack>span:nth-child(2){right:5px;top:42px}.opx-link-stack>span:nth-child(3){left:31px;bottom:28px}.opx-link-stack>i{position:absolute;left:50%;top:50%;width:112px;height:112px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(80,222,169,.16),transparent 70%)}.opx-link-stack>strong{position:absolute;left:50%;top:50%;z-index:4;display:grid;place-items:center;width:78px;height:78px;border-radius:24px;transform:translate(-50%,-50%);background:#42d39d;color:#062017;font-size:1.2rem;box-shadow:0 0 0 10px rgba(66,211,157,.07)}
.opx-passkey-visual{position:absolute;right:28px;bottom:26px;display:grid;justify-items:center}.opx-passkey-visual>span{display:grid;place-items:center;width:94px;height:94px;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--line));border-radius:30px;background:color-mix(in srgb,var(--primary) 8%,var(--paper));color:var(--primary);font-size:3rem}.opx-passkey-visual>i{width:1px;height:30px;background:var(--line)}.opx-passkey-visual>b{padding:7px 10px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:.62rem}
.opx-web3-visual{position:absolute;right:26px;bottom:27px;display:flex;align-items:center;gap:11px}.opx-web3-visual span{display:grid;place-items:center;width:70px;height:70px;border:1px solid var(--line);border-radius:20px;background:var(--soft)}.opx-web3-visual img{width:38px;height:38px}.opx-web3-visual i{color:var(--primary);font-style:normal}
.opx-enterprise-visual{position:absolute;left:27px;right:27px;bottom:28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.opx-enterprise-visual div{display:grid;gap:5px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}.opx-enterprise-visual b{font-size:.78rem}.opx-enterprise-visual small{color:var(--muted);font-size:.58rem}.opx-enterprise-visual i{width:38px;height:1px;background:var(--primary)}
.opx-session-visual{position:absolute;right:26px;bottom:26px;display:flex;gap:7px}.opx-session-visual div{display:grid;gap:5px;min-width:69px;padding:11px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.opx-session-visual span{color:var(--muted);font-size:.54rem}.opx-session-visual b{font-size:.75rem}

.opx-live-section{padding:94px 0;background:var(--paper)}
.opx-live-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:stretch;padding:22px;border:1px solid var(--line);border-radius:32px;background:color-mix(in srgb,var(--soft) 54%,var(--paper))}
.opx-live-copy{display:flex;flex-direction:column;justify-content:center;padding:34px}.opx-live-copy h2{margin:15px 0 22px;font-size:clamp(2rem,3.5vw,3.6rem);line-height:1;letter-spacing:-.05em}
.opx-live-status{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;color:var(--muted);font-size:.65rem}.opx-live-status i{width:8px;height:8px;border-radius:50%;background:#22c98a;box-shadow:0 0 0 6px rgba(34,201,138,.1)}.opx-live-status b{color:var(--ink);font-size:.72rem}.opx-live-status small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.opx-terminal{overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:23px;background:#07100d;color:#dbe9e4;box-shadow:0 26px 60px rgba(4,18,12,.12);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.opx-terminal header{display:flex;align-items:center;gap:6px;height:48px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08);background:#0b1612}.opx-terminal header>span{width:8px;height:8px;border-radius:50%;background:#31413b}.opx-terminal header>b{margin-left:auto;color:#71877e;font-size:.62rem}
.opx-terminal>div{display:grid;grid-template-columns:56px 1fr 42px;gap:10px;align-items:center;min-height:62px;padding:0 17px;border-bottom:1px solid rgba(255,255,255,.06)}.opx-terminal>div:last-child{border-bottom:0}.opx-terminal em{color:#5ed7aa;font-size:.62rem;font-style:normal;font-weight:800}.opx-terminal code{color:#a9b9b3;font-size:.68rem}.opx-terminal strong{justify-self:end;color:#60d8ab;font-size:.68rem}

.opx-provider-section{padding:96px 0;background:var(--soft)}
.opx-provider-wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.opx-provider-wall>span{display:flex;align-items:center;justify-content:center;gap:9px;min-height:74px;padding:10px;border:1px solid var(--line);border-radius:18px;background:var(--paper);font-size:.67rem;font-weight:700}.opx-provider-wall img{width:28px;height:28px;object-fit:contain}.opx-provider-wall>span>b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--soft);color:var(--primary);font-size:1rem}.opx-provider-wall .opx-x-mark>b{background:#111;color:#fff;font-size:.85rem}

.opx-final{padding:48px 0 100px;background:var(--soft)}
.opx-final-shell{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:44px 48px;border-radius:30px;background:linear-gradient(135deg,#07110d,#0b2a1e);color:#fff}.opx-final-shell>div:first-child>span{color:#6edbb2;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.opx-final-shell h2{max-width:740px;margin:12px 0 0;color:#fff;font-size:clamp(2rem,3.8vw,3.9rem);line-height:.98;letter-spacing:-.05em}.opx-final-shell .button-ghost{border-color:rgba(255,255,255,.17)!important;color:#fff!important;background:rgba(255,255,255,.05)!important}

html[data-theme="dark"] .opx-hero{background:radial-gradient(circle at 78% 35%,rgba(38,200,144,.11),transparent 27%),linear-gradient(180deg,#080b09,#090d0b)}
html[data-theme="dark"] .opx-bento-section,html[data-theme="dark"] .opx-provider-section,html[data-theme="dark"] .opx-final{background:#070a08}
html[data-theme="dark"] .opx-bento-card,html[data-theme="dark"] .opx-meta span,html[data-theme="dark"] .opx-flow article,html[data-theme="dark"] .opx-provider-wall>span{background:#0d120f}
html[data-theme="dark"] .opx-live-shell{background:#0b100d}

@media(max-width:1100px){
  .opx-hero-grid{grid-template-columns:1fr;gap:54px}.opx-hero-copy{max-width:800px}.opx-identity-stage{min-height:560px}
  .opx-bento{grid-template-columns:1fr 1fr;grid-template-rows:auto}.opx-bento-primary{grid-row:span 2;min-height:570px}.opx-bento-card:not(.opx-bento-primary){min-height:270px}
  .opx-provider-wall{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:820px){
  .product-local-nav .local-wrap{width:calc(100% - 24px)!important}.openproof-local-nav .local-links a:not(.local-download){display:none}
  .opx-hero{padding-top:68px}.opx-hero h1{font-size:clamp(3.6rem,13vw,6rem)}
  .opx-meta{grid-template-columns:1fr 1fr}.opx-flow{grid-template-columns:1fr 1fr}.opx-flow>i{display:none}
  .opx-section-head{display:block}.opx-section-head h2{margin-top:12px;text-align:start}
  .opx-live-shell{grid-template-columns:1fr}.opx-live-copy{padding:24px 20px}
  .opx-provider-wall{grid-template-columns:repeat(3,1fr)}
  .opx-final-shell{display:block;padding:36px 28px}.opx-final-shell .opx-actions{margin-top:28px}
}
@media(max-width:620px){
  :root{--gl-header-h:58px}.product-local-nav{top:var(--gl-header-h)!important}
  .opx-hero{padding:50px 0 34px}.opx-hero-grid{gap:38px}.opx-hero h1{font-size:clamp(3.1rem,16vw,4.7rem)}.opx-hero-copy>p{font-size:.96rem}
  .opx-identity-stage{min-height:440px;border-radius:26px}.opx-identity-stage:before{width:220px;height:220px}.opx-identity-stage:after{width:350px;height:350px}.opx-core{width:150px;height:150px}.opx-core-mark{transform:scale(.82)}
  .opx-node{min-height:36px;padding:5px 7px;font-size:.54rem}.opx-node img,.opx-node>i{width:20px;height:20px}.node-google{left:4%;top:14%}.node-github{right:4%;top:14%}.node-apple{left:3%;bottom:26%}.node-passkey{right:3%;bottom:26%}.node-wallet{left:16%;top:5%}.node-farcaster{right:15%;top:5%}.node-telegram{left:15%;bottom:8%}.node-enterprise{right:10%;bottom:8%}
  .opx-stage-caption{left:12px;right:12px;bottom:12px}.opx-flow{grid-template-columns:1fr;padding:10px}.opx-flow article{min-height:62px}
  .opx-bento-section,.opx-live-section,.opx-provider-section{padding:70px 0}.opx-bento{grid-template-columns:1fr}.opx-bento-primary{grid-row:auto;min-height:480px}.opx-bento-card:not(.opx-bento-primary){min-height:250px}.opx-link-stack{bottom:28px}
  .opx-terminal>div{grid-template-columns:48px 1fr 34px;padding:0 12px}.opx-terminal code{font-size:.58rem}
  .opx-provider-wall{grid-template-columns:1fr 1fr}.opx-provider-wall>span{min-height:64px}
  .opx-final{padding-bottom:72px}
}
@media(prefers-reduced-motion:no-preference){
  .opx-core{animation:opx-core-float 5.5s ease-in-out infinite}
  .opx-pulse-a{animation:opx-pulse 7s ease-in-out infinite}.opx-pulse-b{animation:opx-pulse 7s ease-in-out -3.5s infinite}
  .opx-node{animation:opx-node-float 6s ease-in-out infinite}.opx-node:nth-child(even){animation-delay:-3s}
}
@keyframes opx-core-float{50%{transform:translate(-50%,calc(-50% - 7px))}}
@keyframes opx-node-float{50%{translate:0 -5px}}
@keyframes opx-pulse{50%{opacity:.38;transform:scale(1.08)}}


/* OpenProof v2 — restrained product system inspired by Base-style spacing and modularity */
.openproof-product-page{--opf-accent:#00a693;--opf-deep:#07110e;--opf-line:color-mix(in srgb,var(--ink) 10%,transparent)}
.opf-local-nav .local-product-name{gap:9px}.opf-product-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--ink);color:var(--paper);font-size:8px;font-weight:850;letter-spacing:-.04em}
.opf-hero{padding:96px 0 74px;background:var(--paper)}
.opf-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);gap:clamp(48px,6vw,86px);align-items:center}
.opf-eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.opf-eyebrow i{width:7px;height:7px;border-radius:2px;background:var(--opf-accent)}.opf-eyebrow.light{color:#929b97}.opf-eyebrow.light i{background:#68d7c5}
.opf-hero h1{margin:18px 0 24px;max-width:760px;font-size:clamp(4.3rem,7.1vw,7.4rem);line-height:.88;letter-spacing:-.078em;text-wrap:balance}.opf-hero h1 span{color:var(--muted)}
.opf-hero-copy>p{max-width:650px;margin:0;color:var(--muted);font-size:clamp(1rem,1.35vw,1.16rem);line-height:1.62}
.opf-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:30px}.opf-actions .button{min-height:44px;padding-inline:18px}.opf-text-link{display:inline-flex;align-items:center;min-height:40px;color:var(--ink);font-size:12px;font-weight:740}.opf-text-link.light{color:#e3e9e6}
.opf-proof-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:44px;border-block:1px solid var(--line)}.opf-proof-strip span{display:grid;gap:1px;padding:15px 14px 15px 0}.opf-proof-strip span+span{padding-inline-start:14px;border-inline-start:1px solid var(--line)}.opf-proof-strip b{font-size:10px}.opf-proof-strip small{color:var(--muted);font-size:8px}
.opf-graph{position:relative;min-height:570px;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:var(--soft)}
.opf-graph-grid{position:absolute;inset:0;background-image:linear-gradient(var(--opf-line) 1px,transparent 1px),linear-gradient(90deg,var(--opf-line) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at 50% 48%,#000 18%,transparent 74%)}
.opf-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.opf-lines path{fill:none;stroke:color-mix(in srgb,var(--opf-accent) 38%,var(--line));stroke-width:1.25;stroke-dasharray:5 7}
.opf-account-core{position:absolute;z-index:3;left:50%;top:50%;display:grid;place-items:center;width:172px;height:172px;transform:translate(-50%,-50%);border:1px solid color-mix(in srgb,var(--opf-accent) 32%,var(--line));border-radius:38px;background:var(--paper);box-shadow:0 28px 80px rgba(7,17,14,.08)}.opf-account-core>span{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:var(--ink);color:var(--paper);font-size:16px;font-weight:850;letter-spacing:-.05em}.opf-account-core strong{margin-top:10px;font-size:10px}.opf-account-core small{color:var(--muted);font-size:8px}
.opf-proof-card{position:absolute;z-index:4;display:grid;grid-template-columns:32px auto;gap:10px;align-items:center;min-width:130px;padding:9px 11px;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:0 12px 30px rgba(7,17,14,.05);transition:transform .2s ease,border-color .2s ease}.opf-proof-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--opf-accent) 40%,var(--line))}.opf-proof-card img{width:28px;height:28px;object-fit:contain}.opf-proof-card>span:last-child{display:grid}.opf-proof-card b{font-size:9px}.opf-proof-card small{color:var(--muted);font-size:8px}.opf-proof-google{left:8%;top:14%}.opf-proof-github{right:8%;top:14%}.opf-proof-wallet{left:8%;bottom:14%}.opf-proof-passkey{right:8%;bottom:14%}
.opf-key-mark{position:relative;display:block;width:28px;height:28px;border:1px solid var(--line);border-radius:9px;background:var(--soft)}.opf-key-mark:before{content:"";position:absolute;left:7px;top:7px;width:7px;height:7px;border:1.5px solid var(--opf-accent);border-radius:50%}.opf-key-mark:after{content:"";position:absolute;left:14px;top:14px;width:8px;height:1.5px;background:var(--opf-accent);box-shadow:4px 3px 0 -0.2px var(--opf-accent);transform:rotate(45deg);transform-origin:left center}
.opf-graph-caption{position:absolute;left:24px;right:24px;bottom:18px;display:grid;grid-template-columns:auto 1fr auto 1fr auto;gap:9px;align-items:center;color:var(--muted);font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.opf-graph-caption i{height:1px;background:var(--line)}

.opf-principles,.opf-surface,.opf-providers{padding:100px 0}.opf-principles{background:var(--paper)}.opf-surface,.opf-providers{background:var(--soft)}
.opf-section-head{display:grid;grid-template-columns:130px minmax(0,1fr);gap:40px;align-items:start;margin-bottom:40px}.opf-section-head>span{padding-top:9px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.opf-section-head h2{max-width:930px;margin:0;font-size:clamp(3rem,5.2vw,5.6rem);line-height:.94;letter-spacing:-.062em;text-wrap:balance}.opf-section-head.split h2{justify-self:end;text-align:end}
.opf-principle-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:24px;overflow:hidden}.opf-principle-grid article{min-height:300px;padding:26px;background:var(--paper)}.opf-principle-grid article+article{border-inline-start:1px solid var(--line)}.opf-principle-grid article>span{color:var(--opf-accent);font-size:9px;font-weight:850}.opf-principle-grid h3{margin:74px 0 11px;font-size:1.55rem;letter-spacing:-.045em}.opf-principle-grid p{max-width:34ch;margin:0;color:var(--muted);font-size:11px;line-height:1.65}

.opf-surface .opf-surface-head h2{justify-self:start;text-align:left;direction:ltr;unicode-bidi:isolate;max-width:1020px}
.opf-surface-board{display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;border:1px solid var(--line);border-radius:30px;corner-shape:superellipse(2);background:var(--paper)}
.opf-surface-feature{position:relative;min-height:650px;padding:34px 34px 38px;border-inline-end:1px solid var(--line);overflow:visible}
.opf-surface-feature-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.opf-surface-feature-head small{color:var(--opf-accent);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.opf-surface-feature-head>span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:7px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.opf-surface-feature h3{position:relative;z-index:3;max-width:650px;margin:28px 0 12px;font-size:clamp(2.35rem,3.55vw,4rem);line-height:.95;letter-spacing:-.055em}.opf-surface-feature p{position:relative;z-index:3;max-width:620px;margin:0;color:var(--muted);font-size:12px;line-height:1.72}

.opf-flowchart{position:relative;height:360px;margin:25px 0 0;overflow:visible;isolation:isolate}
.opf-flowchart-bg{position:absolute;z-index:0;inset:0;border:1px solid var(--line);border-radius:24px;corner-shape:superellipse(2);background:linear-gradient(180deg,color-mix(in srgb,var(--opf-accent) 3%,var(--paper)),var(--paper));pointer-events:none}
.opf-flowchart-bg:before{content:"";position:absolute;inset:0;border-radius:inherit;corner-shape:inherit;background-image:linear-gradient(color-mix(in srgb,var(--ink) 3%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ink) 3%,transparent) 1px,transparent 1px);background-size:28px 28px;opacity:.8}
.opf-flow-lines{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none}.opf-flow-line{fill:none;stroke:color-mix(in srgb,var(--ink) 13%,transparent);stroke-width:1.35;stroke-linecap:round;transition:stroke .18s ease,stroke-width .18s ease,opacity .18s ease}.opf-flow-line.line-core{stroke:color-mix(in srgb,var(--opf-accent) 38%,var(--line));stroke-width:1.55}.opf-flow-line.is-active{stroke:var(--opf-accent);stroke-width:2.4;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--opf-accent) 38%,transparent));stroke-dasharray:7 7;animation:opf-route 1.1s linear infinite}
@keyframes opf-route{to{stroke-dashoffset:-28}}

.opf-flow-sources{position:absolute;z-index:3;left:18px;top:18px;bottom:18px;width:150px;display:grid;grid-template-rows:repeat(4,1fr);gap:9px}
.opf-flow-source{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;padding:8px 10px;border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 94%,transparent);box-shadow:0 10px 25px rgba(7,17,14,.035);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.opf-flow-source>span:last-child{display:grid;gap:2px;min-width:0}.opf-flow-source b{font-size:8.5px;white-space:nowrap}.opf-flow-source small{color:var(--muted);font-size:7px}.opf-flow-source.is-active{transform:translateX(4px);border-color:color-mix(in srgb,var(--opf-accent) 58%,var(--line));background:color-mix(in srgb,var(--opf-accent) 6%,var(--paper));box-shadow:0 14px 34px color-mix(in srgb,var(--opf-accent) 10%,transparent)}
.opf-flow-source-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);background:var(--soft)}.opf-flow-source-icon svg{width:18px;height:18px;stroke:var(--opf-accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.opf-flow-source-brands{display:flex;align-items:center;width:36px}.opf-flow-source-brands img{width:24px;height:24px;padding:4px;border:1px solid var(--line);border-radius:8px;corner-shape:superellipse(2);background:var(--paper);object-fit:contain}.opf-flow-source-brands img+img{margin-inline-start:-12px}

.opf-flow-gate,.opf-flow-account{position:absolute;z-index:4;top:50%;transform:translate(-50%,-50%);display:grid;align-content:center;justify-items:start;border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 96%,transparent);box-shadow:0 18px 46px rgba(7,17,14,.055)}
.opf-flow-gate{width:104px;height:112px;padding:15px}.opf-flow-gate.verify{left:49%}.opf-flow-gate.link{left:70%;width:94px;border-color:color-mix(in srgb,var(--opf-accent) 30%,var(--line))}
.opf-flow-gate>span{display:grid;place-items:center;width:25px;height:25px;margin-bottom:12px;border-radius:8px;corner-shape:superellipse(2);background:var(--soft);color:var(--opf-accent);font-size:8px;font-weight:850}.opf-flow-gate strong{font-size:10px;line-height:1.08}.opf-flow-gate small{margin-top:7px;color:var(--muted);font-size:7px;line-height:1.35}
.opf-flow-account{left:91%;width:112px;height:134px;padding:16px;border-color:color-mix(in srgb,var(--opf-accent) 46%,var(--line));box-shadow:0 20px 54px color-mix(in srgb,var(--opf-accent) 10%,transparent)}.opf-flow-account-mark{display:grid;place-items:center;width:44px;height:44px;margin-bottom:13px;background:var(--ink);color:var(--paper);font-size:11px;font-weight:850;letter-spacing:-.04em}.opf-flow-account strong{font-size:10px;line-height:1.1}.opf-flow-account small{margin-top:7px;color:var(--muted);font-size:7px}
.opf-flow-caption{position:absolute;z-index:5;left:186px;right:18px;bottom:16px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:6.5px;font-weight:760;letter-spacing:.055em;text-transform:uppercase}.opf-flow-caption i{width:6px;height:6px;border-radius:50%;background:var(--opf-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--opf-accent) 9%,transparent)}.opf-flow-caption b{color:var(--opf-accent);font-size:9px}

.opf-surface-list{display:flex;flex-direction:column;min-width:0}.opf-surface-list-head{display:flex;justify-content:space-between;gap:16px;padding:24px 26px 17px;border-bottom:1px solid var(--line)}.opf-surface-list-head>span{font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.opf-surface-list-head>small{color:var(--muted);font-size:8px}
.opf-surface-row{appearance:none;width:100%;display:grid;grid-template-columns:28px 54px minmax(0,1fr) auto;gap:14px;align-items:center;min-height:143px;padding:19px 24px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;text-align:start;cursor:pointer;position:relative;isolation:isolate;transition:background .18s ease,transform .18s ease}.opf-surface-row:last-child{border-bottom:0}.opf-surface-row:before{content:"";position:absolute;z-index:-1;inset:8px 9px;border:1px solid transparent;border-radius:22px;corner-shape:superellipse(2);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.opf-surface-row:hover:before,.opf-surface-row:focus-visible:before,.opf-surface-row.is-active:before{border-color:color-mix(in srgb,var(--opf-accent) 35%,var(--line));background:color-mix(in srgb,var(--opf-accent) 4%,var(--paper));box-shadow:0 14px 38px color-mix(in srgb,var(--opf-accent) 7%,transparent)}.opf-surface-row:focus-visible{outline:none}.opf-surface-row.is-active{transform:translateX(-2px)}
.opf-row-number{align-self:start;padding-top:5px;color:color-mix(in srgb,var(--muted) 72%,transparent);font-size:7px;font-weight:850;letter-spacing:.08em}.opf-row-copy{display:grid;gap:4px;min-width:0}.opf-row-copy>b{font-size:12px;letter-spacing:-.015em}.opf-row-copy>small{max-width:42ch;color:var(--muted);font-size:8.5px;line-height:1.4}.opf-row-copy>i{margin-top:4px;color:color-mix(in srgb,var(--muted) 82%,var(--ink));font-size:8px;font-style:normal;line-height:1.35;opacity:.72;transition:opacity .18s ease,color .18s ease}.opf-surface-row:hover .opf-row-copy>i,.opf-surface-row.is-active .opf-row-copy>i{opacity:1;color:var(--ink)}
.opf-row-meta{display:grid;justify-items:end;gap:16px}.opf-row-meta em{padding:5px 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:7px;font-weight:800;font-style:normal;letter-spacing:.06em}.opf-row-meta b{color:var(--opf-accent);font-size:15px;font-weight:600;transition:transform .18s ease}.opf-surface-row:hover .opf-row-meta b,.opf-surface-row.is-active .opf-row-meta b{transform:translateX(4px)}
.opf-surface-row-icon{display:grid;place-items:center;width:50px;height:50px;border:1px solid var(--line);background:var(--soft);transition:transform .18s ease,border-color .18s ease,background .18s ease}.opf-surface-row:hover .opf-surface-row-icon,.opf-surface-row.is-active .opf-surface-row-icon{transform:scale(1.055);border-color:color-mix(in srgb,var(--opf-accent) 50%,var(--line));background:color-mix(in srgb,var(--opf-accent) 9%,var(--soft))}.opf-surface-row-icon svg{width:25px;height:25px;stroke:var(--opf-accent);stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.opf-surface-brand-stack{display:flex;align-items:center;width:54px}.opf-surface-brand-stack img{width:34px;height:34px;padding:6px;border:1px solid var(--line);border-radius:11px;corner-shape:superellipse(2);background:var(--paper);object-fit:contain;box-shadow:0 4px 12px rgba(7,17,14,.03);transition:transform .18s ease}.opf-surface-brand-stack img+img{margin-inline-start:-14px}.opf-surface-row:hover .opf-surface-brand-stack img:nth-child(1),.opf-surface-row.is-active .opf-surface-brand-stack img:nth-child(1){transform:translateX(-2px) rotate(-3deg)}.opf-surface-row:hover .opf-surface-brand-stack img:nth-child(3),.opf-surface-row.is-active .opf-surface-brand-stack img:nth-child(3){transform:translateX(2px) rotate(3deg)}.opf-surface-brand-stack.two img{width:38px;height:38px;padding:7px}.opf-surface-brand-stack.two img+img{margin-inline-start:-14px}

.opf-live{padding:100px 0;background:var(--paper)}.opf-live-grid{display:grid;grid-template-columns:.82fr 1.18fr;overflow:hidden;border-radius:28px;background:#07110e;color:#fff}.opf-live-copy{padding:48px}.opf-live-copy h2{margin:16px 0 16px;font-size:clamp(2.6rem,4.6vw,4.8rem);line-height:.94;letter-spacing:-.055em;overflow-wrap:anywhere}.opf-live-copy>p{max-width:500px;margin:0;color:#9ea9a4;font-size:12px;line-height:1.65}.opf-status{display:flex;align-items:center;gap:9px;margin-top:26px}.opf-status>i{width:8px;height:8px;border-radius:50%;background:#50d5a8;box-shadow:0 0 0 5px rgba(80,213,168,.1)}.opf-status b{font-size:10px}.opf-status span{color:#76827d;font-size:8px}
.opf-endpoints{margin:18px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#0c1713;overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.opf-endpoints header,.opf-endpoints>div{display:grid;grid-template-columns:68px minmax(0,1fr) 40px;gap:10px;align-items:center;padding:0 18px}.opf-endpoints header{height:52px;border-bottom:1px solid rgba(255,255,255,.08);grid-template-columns:1fr auto;color:#75817c;font-size:8px}.opf-endpoints>div{min-height:68px;border-bottom:1px solid rgba(255,255,255,.07)}.opf-endpoints>div:last-child{border-bottom:0}.opf-endpoints b{color:#65d6c0;font-size:8px}.opf-endpoints code{color:#b9c2be;font-size:10px}.opf-endpoints em{justify-self:end;color:#65d6c0;font-size:9px;font-style:normal}

.opf-provider-row{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--paper)}.opf-provider-row>span{display:grid;place-items:center;gap:8px;min-height:110px;padding:14px;border-inline-end:1px solid var(--line);transition:background .18s ease}.opf-provider-row>span:last-child{border-inline-end:0}.opf-provider-row>span:hover{background:var(--soft)}.opf-provider-row img{width:30px;height:30px;object-fit:contain}.opf-provider-row b{font-size:9px}.opf-provider-row small{font-size:9px}.opf-provider-row>span>b:first-child{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--soft);font-size:15px}
.opf-final{padding:70px 0 100px;background:var(--paper)}.opf-final-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end;padding-top:38px;border-top:1px solid var(--line)}.opf-final-inner>div:first-child>span{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.opf-final-inner h2{max-width:820px;margin:10px 0 0;font-size:clamp(3rem,5.4vw,5.7rem);line-height:.94;letter-spacing:-.063em}.opf-final-meta{display:flex;gap:1px;align-self:start;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--line)}.opf-final-meta span{display:grid;gap:2px;min-width:92px;padding:12px 14px;background:var(--paper)}.opf-final-meta b{font-size:10px}.opf-final-meta small{color:var(--muted);font-size:8px}.opf-final-inner>.opf-actions{grid-column:1/-1;margin-top:4px}

html[data-theme="dark"] .opf-graph,html[data-theme="dark"] .opf-surface-board,html[data-theme="dark"] .opf-principle-grid article,html[data-theme="dark"] .opf-provider-row{background:#0f1412}html[data-theme="dark"] .opf-account-core,html[data-theme="dark"] .opf-proof-card,html[data-theme="dark"] .opf-flow-source,html[data-theme="dark"] .opf-flow-gate,html[data-theme="dark"] .opf-flow-account,html[data-theme="dark"] .opf-surface-brand-stack img{background:#101713}html[data-theme="dark"] .opf-flowchart-bg{background:linear-gradient(180deg,#101713,#0f1412)}html[data-theme="dark"] .opf-surface,html[data-theme="dark"] .opf-providers{background:#090d0b}

@media(max-width:1080px){.opf-hero-grid{grid-template-columns:1fr}.opf-graph{min-height:540px}.opf-provider-row{grid-template-columns:repeat(5,1fr)}.opf-provider-row>span{border-bottom:1px solid var(--line)}.opf-surface-board{grid-template-columns:1fr}.opf-surface-feature{border-inline-end:0;border-bottom:1px solid var(--line)}.opf-surface-list{display:grid;grid-template-columns:1fr 1fr}.opf-surface-list-head{grid-column:1/-1}.opf-surface-row:nth-of-type(odd){border-inline-end:1px solid var(--line)}}
@media(max-width:780px){.opf-hero{padding-top:68px}.opf-section-head{grid-template-columns:1fr;gap:12px}.opf-section-head.split h2{justify-self:start;text-align:start}.opf-surface .opf-surface-head h2{text-align:left;direction:ltr}.opf-principle-grid{grid-template-columns:1fr}.opf-principle-grid article{min-height:230px}.opf-principle-grid article+article{border-inline-start:0;border-top:1px solid var(--line)}.opf-principle-grid h3{margin-top:44px}.opf-live-grid{grid-template-columns:1fr}.opf-live-copy{padding:34px 26px}.opf-provider-row{grid-template-columns:repeat(3,1fr)}.opf-final-inner{grid-template-columns:1fr}.opf-final-meta{justify-self:start}.opf-proof-strip{grid-template-columns:1fr 1fr}.opf-proof-strip span:nth-child(3){border-inline-start:0;border-top:1px solid var(--line)}.opf-proof-strip span:nth-child(4){border-top:1px solid var(--line)}.opf-surface-list{grid-template-columns:1fr}.opf-surface-row:nth-of-type(odd){border-inline-end:0}}
@media(max-width:560px){.opf-hero h1{font-size:clamp(3.35rem,16vw,5rem)}.opf-graph{min-height:430px;border-radius:22px}.opf-account-core{width:132px;height:132px;border-radius:30px}.opf-account-core>span{width:50px;height:50px;border-radius:16px}.opf-proof-card{min-width:0;grid-template-columns:26px auto;padding:7px 8px}.opf-proof-card img,.opf-key-mark{width:24px;height:24px}.opf-proof-card small{display:none}.opf-proof-google{left:4%;top:10%}.opf-proof-github{right:4%;top:10%}.opf-proof-wallet{left:4%;bottom:13%}.opf-proof-passkey{right:4%;bottom:13%}.opf-graph-caption{display:none}.opf-principles,.opf-surface,.opf-live,.opf-providers{padding:72px 0}.opf-surface-feature{min-height:0;padding:24px 20px 28px}.opf-surface-feature-head{align-items:flex-start}.opf-flowchart{height:500px;margin-top:20px}.opf-flow-lines{display:none}.opf-flow-sources{left:14px;right:14px;top:14px;bottom:auto;width:auto;height:190px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.opf-flow-source{grid-template-columns:32px minmax(0,1fr);padding:8px}.opf-flow-gate{top:270px;width:104px;height:100px}.opf-flow-gate.verify{left:28%}.opf-flow-gate.link{left:72%;width:104px}.opf-flow-account{left:50%;top:420px;width:126px;height:116px;justify-items:center;text-align:center}.opf-flow-account-mark{margin-bottom:9px}.opf-flow-caption{left:12px;right:12px;bottom:118px;gap:5px;font-size:5.8px}.opf-flow-caption span:nth-of-type(2),.opf-flow-caption span:nth-of-type(3){display:none}.opf-surface-feature h3{margin-top:22px}.opf-surface-list-head{padding:20px}.opf-surface-row{grid-template-columns:24px 48px minmax(0,1fr);gap:10px;min-height:128px;padding:17px 18px}.opf-row-meta{display:none}.opf-row-copy>i{display:none}.opf-surface-brand-stack{width:48px}.opf-surface-brand-stack img{width:31px;height:31px}.opf-surface-row-icon{width:44px;height:44px}.opf-endpoints{margin:10px}.opf-endpoints header,.opf-endpoints>div{padding-inline:13px}.opf-endpoints>div{grid-template-columns:48px minmax(0,1fr) 28px}.opf-endpoints code{font-size:8.5px}.opf-provider-row{grid-template-columns:repeat(2,1fr)}.opf-final{padding-bottom:76px}.opf-final-meta{max-width:100%;overflow:auto}}


/* OpenProof surface — responsive cleanup */
.opf-flow-gate.verify{left:48%}
.opf-flow-gate.link{left:66%}
.opf-flow-account{left:84%}
.opf-flow-caption{left:180px;right:22px}

/* Give provider marks their own space; labels must never collide with logos. */
.opf-flow-source{grid-template-columns:58px minmax(0,1fr);gap:12px}
.opf-flow-source-brands{width:58px;min-width:58px}
.opf-flow-source-brands img{width:25px;height:25px}
.opf-flow-source-brands img+img{margin-inline-start:-7px}
.opf-surface-row{grid-template-columns:28px 82px minmax(0,1fr) auto;gap:16px}
.opf-surface-brand-stack{width:82px;min-width:82px}
.opf-surface-brand-stack img{width:31px;height:31px;padding:5px}
.opf-surface-brand-stack img+img{margin-inline-start:-6px}
.opf-surface-brand-stack.two{width:68px;min-width:68px}
.opf-surface-brand-stack.two img{width:34px;height:34px;padding:6px}
.opf-surface-brand-stack.two img+img{margin-inline-start:-7px}

@media(max-width:1080px){
  .opf-surface-feature{padding:30px}
  .opf-flowchart{height:340px}
  .opf-surface-list{grid-template-columns:1fr 1fr}
  .opf-surface-row{min-height:126px}
}

@media(max-width:900px){
  .opf-surface-board{grid-template-columns:1fr}
  .opf-surface-feature{border-inline-end:0;border-bottom:1px solid var(--line)}
  .opf-surface-list{display:grid;grid-template-columns:1fr}
  .opf-surface-list-head{grid-column:1}
  .opf-surface-row:nth-of-type(odd){border-inline-end:0}
}

@media(max-width:640px){
  .opf-surface-board{border-radius:24px}
  .opf-surface-feature{padding:20px 16px 24px}
  .opf-surface-feature-head{align-items:center;gap:12px}
  .opf-surface-feature-head>span{font-size:6px;padding:6px 8px;white-space:nowrap}

  .opf-flowchart{
    height:auto;
    min-height:0;
    margin-top:16px;
    padding:12px;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:9px;
    overflow:visible;
  }
  .opf-flowchart-bg{inset:0;border-radius:18px}
  .opf-flowchart-bg:before{background-size:22px 22px;opacity:.42}
  .opf-flow-lines,.opf-flow-caption{display:none}

  .opf-flowchart .opf-flow-sources{
    position:relative;
    inset:auto;
    width:auto;
    height:auto;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:none;
    gap:7px;
  }
  .opf-flowchart .opf-flow-source{
    min-height:52px;
    width:100%;
    box-sizing:border-box;
    grid-template-columns:52px minmax(0,1fr);
    gap:10px;
    padding:8px 10px;
    box-shadow:none;
  }
  .opf-flowchart .opf-flow-source b{font-size:9px}
  .opf-flowchart .opf-flow-source small{font-size:7.5px}
  .opf-flowchart .opf-flow-source-icon{width:32px;height:32px}
  .opf-flowchart .opf-flow-source-brands{width:50px;min-width:50px}
  .opf-flowchart .opf-flow-source-brands img{width:24px;height:24px;padding:4px}
  .opf-flowchart .opf-flow-source-brands img+img{margin-inline-start:-6px}
  .opf-flowchart .opf-flow-source-brands img:nth-child(3){display:none}

  .opf-flowchart .opf-flow-gate.verify,
  .opf-flowchart .opf-flow-gate.link,
  .opf-flowchart .opf-flow-account{
    position:relative;
    inset:auto;
    top:auto;
    left:auto;
    right:auto;
    bottom:auto;
    transform:none;
    width:100%;
    height:auto;
    min-height:66px;
    box-sizing:border-box;
    padding:11px 12px;
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    grid-template-rows:auto auto;
    column-gap:10px;
    align-items:center;
    justify-items:start;
    text-align:start;
    box-shadow:none;
  }
  .opf-flowchart .opf-flow-gate>span{
    grid-row:1 / 3;
    margin:0;
    width:30px;
    height:30px;
  }
  .opf-flowchart .opf-flow-gate strong{font-size:10px}
  .opf-flowchart .opf-flow-gate small{margin:2px 0 0;font-size:7.5px}
  .opf-flowchart .opf-flow-account{
    grid-template-columns:44px minmax(0,1fr);
    border-color:color-mix(in srgb,var(--opf-accent) 46%,var(--line));
  }
  .opf-flowchart .opf-flow-account-mark{
    grid-row:1 / 3;
    width:40px;
    height:40px;
    margin:0;
  }
  .opf-flowchart .opf-flow-account strong{font-size:10px}
  .opf-flowchart .opf-flow-account small{margin:2px 0 0;font-size:7.5px}

  .opf-flowchart .opf-flow-gate.verify:after,
  .opf-flowchart .opf-flow-gate.link:after{
    content:"↓";
    position:absolute;
    left:50%;
    bottom:-13px;
    z-index:6;
    transform:translateX(-50%);
    color:var(--opf-accent);
    font-size:11px;
    font-weight:800;
  }

  .opf-surface-feature h3{margin-top:20px;font-size:clamp(2rem,10.5vw,2.8rem)}
  .opf-surface-feature p{font-size:11px;line-height:1.62}

  .opf-surface-list-head{padding:17px 16px 13px}
  .opf-surface-list-head>small{display:none}
  .opf-surface-row{
    grid-template-columns:20px 58px minmax(0,1fr);
    gap:10px;
    min-height:96px;
    padding:13px 14px;
  }
  .opf-surface-row:before{inset:5px;border-radius:17px}
  .opf-row-meta{display:none}
  .opf-row-copy>i{display:none}
  .opf-row-copy>b{font-size:10.5px}
  .opf-row-copy>small{font-size:8px;line-height:1.35}
  .opf-surface-row-icon{width:40px;height:40px}
  .opf-surface-brand-stack{width:56px;min-width:56px}
  .opf-surface-brand-stack img{width:27px;height:27px;padding:4px}
  .opf-surface-brand-stack img+img{margin-inline-start:-5px}
  .opf-surface-brand-stack img:nth-child(3){display:none}
  .opf-surface-brand-stack.two{width:54px;min-width:54px}
  .opf-surface-brand-stack.two img{width:30px;height:30px;padding:5px}
  .opf-surface-brand-stack.two img+img{margin-inline-start:-6px}
}

@media(max-width:390px){
  .opf-surface-feature{padding-inline:12px}
  .opf-surface-feature-head{align-items:flex-start}
  .opf-surface-feature-head>span{max-width:112px;white-space:normal;text-align:center;line-height:1.2}
  .opf-flowchart{padding:9px}
  .opf-flowchart .opf-flow-source{grid-template-columns:46px minmax(0,1fr);padding:8px}
  .opf-flowchart .opf-flow-source-brands{width:44px;min-width:44px}
  .opf-flowchart .opf-flow-source-brands img{width:23px;height:23px}
  .opf-surface-row{grid-template-columns:18px 52px minmax(0,1fr);padding-inline:11px}
  .opf-surface-brand-stack{width:50px;min-width:50px}
}

/* OpenProof self-hosting — public-safe architecture surface */
.opf-selfhost{padding:100px 0;background:var(--paper)}
.opf-selfhost-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:18px;align-items:stretch}
.opf-selfhost-copy,.opf-boundary{border:1px solid var(--line);border-radius:28px;background:var(--paper)}
.opf-selfhost-copy{padding:38px;display:flex;flex-direction:column;align-items:flex-start}
.opf-selfhost-copy h3{max-width:680px;margin:22px 0 16px;font-size:clamp(2.25rem,3.8vw,4.25rem);line-height:.98;letter-spacing:-.055em}
.opf-selfhost-copy>p{max-width:60ch;margin:0;color:var(--muted);font-size:13px;line-height:1.72}
.opf-selfhost-points{display:grid;width:100%;margin:34px 0 28px;border-top:1px solid var(--line)}
.opf-selfhost-points>span{display:grid;grid-template-columns:130px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}
.opf-selfhost-points b{font-size:11px}
.opf-selfhost-points small{color:var(--muted);font-size:10px;line-height:1.5}
.opf-boundary{padding:18px;background:var(--soft);overflow:hidden}
.opf-boundary>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:4px 4px 18px;color:var(--muted);font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.07em}
.opf-boundary>header small{font-size:8px;font-weight:650;text-transform:none;letter-spacing:0}
.opf-boundary-stage{position:relative;display:grid;grid-template-columns:1fr auto 1.1fr auto 1fr;gap:12px;align-items:center;min-height:300px;padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}
.opf-boundary-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--ink) 3%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ink) 3%,transparent) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#000,transparent 94%)}
.opf-boundary-node{position:relative;z-index:1;display:grid;gap:7px;min-height:118px;align-content:center;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:0 14px 36px rgba(7,17,14,.04)}
.opf-boundary-node small{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.06em}
.opf-boundary-node strong{font-size:12px;line-height:1.35}
.opf-boundary-node.core{border-color:color-mix(in srgb,var(--opf-accent) 35%,var(--line));box-shadow:0 18px 44px color-mix(in srgb,var(--opf-accent) 7%,transparent)}
.opf-boundary-node.core strong{font-size:15px}
.opf-boundary-arrow{position:relative;z-index:1;color:var(--opf-accent);font-size:18px;font-weight:800}
.opf-boundary-external{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.opf-boundary-external span{padding:12px 10px;border:1px dashed color-mix(in srgb,var(--opf-accent) 24%,var(--line));border-radius:12px;background:var(--paper);color:var(--muted);font-size:9px;text-align:center}
.opf-boundary>footer{padding:14px 4px 2px;color:var(--muted);font-size:9px;line-height:1.5}
html[data-theme="dark"] .opf-selfhost-copy,html[data-theme="dark"] .opf-boundary-stage,html[data-theme="dark"] .opf-boundary-node,html[data-theme="dark"] .opf-boundary-external span{background:#0f1412}
html[data-theme="dark"] .opf-boundary{background:#090d0b}
@media(max-width:1080px){.opf-selfhost-grid{grid-template-columns:1fr}.opf-boundary-stage{min-height:260px}}
@media(max-width:720px){.opf-selfhost{padding:72px 0}.opf-selfhost-copy{padding:28px 24px}.opf-selfhost-copy h3{font-size:clamp(2.1rem,10vw,3.35rem)}.opf-selfhost-points>span{grid-template-columns:1fr;gap:5px}.opf-boundary-stage{grid-template-columns:1fr;gap:10px;padding:18px}.opf-boundary-arrow{transform:rotate(90deg);justify-self:center}.opf-boundary-external{grid-template-columns:1fr}.opf-boundary-node{min-height:90px}}

/* OpenProof v20260921.13 — monochrome provider marks + stable canonical-account geometry */
.openproof-product-page :is(
  .opf-proof-card img,
  .opf-flow-source-brands img,
  .opf-surface-brand-stack img,
  .opf-provider-row img
){
  filter:grayscale(1) saturate(0) brightness(.24) contrast(1.18)!important;
  opacity:.9;
}
html[data-theme="dark"] .openproof-product-page :is(
  .opf-proof-card img,
  .opf-flow-source-brands img,
  .opf-surface-brand-stack img,
  .opf-provider-row img
){
  filter:grayscale(1) saturate(0) brightness(0) invert(1)!important;
  opacity:.92;
}

/* The superellipse fallback clips native borders/shadows on some browsers.
   Keep the account-model diagram deliberately geometric and browser-stable. */
.opf-flowchart :is(
  .opf-flow-source,
  .opf-flow-source-icon,
  .opf-flow-gate,
  .opf-flow-account,
  .opf-flow-account-mark
){
  clip-path:none!important;
  corner-shape:round!important;
  background-clip:padding-box;
}
.opf-flowchart .opf-flow-source{border-radius:14px}
.opf-flowchart .opf-flow-source-icon{border-radius:10px}
.opf-flowchart .opf-flow-gate{border-radius:16px}
.opf-flowchart .opf-flow-account{
  left:auto;
  right:18px;
  transform:translateY(-50%);
  border-radius:18px;
  overflow:hidden;
}
.opf-flowchart .opf-flow-account-mark{border-radius:12px}
@media(max-width:640px){
  .opf-flowchart .opf-flow-account{
    left:auto;
    right:auto;
    transform:none;
    border-radius:15px;
  }
}