/* ScautDom / Connections — isolated design preview. */
:root{--ink:#0b0d0c;--surface:#151816;--paper:#f3f4ef;--accent:#d5ff5f;--muted:#a4aaa5;--line:#2d322e;--header:6.1rem;scroll-padding-top:7.5rem;background:var(--ink)}
body{background:var(--ink);color:var(--paper);-webkit-font-smoothing:antialiased}
.wrap{width:min(100% - 6rem,86rem)}
em{font-weight:450}
.eyebrow{font-size:.8125rem;letter-spacing:.115em;font-weight:500}
.header{background:rgb(11 13 12 / .86);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid #ffffff0a}
.header-inner{min-height:4.35rem;gap:1.75rem}
.brand{font-size:1.9rem;letter-spacing:-.085em;font-weight:800;display:inline-flex;align-items:baseline}
.brand>span{padding-left:.04em}
.desktop-nav{gap:1.3rem}
.desktop-nav a{font-size:.8125rem;color:#c0c5c1;gap:.35rem;transition:color .2s}
.desktop-nav a>span{color:#6f7770;font-size:.6875rem}
.header-apply{border:1px solid #596249;font-size:.8125rem;padding:.6rem 1.15rem;color:var(--paper);background:transparent;border-radius:6px;transition:background .25s,border-color .25s}
.header-apply:hover{background:#d5ff5f0e;border-color:var(--accent)}
.reading-row{height:1.7rem;border-color:#ffffff10;color:#828b83;font-size:.75rem}
.reading-note{color:#90988f}
.reading-progress{height:1px;background:transparent}
.reading-progress>div{background:var(--accent)}
.button{position:relative;border-radius:7px;min-height:3.65rem;padding:1rem 1.4rem;gap:1.8rem;font-size:.9375rem;font-weight:600;transition:transform .25s cubic-bezier(.2,.7,.2,1),background .25s,border-color .25s,box-shadow .25s}
.button>span{font-size:1.35rem;font-weight:400;transition:transform .25s}
.button.primary:hover{background:#e0ff8d;box-shadow:0 5px 28px #d5ff5f17;transform:translateY(-2px)}
.button:hover>span{transform:translate(1px,2px)}
.button.secondary{border-color:#5d665e;background:#ffffff03;color:var(--paper)}
.button.secondary:hover{background:#ffffff09;border-color:#a7b19f}
.paper .button.secondary{color:var(--ink);border-color:#acb2a7}
.mobile-nav summary{font-size:.875rem;gap:.6rem}
.mobile-nav nav{background:#0e110f;border-color:var(--line)}
.hero{min-height:0;overflow:hidden;background:#0b0d0c;isolation:isolate;border-bottom:1px solid #ffffff10}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 86% 43%,#a6bb6520 0,transparent 48%);pointer-events:none}
.hero-inner{position:relative;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;min-height:calc(100svh - var(--header));padding-block:4.3rem 3.5rem;gap:0}
.hero-copy{position:relative;z-index:2;max-width:none;padding:0}
.hero-copy>.eyebrow{color:#b8c0b8;font-size:.75rem;letter-spacing:.12em;margin-bottom:1.7rem;display:flex;align-items:center;gap:.85rem}
.hero-copy>.eyebrow::before{content:"";height:1px;width:24px;background:var(--accent)}
.hero h1{font-size:clamp(4rem,6.1vw,6.45rem);line-height:.99;letter-spacing:-.069em;font-weight:520;max-width:49rem;position:relative;z-index:3;text-wrap:initial;margin:0}
.hero h1>em{font-weight:450;letter-spacing:-.073em;display:inline-block;margin-top:.1em;color:var(--accent)}
.hero-copy .hero-lead{font-size:1.0625rem;line-height:1.72;max-width:30rem;margin-top:1.75rem;color:#a6aea6}
.hero-facts{gap:.45rem 1.15rem;margin-top:1.5rem;font-size:.8125rem;color:#b8bfb7;max-width:36rem}
.hero-facts span{padding:0 0 .45rem;border-bottom:1px solid #66755260}
.hero-actions{margin-top:1.65rem;gap:.7rem;max-width:none}
.hero-actions .button{font-size:.875rem;padding:1rem 1.2rem;gap:1.25rem;min-height:3.55rem}
.hero-note{font-size:.75rem;line-height:1.65;color:#808a80;margin-top:1.15rem;max-width:31rem}
.hero-note a{color:#aebaa6}
.hero .growth-teaser{padding:0 0 0 1rem;border-radius:0;background:transparent;border-left:1px solid #768651;margin-top:1.6rem;max-width:28rem;gap:.2rem}
.hero .growth-teaser strong{font-size:1.02rem;color:#d7dfcd;letter-spacing:-.02em;font-weight:550}
.hero .growth-teaser>span{font-size:.8125rem;line-height:1.55;color:#939e8e}
.hero .growth-teaser:hover{border-left-color:var(--accent)}
.network-art{position:relative;width:115%;margin-left:-6%;height:clamp(34rem,48vw,47rem);align-self:center;min-width:0;pointer-events:auto}
.network-art::after{content:"";position:absolute;inset:15% 3% 12%;border:1px solid #ffffff08;border-radius:50%;transform:rotate(-25deg) scaleX(.83);pointer-events:none}
.network-art canvas{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.network-label{position:absolute;font-size:.8125rem;letter-spacing:.025em;color:#a8b49a;line-height:1.5;z-index:2;border-top:1px solid #7885654a;padding-top:.75rem;max-width:12rem}
.network-label-top{left:18%;top:10%}
.network-label-bottom{right:8%;bottom:10%;text-align:right;color:#d7e6c4}
.network-signature{position:absolute;right:9%;top:7%;font-size:.7rem;letter-spacing:.22em;color:#68715f;font-family:monospace}
.hero-bottomline{position:absolute;bottom:1.1rem;left:0;right:0;display:flex;align-items:center;justify-content:space-between;color:#66705f;letter-spacing:.13em;font-size:.65rem;pointer-events:none}
.hero-bottomline span:last-child{font-variant-numeric:tabular-nums}
.offer-strip{background:#111511;border-block:0;color:var(--paper)}
.offer-inner{padding-block:1.9rem;display:grid;grid-template-columns:1fr 1.1fr auto;gap:3rem;align-items:center}
.offer-inner>p:first-child{display:flex;align-items:center;gap:2rem;color:var(--paper)}
.offer-inner>p:first-child>span{color:#858f80;font-size:.75rem;max-width:8rem;line-height:1.5}
.offer-inner strong{font-size:2.8rem;letter-spacing:-.06em;line-height:1.1;white-space:nowrap;font-weight:500;color:var(--paper)}
.offer-inner>p:nth-child(2){font-size:.875rem;line-height:1.7;color:#909b89;margin:0}
.offer-mark{width:2.8rem;height:2.8rem;border:1px solid #4b5840;color:var(--accent);font-size:1.4rem}
.design-reveal{opacity:1;transform:none}
@media(prefers-reduced-motion:no-preference){.design-reveal:not(.is-visible){opacity:0;transform:translateY(20px)}.design-reveal{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}}
@media(min-width:1700px){.hero-inner{min-height:850px}.hero h1{font-size:7rem}.network-art{height:49rem}}
@media(max-width:1150px){.wrap{width:calc(100% - 4rem)}.desktop-nav{gap:.9rem}.desktop-nav a>span{display:none}.header-inner{gap:1rem}.hero h1{font-size:clamp(3.7rem,6.3vw,5.3rem)}.hero-inner{padding-block:3.6rem 3.4rem}.hero-actions{flex-direction:column;max-width:20rem}.hero-actions .button{width:100%}.network-art{width:125%;margin-left:-14%;height:35rem}.network-label-top{left:25%;top:2%}.network-label-bottom{right:8%;bottom:6%}.offer-inner{gap:1.5rem}.offer-inner>p:first-child{gap:1rem}.offer-inner strong{font-size:2.4rem}}
@media(max-width:900px){.desktop-nav{display:none}.mobile-nav{display:block}.header-apply{margin-left:auto}.hero-inner{grid-template-columns:1.1fr .9fr}.hero h1{font-size:clamp(3.35rem,6.8vw,4rem)}.hero-copy .hero-lead{font-size:1rem;max-width:25rem}.network-art{width:135%;margin-left:-24%;height:32rem}.network-label{font-size:.75rem}.offer-inner>p:first-child{align-items:flex-start;flex-direction:column;gap:.6rem}.offer-inner>p:first-child>span{max-width:none}}
@media(max-width:700px){:root{--header:5.7rem;scroll-padding-top:6.5rem}.wrap{width:calc(100% - 2.75rem)}.header-inner{min-height:4.1rem;gap:.9rem}.header .brand{font-size:1.65rem}.header-apply{font-size:.75rem;min-height:40px;padding:.5rem .85rem}.reading-row{height:1.5rem;font-size:.65rem}.reading-note{display:none}.mobile-nav summary{font-size:.75rem;gap:.4rem}.mobile-nav summary>span{font-size:1.4rem}.hero-inner{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:2.8rem 0 1.75rem;gap:0}.hero-copy{order:1}.hero-copy>.eyebrow{font-size:.6875rem;gap:.55rem;letter-spacing:.075em;margin-bottom:1.3rem}.hero-copy>.eyebrow::before{width:18px}.hero h1{font-size:clamp(2.8rem,11.5vw,4.5rem);line-height:1.02;letter-spacing:-.065em;max-width:none}.hero h1>em{letter-spacing:-.068em}.hero-copy .hero-lead{font-size:1rem;line-height:1.7;max-width:100%;margin-top:1.5rem}.hero-actions{flex-direction:column;max-width:none;gap:.65rem;margin-top:1.3rem}.hero-actions .button{width:100%;font-size:.9375rem;min-height:3.5rem}.hero .growth-teaser{margin-top:1.35rem;padding-left:.8rem;max-width:100%}.hero .growth-teaser strong{font-size:1rem}.hero .growth-teaser>span{font-size:.8125rem}.hero-facts{font-size:.75rem;gap:.4rem .9rem;margin-top:1.3rem}.hero-note{font-size:.75rem;max-width:100%;margin-top:1rem}.network-art{order:2;height:23rem;width:calc(100% + 2.75rem);margin:-.5rem -1.375rem -1.2rem;min-height:0}.network-label-top{left:10%;top:7%;font-size:.6875rem}.network-label-bottom{right:9%;bottom:9%;font-size:.6875rem}.network-signature{top:7%;right:10%;font-size:.6rem}.hero-bottomline{display:none}.hero::before{background:radial-gradient(ellipse at 70% 77%,#a6bb651a,transparent 48%)}.offer-inner{grid-template-columns:1fr auto;gap:1.1rem;padding-block:1.55rem}.offer-inner>p:first-child{display:flex;gap:.4rem;flex-direction:column;align-items:flex-start}.offer-inner>p:first-child>span{font-size:.75rem}.offer-inner strong{font-size:2.45rem}.offer-inner>p:nth-child(2){grid-column:1/-1;grid-row:2;font-size:.8125rem;max-width:25rem}.offer-inner p br{display:none}.offer-mark{grid-column:2;grid-row:1}.button{border-radius:6px;min-height:3.5rem}.brand{font-size:1.75rem}.design-reveal{transition-duration:.5s}}
@media(max-width:360px){.wrap{width:calc(100% - 2rem)}.header-inner{gap:.55rem}.header .brand{font-size:1.45rem}.header-apply{padding:.5rem .65rem}.mobile-nav summary{font-size:.7rem}.hero h1{font-size:2.45rem}.hero-copy>.eyebrow{font-size:.625rem}.network-art{width:calc(100% + 2rem);margin-inline:-1rem;height:20rem}.hero-facts{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.design-reveal,.design-reveal:not(.is-visible){opacity:1;transform:none}.button,.button>span{transition:none}.network-art::after{transform:rotate(-25deg) scaleX(.83)}}
/* On phones the sculpture belongs to the opening composition. */
@media(max-width:700px){.hero-copy{display:contents}.hero-copy>.eyebrow{order:0}.hero h1{order:1}.hero-copy .hero-lead{order:2}.network-art{order:3;height:17.5rem;margin-top:.3rem;margin-bottom:-.4rem}.hero-actions{order:4;margin-top:.25rem}.hero-facts{order:5}.hero .growth-teaser{order:6}.hero-note{order:7}.network-label-top{top:5%}.network-label-bottom{bottom:5%}}
@media(max-width:360px){.network-art{height:15.5rem}.hero-copy .hero-lead{font-size:.9375rem}}