@font-face{font-family:WolfWhale;src:url('/assets/landing-hybrid-20260930/brand.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:WolfWhaleSales;src:url('/assets/landing-hybrid-20260930/WolfWhaleCoverBrand.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--ink:#102e34;--muted:#52696c;--teal:#176d69;--rule:#d5e2df;--paper:#f7fbfa;--yellow:#edce43;--red:#d95352;--navy:#172f3c;--principle:#edce43;color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--paper);color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #0b797d;outline-offset:6px;border-radius:4px}img{max-width:100%;height:auto}p{font-size:17px;line-height:1.7;margin:0 0 20px;color:var(--muted)}h1,h2,h3{margin:0;font-weight:500;letter-spacing:-.045em}h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,3.65vw,52px);line-height:1.12}h2 em{font-weight:400;color:var(--teal)}h3{font-size:30px;line-height:1.15}.shell{width:min(1240px,calc(100% - 72px));margin-inline:auto}.section{padding-block:92px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:11px;line-height:1.6;color:var(--teal);font-weight:650;margin:0 0 21px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;left:20px;top:16px;background:white;padding:14px;z-index:100;transform:translateY(-160%);border:2px solid var(--teal)}.skip:focus{transform:none}.header{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:104px}.brand{display:inline-flex;align-items:center;gap:11px}.brand>img{width:57px;height:57px;object-fit:contain}.brand>span{font-family:WolfWhale,'Arial Narrow',sans-serif;font-size:36px;font-weight:700;line-height:.95;letter-spacing:.01em}.brand small{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;margin-top:8px}.header nav{display:flex;align-items:center;gap:32px;font-size:13px}.header nav a{padding:12px 0}.header nav a:hover{color:var(--teal)}.nav-contact{font-size:13px;border:1px solid #bacdc7;border-radius:999px;padding:12px 19px;display:flex;align-items:center;gap:18px}.nav-contact:hover{background:#e8f2ef}
.hero{position:relative;min-height:530px;height:min(66vw,630px);max-height:69vh;isolation:isolate;border-radius:22px;overflow:hidden;background:#719eac;box-shadow:0 16px 45px #1d605918}.scene,.scene>img,.scene>video{position:absolute;inset:0;width:100%;height:100%}.scene>img,.scene>video{object-fit:cover;object-position:center 48%;display:block}.scene>video{z-index:1}.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0325307a 0%,transparent 39%,transparent 82%,#173d4530 100%);z-index:2;pointer-events:none}.hero-corner{position:absolute;top:26px;left:28px;z-index:3}.ownership{display:inline-flex;border:1px solid #ffffffe0;background:#f7fff9db;backdrop-filter:blur(14px);padding:9px 15px;border-radius:999px;font-size:11px;letter-spacing:.06em;color:#233f40}.hero-controls{position:absolute;right:25px;top:25px;z-index:3}.hero-controls button{color:#143b41;background:#f4fff6c9;backdrop-filter:blur(18px);border:1px solid #fff8;box-shadow:inset 0 1px #fffd;border-radius:999px;min-height:37px;padding:8px 12px;font-size:11px;display:flex;align-items:center;gap:9px}.motion-icon{font-size:15px}.hero-dock{position:absolute;z-index:3;bottom:46px;left:50%;transform:translateX(-50%);display:flex;gap:20px;align-items:center;justify-content:center;white-space:nowrap;border:1px solid #fff5;background:linear-gradient(110deg,#203e4391,#3464716b);backdrop-filter:blur(20px) saturate(130%);box-shadow:inset 0 1px #fff4,0 9px 30px #02343d29;border-radius:999px;padding:10px 11px 10px 24px;color:white}.dock-label{font-size:12px;display:flex;align-items:center;gap:8px}.availability-dot{display:inline-block;width:7px;height:7px;flex:none;border-radius:50%;background:#318f7a;box-shadow:0 0 0 4px #31937812}.dock-label .availability-dot{background:#b9f6c7;box-shadow:0 0 0 3px #b9f6c71a}.button{display:inline-flex;gap:26px;align-items:center;justify-content:space-between;font-size:13px;font-weight:550;min-height:48px;border-radius:999px;padding:15px 21px;transition:transform .2s,background .2s;white-space:normal}.button:hover{transform:translateY(-2px)}.button-light{color:#153e43;background:linear-gradient(#ffffff,#e6f4ec);box-shadow:inset 0 1px white,0 3px 8px #09283214}.button-dark{background:var(--ink);color:#fff;box-shadow:inset 0 1px #fff2}.button-dark:hover{background:#1c5356}.dock-school{font-size:12px;display:flex;gap:16px;align-items:center;padding:14px 10px}.scene-note{position:absolute;right:22px;bottom:15px;color:#f5fffced;font-size:10px;letter-spacing:.03em;z-index:3}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:65px;margin-bottom:38px}.section-intro{max-width:330px;font-size:15px;line-height:1.7;margin:0 0 2px}.spaces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.space{border:1px solid var(--rule);border-radius:14px;padding:27px 27px 21px;background:#fff;min-width:0;display:flex;flex-direction:column}.space-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:27px}.space-number{font-size:12px;color:#79928f;font-variant-numeric:tabular-nums}.status{font-size:10px;letter-spacing:.02em;background:#edf1ef;color:#556762;border:1px solid #dee7e3;padding:6px 10px;border-radius:999px;white-space:nowrap}.status-live{color:#236654;background:#e3f3e9;border-color:#c6e5d1}.space h3{font-family:Georgia,'Times New Roman',serif;margin-bottom:17px;font-size:36px}.space p{font-size:14px;line-height:1.8;margin-bottom:25px}.space-bottom{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #e1e9e5;padding-top:15px;margin-top:auto;font-size:11px;color:#6f807b}.space-bottom>span:last-child{font-size:15px}.space:not(.space-live) .space-bottom>span:last-child{display:none}.space-live{background:linear-gradient(145deg,#f9fefa,#eaf6ed);border-color:#bfdace}.space-live .space-bottom{color:#226351;font-weight:600;border-color:#cfe4d4}.product.section{padding-bottom:80px}
.principles{position:relative;border-top:1px solid #e0e8e3;border-bottom:1px solid #d7e3dc;background:radial-gradient(ellipse at 82% 45%,#dcefe58c,transparent 53%),linear-gradient(120deg,#f3f7f4,#edf4f0);overflow:hidden}.principles-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.principles-copy>p:not(.eyebrow){max-width:390px;font-size:15px}.principles-copy h2{margin-bottom:25px}.wheel-instruction{font-size:12px!important;color:#5c706a!important;margin-top:30px}.principle-readout{border-top:1px solid #cbded2;padding-top:24px;display:flex;gap:15px;min-height:164px}.readout-marker{height:10px;width:10px;border:1px solid #50684a52;border-radius:50%;background:var(--principle);margin-top:7px;flex:none;transition:background .2s}.principle-readout h3{font-size:21px;letter-spacing:-.025em;font-family:Georgia,'Times New Roman',serif;margin-bottom:12px}.principle-readout p{font-size:14px;line-height:1.75;margin-bottom:15px;max-width:385px}.principle-readout a{font-size:12px;font-weight:600;color:var(--teal);text-decoration:underline;text-underline-offset:5px}.wheel-column{display:grid;justify-items:center;gap:25px}.wheel-stage{position:relative;width:min(100%,430px);aspect-ratio:1}.wheel-halo{position:absolute;inset:4%;border-radius:50%;background:radial-gradient(circle,#ffffffd1,#dbe9df5c 68%,transparent 70%);box-shadow:0 0 0 1px #cbdbd0,0 25px 65px #25493617;transform:scale(1.075)}.wheel{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;transform:rotate(-.001deg)}.quadrant{position:relative;padding:0;border:1px solid #ffffffb8;min-width:0;box-shadow:inset 0 2px 3px #fff8,inset 0 -3px 8px #071a1624,0 5px 13px #24483317;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s,filter .28s;isolation:isolate}.quadrant::after{content:'';position:absolute;inset:4px;border:1px solid #fff3;border-radius:inherit;pointer-events:none}.quadrant-indigenization{border-radius:100% 12px 12px 12px;background:linear-gradient(137deg,#ffffff,#dedfd9);color:#314541;--dx:-4px;--dy:-4px}.quadrant-accessibility{border-radius:12px 100% 12px 12px;background:linear-gradient(140deg,#ffed97,#e4bb31);color:#3b350e;--dx:4px;--dy:-4px}.quadrant-sovereignty{border-radius:12px 12px 12px 100%;background:linear-gradient(135deg,#3c5965,#152832);color:#f6ffff;--dx:-4px;--dy:4px}.quadrant-gamification{border-radius:12px 12px 100% 12px;background:linear-gradient(130deg,#ed8b80,#cb4d4c);color:#fff;--dx:4px;--dy:4px}.quadrant:hover,.quadrant:focus-visible{filter:brightness(1.06);transform:translate(var(--dx),var(--dy))}.quadrant.selected{transform:translate(calc(var(--dx)*1.75),calc(var(--dy)*1.75));box-shadow:inset 0 2px 3px #fff9,inset 0 -3px 8px #071a1624,0 12px 22px #24483324,0 0 0 3px #fff9}.quadrant:focus-visible{outline:3px solid #0b797d;outline-offset:5px}.wheel-center{width:108px;height:108px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;background:linear-gradient(#fff,#eaf2ed);border:5px solid #eef5f0;box-shadow:0 4px 12px #214e4224,inset 0 1px white;pointer-events:none}.wheel-center img{width:72px;height:72px;object-fit:contain;mix-blend-mode:multiply}.wheel-caption{font-size:10px;letter-spacing:.025em;line-height:1.6;text-align:center;color:#61766b;margin:0}.static-principles{padding-top:30px}.static-principles p{font-size:14px}
.library{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:90px}.library-frame{background:#fff;border:1px solid var(--rule);border-radius:12px;box-shadow:0 16px 40px #173d3511;overflow:hidden}.browser-label{display:flex;align-items:center;gap:8px;padding:16px 19px;border-bottom:1px solid #e2ebe5;font-size:11px;color:#344e47}.browser-label>span:last-child{margin-left:auto;font-size:10px;color:#6a8077}.library-image{display:block;padding:12px 0;overflow:hidden;aspect-ratio:1.35}.library-image img{display:block;width:100%;height:auto}.image-caption{font-size:10px;margin:0;padding:13px 19px;border-top:1px solid #e2ebe5;line-height:1.6}.library-copy h2{margin-bottom:25px}.library-copy>p:not(.eyebrow){font-size:16px;max-width:400px}.feature-list{list-style:none;margin:25px 0 29px;padding:0}.feature-list li{font-size:13px;line-height:1.5;padding:10px 0 10px 21px;position:relative;border-bottom:1px solid var(--rule)}.feature-list li::before{content:'✓';position:absolute;left:0;color:var(--teal);font-size:12px}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.text-link{font-size:12px;color:var(--teal);padding:10px 0;text-decoration:underline;text-underline-offset:5px}.founder{display:grid;grid-template-columns:1fr 1.12fr;gap:90px;border-top:1px solid var(--rule);padding-block:58px}.founder-identity{font-size:12px!important;margin-top:15px;margin-bottom:0!important}.founder>div:last-child p{font-size:15px}.founder>div:last-child p:last-child{margin-bottom:0}.pilot{background:linear-gradient(130deg,#e9f2ec,#dcece1);border:1px solid #c9ded0;border-radius:18px;padding:62px;display:grid;grid-template-columns:1.1fr 1fr;gap:100px;margin-top:22px;margin-bottom:22px}.pilot-copy h2{font-size:clamp(33px,3.4vw,46px);margin-bottom:25px}.pilot-copy>p:not(.eyebrow){font-size:15px;max-width:410px}.pilot-copy .button{margin-top:10px}.pilot-price{display:flex;flex-direction:column;align-items:flex-start;gap:8px;border-bottom:1px solid #bcd1c1;padding-bottom:26px;margin-bottom:12px}.pilot-price>span{font-size:11px;color:#587265}.pilot-price strong{font-family:Georgia,'Times New Roman',serif;font-size:35px;line-height:1.2;letter-spacing:-.045em;font-weight:400}.pilot-step{display:flex;gap:20px;align-items:center;border-bottom:1px solid #c6d9cb;padding:15px 0}.pilot-step>span{font-size:10px;color:#648474}.pilot-step p{font-size:13px;margin:0}.faq{display:grid;grid-template-columns:.7fr 1fr;gap:100px}.faq-list details{border-top:1px solid var(--rule)}.faq-list details:last-child{border-bottom:1px solid var(--rule)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;line-height:1.6;padding:21px 0;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:22px;color:#69837b;font-weight:400;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{font-size:14px;padding-right:35px;line-height:1.8;margin-top:0;margin-bottom:25px}.footer{border-top:1px solid var(--rule);padding:36px 0 30px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer .brand>img{width:48px;height:48px}.footer .brand>span{font-size:30px}.footer .brand small{font-size:8px}.contact-links{display:flex;flex-direction:column;gap:8px;font-size:12px}.contact-links a:hover{text-decoration:underline}.back-top{font-size:11px;color:#63786e}.footer-bottom{display:flex;gap:25px;align-items:center;justify-content:space-between;border-top:1px solid #e0e7e2;margin-top:35px;padding-top:21px;font-size:10px;color:#75847c}.footer-bottom p{font-size:10px;line-height:1.7;margin:0;max-width:440px}.footer-bottom>a{white-space:nowrap;color:#51685c}
@media(min-width:1600px){.hero{height:630px;max-height:none}}
@media(max-width:1000px){.shell{width:calc(100% - 48px)}.section{padding-block:66px}.header{min-height:94px}.header nav{gap:22px}.hero{height:580px;min-height:480px;max-height:none}.principles-grid{gap:45px}.wheel-stage{width:350px;max-width:100%}.wheel-center{width:94px;height:94px}.wheel-center img{width:63px;height:63px}.library{gap:45px}.section-heading{gap:30px}.section-heading h2{font-size:39px}.section-intro{max-width:280px;font-size:14px}.space{padding:22px 20px}.space h3{font-size:32px}.space p{font-size:13px}.space-top{gap:5px}.status{padding:5px 7px;font-size:9px}.pilot{gap:50px;padding:40px}.faq{gap:50px}.founder{gap:45px}}
@media(max-width:700px){.shell{width:calc(100% - 32px)}.header{min-height:89px;gap:15px}.brand>img{width:46px;height:46px}.brand>span{font-size:30px}.brand small{font-size:8px}.header nav{gap:16px}.header nav a{font-size:11px}.header nav a:first-child,.header nav a:nth-child(2){display:none}.nav-contact{font-size:11px;padding:10px 13px;gap:10px}.hero{min-height:0;height:590px;border-radius:16px;max-height:none}.scene>img,.scene>video{object-position:center 48%}.hero-corner{top:16px;left:16px}.ownership{font-size:10px;padding:8px 10px}.hero-controls{top:auto;right:16px;bottom:164px}.hero-controls button{font-size:10px;min-height:34px}.hero-dock{bottom:41px;left:16px;right:16px;transform:none;white-space:normal;border-radius:18px;padding:16px;flex-wrap:wrap;gap:13px;justify-content:space-between}.dock-label{width:100%;font-size:11px}.hero-dock .button{font-size:12px;padding:13px 16px;gap:16px;min-height:43px}.dock-school{font-size:11px;gap:8px;padding:10px 1px}.scene-note{right:17px;bottom:14px;font-size:9px}.section{padding-block:55px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:35px}.section-intro{max-width:100%;font-size:14px;margin-top:20px}.eyebrow{margin-bottom:16px;font-size:10px}.spaces{grid-template-columns:1fr;gap:14px}.space{padding:23px 25px}.space-top{margin-bottom:18px}.space h3{font-size:34px}.space p{font-size:14px}.space-bottom{font-size:11px}.status{font-size:10px;padding:6px 10px}.product.section{padding-bottom:55px}.principles-grid{grid-template-columns:1fr;gap:38px}.principles-copy h2{font-size:38px}.principles-copy>p:not(.eyebrow){max-width:100%}.wheel-column{grid-row:2;gap:20px}.wheel-stage{width:320px}.wheel-center{width:89px;height:89px;border-width:4px}.wheel-center img{width:59px;height:59px}.principle-readout{min-height:176px}.wheel-caption{font-size:10px}.library{grid-template-columns:1fr;gap:36px}.library-copy{grid-row:1}.library-copy h2{font-size:38px}.library-copy>p:not(.eyebrow){max-width:100%;font-size:15px}.library-frame{max-width:100%}.library-image{aspect-ratio:1.4}.founder{grid-template-columns:1fr;gap:27px;padding-block:45px}.founder h2{font-size:36px}.pilot{grid-template-columns:1fr;padding:30px 25px;gap:40px;border-radius:14px;margin-top:0}.pilot-copy h2{font-size:36px}.pilot-price strong{font-size:32px}.faq{grid-template-columns:1fr;gap:25px}.faq h2{font-size:36px}.faq-list summary{font-size:13px;padding:19px 0}.faq-list details>p{font-size:13px;padding-right:12px}.footer-top{align-items:flex-start;flex-wrap:wrap;gap:26px}.footer .brand>img{width:41px;height:41px}.footer .brand>span{font-size:27px}.contact-links{font-size:11px;gap:9px}.back-top{width:100%;font-size:11px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:14px;margin-top:25px}.footer-bottom p{max-width:100%}}
@media(max-width:370px){.header nav{display:none}.nav-contact{font-size:10px}.hero{height:535px}.hero-dock{gap:8px;padding:14px}.hero-dock .button{font-size:11px;padding:12px;gap:9px}.dock-school{font-size:10px;gap:6px}.wheel-stage{width:285px}.wheel-center{width:80px;height:80px}.wheel-center img{width:53px;height:53px}}
.hero-dock{background:linear-gradient(110deg,#16373eda,#28525ec7)}.dock-label{font-size:13px}.scene-note{font-size:11px}.quadrant-gamification{background:linear-gradient(130deg,#bd514d,#a9343c)}

@media(max-width:700px){.dock-label{font-size:12px}.scene-note{font-size:10px}.hero-controls{top:16px;bottom:auto}.hero{--scene-height:clamp(275px,85vw,330px);height:calc(var(--scene-height) + 155px);background:#19434e}.scene{height:var(--scene-height)}.scene::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(0deg,#19434e 0%,#19434e00 24%)}.hero::after{background:linear-gradient(0deg,#0b2e3640,transparent 60%)}.hero-dock{bottom:39px}}
@media(max-width:370px){}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.quadrant:hover,.quadrant:focus-visible,.quadrant.selected{transform:none}.button:hover{transform:none}}
/* Owner revision: white surfaces, neutral type, restrained blue accents. */
:root{--ink:#222b30;--muted:#586168;--teal:#006985;--rule:#dfe4e8;--paper:#ffffff;--navy:#202c37}
.nav-contact{border-color:#d2dae0}.nav-contact:hover{background:#f3f5f7}
.ownership{background:#ffffffdf;color:#263841}.hero-controls button{background:#ffffffde;color:#263841}
.availability-dot{background:#316b88;box-shadow:0 0 0 4px #316b8810}.dock-label .availability-dot{background:#e8f4ff;box-shadow:0 0 0 3px #e8f4ff1a}
.button-light{background:linear-gradient(#ffffff,#f0f4f7);color:#243744}.button-dark:hover{background:#334652}
.space,.space-live{background:#fff;border-color:var(--rule)}.status{background:#f3f4f5;color:#5b656b;border-color:#e0e4e7}.status-live{background:#edf3f7;color:#2c536b;border-color:#d6e3ec}
.space-bottom{border-color:var(--rule);color:#687179}.space-live .space-bottom{color:var(--teal);border-color:var(--rule)}
.principles{background:#ffffff;border-color:var(--rule)}.principle-readout{border-color:var(--rule)}.wheel-instruction{color:var(--muted)!important}.wheel-caption{color:var(--muted)}
.wheel-halo{background:radial-gradient(circle,#fff,#f0f2f4 68%,transparent 70%);box-shadow:0 0 0 1px #e1e5e8,0 25px 65px #17202a12}
.wheel-center{background:linear-gradient(#fff,#f1f3f5);border-color:#fff;box-shadow:0 4px 12px #17202a20,inset 0 1px white}
.quadrant{box-shadow:inset 0 2px 3px #fff8,inset 0 -3px 8px #07101a24,0 5px 13px #17202a17}
.library-frame{border-color:var(--rule);box-shadow:0 16px 40px #17202a0c}.browser-label,.image-caption{border-color:var(--rule)}.browser-label{color:#45525b}.browser-label>span:last-child{color:#65717a}
.pilot{background:#f5f6f7;border-color:var(--rule)}.pilot-price,.pilot-step{border-color:#d7dde2}.pilot-price>span,.pilot-step>span{color:#626e76}
.faq-list summary>span,.back-top{color:#6a7680}.footer-bottom{border-color:var(--rule);color:#6a7680}.footer-bottom>a{color:var(--muted)}
.treaty-anniversary{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center;border-block:1px solid var(--rule);background:#fff}
.treaty-anniversary h2{margin-bottom:22px}.anniversary-copy>p:not(.eyebrow){font-size:15px;max-width:61ch}.anniversary-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px}.anniversary-links .button,.anniversary-links .text-link{font-size:12px}
.anniversary-flags{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);align-items:end;gap:14px;padding:28px;border:1px solid var(--rule);background:#fff}
.anniversary-flag{margin:0;min-width:0}.anniversary-flag img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#fff;border:1px solid #dfe4e8}.anniversary-flag figcaption{text-align:center;font-size:12px;color:var(--ink);margin-top:10px}.flag-separator{align-self:center;text-align:center;color:#69727a;font-size:20px;padding-bottom:22px}.flag-credit{grid-column:1/-1;font-size:10px;line-height:1.55;margin:8px 0 0;color:var(--muted)}.flag-credit a{text-decoration:underline;text-underline-offset:2px}
.brand-lockup{display:block;line-height:0}.brand-lockup>img{display:block;width:300px;height:auto;object-fit:contain}.footer .brand-lockup>img{width:266px;height:auto}
:root{font-family:Arial,'Helvetica Neue',sans-serif}
h1,h2,h3{font-family:WolfWhaleSales,Arial,sans-serif;font-weight:700;letter-spacing:0}
h2{font-size:clamp(34px,3.65vw,52px);line-height:1.12}
h2 em{font-style:normal;font-weight:700;color:var(--teal);text-decoration:underline;text-decoration-color:#006d77;text-decoration-thickness:1px;text-underline-offset:.14em}
.anniversary-flag img[src$="treaty-six-flag.png"]{aspect-ratio:16/9}
.founder{grid-template-columns:.9fr .8fr 1.35fr;gap:40px;align-items:center}
.founder-photo{margin:0}.founder-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--rule)}.founder-photo figcaption{margin-top:9px;font-size:11px;color:var(--muted)}.founder-story p{font-size:14px}.founder-story p:last-child{margin-bottom:0}
.principles-grid{grid-template-columns:1fr;justify-items:center;gap:24px;text-align:center}
.principles-copy,.wheel-column{width:100%;display:flex;flex-direction:column;align-items:center}
.principles-copy>p:not(.eyebrow){max-width:68ch;margin-inline:auto}
.wheel-instruction{font-size:15px!important;line-height:1.5;margin:8px auto 0!important;color:var(--muted)!important}
.wheel-column{gap:24px}.wheel-stage{width:min(100%,480px)}

.principle-readout{width:min(100%,760px);min-height:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 20px 0;margin-inline:auto}
.principle-readout .readout-marker{width:13px;height:13px;margin:0 auto 10px}.principle-readout h3{font-size:28px;margin-bottom:8px}.principle-readout p{font-size:16px;max-width:62ch;margin:0 auto 12px}.principle-readout a{font-size:14px}.wheel-caption{font-size:11px}
.pet-section{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;border-block:1px solid var(--rule);background:#fff}
.pet-display{position:relative;min-height:360px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d7e2e8;background:radial-gradient(ellipse at 50% 47%,#f7fbff 0,#eff4f7 53%,#fff 74%);padding:28px}
.pet-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 84%,#dce8ee80 0,transparent 65%)}
.pet-mascot{position:relative;z-index:1;width:clamp(155px,22vw,230px);height:auto;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 18px 15px #172d3a20);animation:companionBob 3.5s ease-in-out infinite}
.pet-bubble,.pet-ripple{position:absolute;border-radius:50%;border:1px solid #789aad55;background:#fff8}.pet-bubble-one{width:10px;height:10px;left:17%;top:30%;animation:petBubble 4.5s ease-in-out infinite}.pet-bubble-two{width:7px;height:7px;right:19%;top:43%;animation:petBubble 5.4s ease-in-out -1.2s infinite}.pet-bubble-three{width:5px;height:5px;left:28%;top:67%;animation:petBubble 5s ease-in-out -2.1s infinite}.pet-ripple{width:128px;height:16px;left:50%;bottom:23%;transform:translateX(-50%);border:0;border-top:1px solid #66859a56;background:transparent;box-shadow:0 -4px 0 -3px #66859a35,0 -8px 0 -7px #66859a24}
.pet-display-caption{width:min(100%,310px);display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid #d6e0e5;z-index:1;font-size:12px;color:var(--ink)}.pet-stage-status{font-size:10px;color:var(--muted)}.pet-greeting{margin:14px 0 8px;color:var(--muted);text-align:center;font-size:14px;z-index:1}.pet-greet{z-index:1;border:0;border-bottom:1px solid var(--teal);background:transparent;color:var(--teal);font-size:12px;font-weight:600;padding:8px 4px;display:flex;gap:12px;align-items:center}.pet-copy h2{margin:0 0 22px}.pet-copy>p:not(.eyebrow){max-width:50ch;font-size:15px}.pet-copy .text-link{display:inline-flex;align-items:center;gap:15px;margin-top:3px}
@keyframes companionBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes petBubble{0%,100%{transform:translateY(3px);opacity:.45}50%{transform:translateY(-10px);opacity:.9}}

@media(max-width:700px){.pet-section{grid-template-columns:1fr;gap:28px}.pet-display{min-height:320px}}
@media(max-width:370px){.pet-display{padding:20px}}
@media(prefers-reduced-motion:reduce){.pet-mascot,.pet-bubble{animation:none}}
@media(max-width:1000px){.brand-lockup>img{width:260px}.treaty-anniversary{gap:36px}.anniversary-flags{padding:20px;gap:10px}.founder{grid-template-columns:.82fr 1fr;gap:26px}.founder-photo{grid-row:span 2}.founder-story p{font-size:13px}}
@media(max-width:700px){.brand-lockup>img{width:225px}.footer .brand-lockup>img{width:220px}.treaty-anniversary{grid-template-columns:1fr;gap:26px}.treaty-anniversary h2{font-size:39px}.anniversary-copy>p:not(.eyebrow){font-size:14px}.anniversary-links{gap:10px}.anniversary-links .button,.anniversary-links .text-link{width:100%;justify-content:space-between}.anniversary-flags{padding:16px;gap:8px}.anniversary-flag figcaption{font-size:11px}.flag-separator{font-size:16px}.flag-credit{font-size:9px}.founder{grid-template-columns:1fr;gap:16px}.founder-photo{grid-row:auto}.founder-photo img{max-height:360px;object-fit:cover;object-position:center}.founder-heading{margin-top:5px}.founder-story p{font-size:14px}}
/* Landing polish: one typographic scale, shared alignment and compact launch feature. */
.section{padding-block:76px}
h2,.section-heading h2,.principles-copy h2,.library-copy h2,.pilot-copy h2,.founder h2,.faq h2{font-size:clamp(32px,3.25vw,44px);line-height:1.16;text-wrap:balance}
h2 em{text-decoration:none;color:var(--teal)}
.eyebrow{margin-bottom:16px;letter-spacing:.12em}
p{line-height:1.65}.section-heading{align-items:flex-start;gap:48px;margin-bottom:32px}.section-heading h2{max-width:740px}.section-intro{padding-top:32px;max-width:290px;font-size:15px}
.button,.nav-contact,.text-link,.space-bottom{font-size:13px}.button{min-height:48px;gap:18px;font-weight:600}.text-link{min-height:44px;display:inline-flex;align-items:center;gap:12px}
.spaces{gap:20px}.space{display:flex;flex-direction:column;padding:28px;min-width:0}.space h3{font-size:30px}.space p{font-size:15px;line-height:1.65;margin-bottom:24px}.space-top{margin-bottom:24px}.space-bottom{margin-top:auto;min-height:44px}.status{font-size:11px}
.treaty-anniversary{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:56px;padding-block:48px}.treaty-anniversary h2{font-size:clamp(30px,2.8vw,38px);margin-bottom:14px}.anniversary-copy>p:not(.eyebrow){font-size:15px;margin-bottom:0}.anniversary-links{margin-top:20px}.anniversary-flags{padding:0;border:0;gap:14px}.anniversary-flag figcaption{font-size:12px;line-height:1.5}.flag-source{grid-column:1/-1;color:var(--muted);font-size:11px;line-height:1.6}.flag-source summary{cursor:pointer;min-height:32px;display:flex;align-items:center;gap:8px;list-style:none}.flag-source summary::-webkit-details-marker{display:none}.flag-source summary::after{content:'+';font-size:15px}.flag-source[open] summary::after{content:'−'}.flag-source p{font-size:11px;line-height:1.6;margin:4px 0 0}
.library{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}.library-copy>p:not(.eyebrow){max-width:48ch;font-size:15px}.library-copy h2{margin-bottom:20px}.library-tools{padding-top:12px}.feature-list{margin:0 0 24px}.feature-list li{font-size:14px;padding-block:14px}.actions{gap:20px}
.principles-copy>p:not(.eyebrow){font-size:15px;max-width:60ch}.principles-copy h2{margin-bottom:20px}.wheel-stage{width:min(100%,460px)}.principle-readout{min-height:176px;justify-content:flex-start;padding-top:24px}.principle-readout h3{font-size:26px}.principle-readout p{font-size:15px;max-width:55ch}.principle-readout a{font-size:13px}
.pet-section{border-top:0;gap:64px}.pet-copy>p:not(.eyebrow){font-size:15px;max-width:45ch}.pet-greet{min-height:44px;font-size:13px}.pet-stage-status{font-size:11px}
.founder{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;padding-block:76px;align-items:center}.founder-photo img{aspect-ratio:4/3;object-fit:contain;background:#f5f6f7}.founder-identity{font-size:13px!important;line-height:1.6;margin-top:16px;margin-bottom:22px!important}.founder-story p{font-size:15px;max-width:58ch;margin:0}
.pilot{padding:48px;gap:64px;margin-block:0}.pilot-copy h2{margin-bottom:20px}.pilot-copy>p:not(.eyebrow){font-size:15px}.pilot-price strong{font-family:WolfWhaleSales,Arial,sans-serif;font-size:34px;letter-spacing:0;font-weight:700}.pilot-step p,.pilot-price>span{font-size:13px}.pilot-step{gap:16px}.faq{gap:64px}.faq-list summary,.faq-list details>p{font-size:15px}
.footer-bottom{font-size:11px}.footer-bottom p{font-size:11px}.contact-links{font-size:13px}
@media(max-width:1000px){.section{padding-block:60px}.section-heading{gap:28px}.section-intro{max-width:250px}.treaty-anniversary{gap:32px;padding-block:42px}.library,.pet-section,.founder,.faq{gap:36px}.pilot{gap:36px;padding:36px}.space{padding:24px}.brand-lockup>img{width:250px}}
@media(max-width:700px){.section{padding-block:48px}.section-heading h2,h2,.principles-copy h2,.library-copy h2,.pilot-copy h2,.founder h2,.faq h2{font-size:32px}.section-heading{margin-bottom:28px}.section-intro{padding-top:0;margin-top:18px;max-width:100%;font-size:15px}.header{gap:12px}.brand-lockup>img{width:190px}.header nav{display:none}.nav-contact{font-size:12px;padding:12px;gap:8px;white-space:nowrap}.treaty-anniversary{grid-template-columns:1fr;gap:28px;padding-block:36px}.treaty-anniversary h2{font-size:30px}.anniversary-links .button{width:auto;font-size:13px}.anniversary-flags{max-width:440px;width:100%;gap:12px}.flag-source{font-size:11px}.library,.founder,.pet-section,.faq{grid-template-columns:1fr;gap:28px}.library-tools{padding-top:0}.library-copy{grid-row:auto}.founder-photo img{max-height:none}.founder-heading{margin-top:0}.founder-story p{font-size:15px}.pet-display{min-height:320px}.pilot{grid-template-columns:1fr;padding:28px 24px;gap:32px}.pilot-copy h2{font-size:32px}.faq-list summary,.faq-list details>p{font-size:14px}.footer .brand-lockup>img{width:220px}.footer-bottom p{max-width:60ch}.principle-readout{min-height:190px;padding-inline:0}.principle-readout h3{font-size:24px}}
@media(max-width:370px){.brand-lockup>img{width:168px}.header{gap:8px}.nav-contact{font-size:11px;padding:10px;gap:6px}.space{padding:22px}.treaty-anniversary h2{font-size:28px}}

/* Medicine wheel: mirrored inset labels and a compact, consistent reading rhythm. */
.principles.section{padding-block:56px}
.principles-grid{gap:28px}
.principles-copy .eyebrow{margin-bottom:10px}
.principles-copy h2{margin-bottom:14px}
.principles-copy>p:not(.eyebrow){max-width:56ch;margin-bottom:12px;text-wrap:pretty}
.principles-copy .wheel-instruction{font-size:14px!important;margin:0!important}
.wheel-column{gap:28px}
.wheel-stage{width:min(100%,440px);container-type:inline-size}
.wheel{gap:8px}
.quadrant-label{
  position:absolute;
  left:60%;top:58%;
  transform:translate(-50%,-50%);
  width:72%;
  display:flex;flex-direction:column;align-items:center;gap:8px;
  text-align:center;pointer-events:none;z-index:1;
}
.quadrant-accessibility .quadrant-label{left:40%}
.quadrant-sovereignty .quadrant-label{top:42%}
.quadrant-gamification .quadrant-label{left:40%;top:42%}
.quadrant-title{
  display:grid;place-content:center;
  width:100%;min-width:0;min-height:2.4em;overflow-wrap:anywhere;
  font-size:clamp(11px,3.4cqi,15px);font-weight:600;line-height:1.2;letter-spacing:0;
}
.quadrant-symbol{
  position:static;font-size:clamp(10px,2.5cqi,11px);font-weight:400;
  line-height:1;letter-spacing:.06em;font-variant-numeric:tabular-nums;opacity:.7;
}
.wheel-center{width:22%;height:22%;border-width:4px}
.wheel-center img{width:70%;height:70%}
.principle-readout{
  width:min(100%,560px);display:grid;grid-template-columns:12px minmax(0,1fr);
  align-items:start;gap:16px;min-height:160px;padding:22px 16px 0;text-align:left;
}
.principle-readout .readout-marker{width:12px;height:12px;margin:8px 0 0}
.principle-readout h3{font-family:WolfWhaleSales,Arial,sans-serif;font-size:28px;line-height:1.2;letter-spacing:0;margin-bottom:10px}
.principle-readout p{font-size:15px;line-height:1.6;max-width:52ch;margin:0 0 10px;text-wrap:pretty}
.principle-readout a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:13px;line-height:1.5}
@media(max-width:700px){
  .principles.section{padding-block:40px}
  .principles-grid{gap:24px}
  .wheel-column{gap:24px}
  .wheel-stage{width:min(100%,360px)}
  .wheel{gap:6px}
  .principle-readout{padding:20px 4px 0;gap:12px;min-height:178px}
  .principle-readout h3{font-size:26px}
  .principle-readout p{font-size:14px}
}

/* WolfWhale virtual pet: one panel, a quiet illustration field and a grouped action. */
.pet-section.section{
  grid-template-columns:minmax(0,.8fr) minmax(0,1fr);
  align-items:center;gap:clamp(28px,4vw,64px);
  padding:36px clamp(24px,4vw,56px);margin-block:40px;
  background:#f7f9fa;border:1px solid var(--rule);border-radius:18px;
}
.pet-display{
  margin:0;min-width:0;min-height:280px;position:relative;
  padding:20px;overflow:visible;border:0;background:transparent;
}
.pet-display::before{
  content:'';position:absolute;width:260px;max-width:100%;aspect-ratio:1;
  border-radius:50%;background:#ecf1f4;border:1px solid #e4eaee;
}
.pet-mascot{width:min(100%,224px);filter:drop-shadow(0 10px 12px #172d3a14)}
.pet-copy{min-width:0;max-width:500px}
.pet-heading{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.pet-heading .eyebrow{margin:0;font-size:11px;white-space:nowrap}
.pet-heading .pet-stage-status{font-size:11px;line-height:1.5;color:#52616b;white-space:nowrap}
.pet-copy h2{font-size:clamp(32px,3vw,42px);line-height:1.15;margin:0 0 16px;text-wrap:balance}
.pet-copy>p:not(.eyebrow):not(.pet-greeting){max-width:44ch;font-size:15px;line-height:1.6;margin-bottom:22px;text-wrap:pretty}
.pet-greet{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  min-height:46px;padding:12px 20px;border:1px solid var(--teal);border-radius:999px;
  background:var(--teal);color:#fff;font-size:14px;font-weight:600;line-height:1.4;
  transition:background .2s,transform .2s;
}
.pet-greet:hover{background:#00536a;transform:translateY(-1px)}
.pet-copy>p.pet-greeting{
  min-height:44px;max-width:44ch;margin:12px 0 0;text-align:left;
  font-size:13px;line-height:1.55;color:var(--muted);text-wrap:pretty;
}
@media(max-width:700px){
  .pet-section.section{grid-template-columns:1fr;gap:20px;padding:28px 24px;margin-block:28px;border-radius:14px}
  .pet-display{min-height:200px;padding:8px}
  .pet-display::before{width:200px}
  .pet-mascot{width:174px}
  .pet-copy{width:100%;max-width:440px;margin-inline:auto}
  .pet-heading{gap:10px;margin-bottom:12px}
  .pet-copy h2{font-size:32px;margin-bottom:14px}
  .pet-copy>p:not(.eyebrow):not(.pet-greeting){font-size:14px;margin-bottom:18px}
  .pet-copy>p.pet-greeting{min-height:42px}
}
@media(prefers-reduced-motion:reduce){.pet-greet{transition:none}.pet-greet:hover{transform:none}}

/* Opaque white vector details must not blend into the illustration field. */
.pet-mascot{mix-blend-mode:normal}

/* Source crop: x=300, y=100, width=900, height=720 in the original 1280×960 photograph. */
.founder-crop{position:relative;width:100%;aspect-ratio:5/4;overflow:hidden;border:1px solid var(--rule);background:#f5f6f7}
.founder-photo .founder-crop img{
  position:absolute;left:-33.333333%;top:-13.888889%;
  width:142.222222%;max-width:none;height:auto;max-height:none;
  aspect-ratio:auto;object-fit:fill;border:0;
}

/* Main learning-management-system explanation; workflow labels describe planned school tools. */
.lms-section.section{padding-block:60px;border-top:1px solid var(--rule)}
.lms-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:start}
.lms-intro h2{max-width:530px}
.lms-explanation p{font-size:15px;line-height:1.65;max-width:62ch;text-wrap:pretty}
.lms-explanation p:last-child{margin-bottom:0}
.lms-workflow{margin-top:32px}
.lms-flow-label{margin-bottom:14px;font-size:12px;font-weight:600;color:var(--muted)}
.lms-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;margin:0;padding:0}
.lms-flow li{min-width:0;border-top:1px solid var(--rule);padding-top:18px}
.lms-step-number{display:block;margin-bottom:10px;font-size:11px;font-variant-numeric:tabular-nums;color:var(--teal)}
.lms-flow h3{font-size:25px;line-height:1.2;letter-spacing:0;margin-bottom:10px}
.lms-flow p{font-size:14px;line-height:1.6;max-width:35ch;margin:0}
.lms-availability{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:28px;padding:24px 28px;background:#f7f9fa;border:1px solid var(--rule);border-radius:12px}
.lms-availability>div{min-width:0;max-width:75ch}
.lms-availability p{font-size:14px;line-height:1.6;margin:0;text-wrap:pretty}
.lms-availability .lms-state{margin-bottom:12px}
.lms-state .status{display:inline-block}
.lms-availability .button{flex:none;white-space:nowrap}
@media(max-width:1000px){.lms-intro{gap:32px}.lms-flow{gap:24px}.lms-availability{align-items:flex-start;flex-direction:column;gap:20px}}
@media(max-width:700px){
  .lms-section.section{padding-block:40px}
  .lms-intro{grid-template-columns:1fr;gap:24px}
  .lms-explanation p{font-size:14px;line-height:1.65}
  .lms-workflow{margin-top:26px}
  .lms-flow{grid-template-columns:1fr;gap:20px}
  .lms-flow li{padding-top:16px}
  .lms-step-number{margin-bottom:8px}
  .lms-flow h3{font-size:24px;margin-bottom:8px}
  .lms-flow p{max-width:100%}
  .lms-availability{padding:22px 20px}
  .lms-availability .button{white-space:normal;max-width:100%}
}

/* Owner refinement: concise headings in one colour and content-sized product cards. */
h1,h2,h3{color:var(--ink)}
h2 em{color:inherit;text-decoration:none}
.product.section{padding-bottom:44px}
.spaces{gap:12px;align-items:start}
.space{padding:20px;min-height:0;border-radius:10px}
.space h3{font-family:WolfWhaleSales,Arial,sans-serif;font-size:28px;line-height:1.15;margin:0 0 8px}
.space p{font-size:14px;line-height:1.5;margin:0}
.space .space-bottom{margin-top:10px;padding:0;border:0;min-height:44px;font-size:13px;line-height:1.5}
.wheel{transform:none}
.wheel-center img{mix-blend-mode:normal;filter:none;opacity:1;image-rendering:auto}
@media(max-width:700px){
  .product.section{padding-bottom:32px}
  .space{padding:18px 20px}
  .space h3{font-size:26px;margin-bottom:6px}
  .spaces{gap:10px}
  .pet-section.section{padding-block:24px}
  .pet-display{min-height:180px}
  .pet-display::before{width:180px}
  .pet-mascot{width:160px}
}

/* Two clear offers, identity flags and visible navigation on small screens. */
.header{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:24px;padding-block:18px}
.header nav{justify-content:flex-end;gap:24px;font-size:13px}
.header nav a{min-height:44px;display:inline-flex;align-items:center;gap:6px;line-height:1.35}
.identity-flags{display:flex;align-items:center;gap:12px}
.identity-flags img{display:block;object-fit:contain;aspect-ratio:16/9;border:1px solid #dfe4e8;background:#fff}
.header-flags img{width:48px;height:27px}
.offer-intro{padding-block:20px 34px}
.offer-intro .eyebrow{margin-bottom:12px}
.offer-intro h1{font-size:clamp(34px,4.1vw,52px);line-height:1.12;max-width:860px;margin:0 0 18px;text-wrap:balance}
.offer-intro>p:not(.eyebrow){font-size:16px;line-height:1.6;max-width:76ch;margin-bottom:20px}
.offer-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.button-outline{background:#fff;border:1px solid #8599a7;color:var(--ink)}
.button-outline:hover{background:#f3f6f8}
.offer-intro>p.offer-availability{margin:14px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}
.footer-flags{gap:14px}
.footer-flags figure{margin:0;text-align:center}
.footer-flags img{width:64px;height:36px}
.footer-flags figcaption{margin-top:6px;font-size:11px;line-height:1.4;color:var(--muted)}
@media(max-width:1100px){
  .header{grid-template-columns:minmax(0,1fr) auto;gap:10px 24px;padding-block:16px}
  .header .brand{grid-column:1;grid-row:1}
  .header-flags{grid-column:2;grid-row:1;justify-content:flex-end}
  .header nav{grid-column:1;grid-row:2;justify-content:flex-start;gap:24px}
  .nav-contact{grid-column:2;grid-row:2;justify-self:end}
}
@media(max-width:700px){
  .shell{width:calc(100% - 48px)}
  .header{gap:6px 12px;padding-block:14px}
  .header-flags{gap:8px}
  .header-flags img{width:40px;height:23px}
  .header nav{display:flex;grid-column:1/-1;gap:20px;justify-content:flex-start;flex-wrap:wrap;font-size:12px}
  .header nav a,.header nav a:first-child,.header nav a:nth-child(2){display:inline-flex;font-size:12px;padding-block:10px}
  .header .nav-contact{display:none}
  .offer-intro{padding-block:16px 28px}
  .offer-intro h1{font-size:32px;line-height:1.16;margin-bottom:16px}
  .offer-intro>p:not(.eyebrow){font-size:14px;line-height:1.6;margin-bottom:18px}
  .offer-actions{align-items:stretch;gap:10px}
  .offer-actions .button{width:100%;font-size:13px;min-height:48px}
  .offer-intro>p.offer-availability{font-size:12px;margin-top:12px;margin-bottom:0}
  .footer-top{display:grid;grid-template-columns:1fr auto;gap:26px 16px}
  .footer .brand-lockup{grid-column:1/-1}
  .footer-flags{grid-column:1;grid-row:2;gap:12px;justify-content:flex-start}
  .footer .contact-links{grid-column:2;grid-row:2;justify-self:end;align-self:center}
  .footer .back-top{grid-column:1/-1}
}
@media(max-width:370px){
  .header .brand-lockup>img{width:160px}
  .header-flags{gap:6px}
  .header-flags img{width:36px;height:21px}
  .header nav{gap:8px 16px}
  .header nav a{font-size:11px!important}
  .offer-intro h1{font-size:29px}
  .footer-flags{gap:10px}
  .footer-flags img{width:50px;height:29px}
  .footer .contact-links{font-size:11px}
}

/* Looseleaf lines live only in the empty edge rails, away from text and focus rings. */
body{position:relative;isolation:isolate}
body::before,body::after{
  content:'';position:absolute;inset-block:0;z-index:20;width:12px;
  pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0 31px,#8abce578 31px 32px);
}
body::before{left:max(6px,calc((100% - 1240px)/2 - 26px));border-right:1px solid #d877827d}
body::after{right:max(6px,calc((100% - 1240px)/2 - 26px))}
@media(max-width:1000px){body::before,body::after{width:8px}body::before{left:6px}body::after{right:6px}}
@media print{body::before,body::after{display:none}}

/* Owner-approved chat polish, 30 September 2026. */




@media(min-width:701px){.header{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:clamp(14px,2vw,28px);padding-block:12px;align-items:center}.header .brand{grid-column:1;grid-row:1}.header nav{grid-column:2;grid-row:1;justify-content:flex-end;gap:clamp(16px,2vw,28px);font-size:13px;white-space:nowrap}.header-flags{grid-column:3;grid-row:1;gap:8px}.header-flags img{width:40px;height:23px}.header .nav-contact{grid-column:4;grid-row:1;justify-self:end;padding:10px 14px;white-space:nowrap}}
@media(min-width:701px) and (max-width:1100px){.brand-lockup>img{width:220px}.header{gap:14px}.header nav{gap:16px;font-size:12px}.nav-contact{font-size:12px}.offer-intro{padding-block:18px 26px}.offer-intro h1{font-size:clamp(38px,4vw,46px);max-width:730px;margin-bottom:14px}.offer-intro>p:not(.eyebrow){max-width:70ch;margin-bottom:16px}}
@media(max-width:700px){}

#principles .quadrant-title{font-size:clamp(16px,4.5cqi,28px);font-weight:700;line-height:1.18;overflow-wrap:normal;word-break:normal}
#principles .quadrant-symbol{font-size:clamp(11px,2.4cqi,15px)}
#principles .quadrant-label{gap:10px}


@media(min-width:1100px){
 #principles .principles-grid{width:min(1400px,calc(100% - 120px));grid-template-columns:minmax(0,640px) minmax(340px,1fr);grid-template-rows:auto auto;column-gap:clamp(32px,5vw,76px);row-gap:0;align-items:center;justify-items:stretch;text-align:left}
 #principles .principles-copy{grid-column:2;grid-row:1;align-items:flex-start;text-align:left}
 #principles .principles-copy>p:not(.eyebrow){margin-inline:0;max-width:54ch}
 #principles .principles-copy .wheel-instruction{margin:10px 0 0!important;text-align:left}
 #principles .wheel-column{display:contents}
 #principles .wheel-stage{grid-column:1;grid-row:1 / span 2;width:min(calc(100% - 64px),560px);justify-self:center}
 #principles .principle-readout{grid-column:2;grid-row:2;width:100%;min-height:0;margin-top:12px;padding:22px 0 0;border-top:1px solid var(--rule);display:grid;grid-template-columns:13px minmax(0,1fr);gap:16px;align-items:start;text-align:left}
 #principles .principle-readout .readout-marker{margin:9px 0 0}
 #principles .principle-readout h3{font-size:30px;margin-bottom:10px}
 #principles .principle-readout p{max-width:44ch;margin:0 0 12px}
}

@media(min-width:1100px){
 #principles .principles-grid{width:min(1400px,calc(100% - 120px));grid-template-columns:minmax(0,640px) minmax(340px,1fr);}
 #principles .wheel-stage{width:min(calc(100% - 64px),560px);justify-self:center;}
 #principles .principle-readout{margin-top:12px;}
}

#product{background:#f3f5f6;border:1px solid #dfe4e8;border-radius:18px;padding:clamp(28px,4vw,48px);margin-block:40px;max-width:calc(1240px - 0px)}#product .section-heading{display:block;margin-bottom:26px}#product .section-heading h2{max-width:100%;font-size:clamp(30px,3.5vw,44px)}#product .space{background:#fff}@media(max-width:700px){#product{padding:24px;margin-block:26px}#product .section-heading h2{font-size:29px}}
#virtual-pet .pet-display{isolation:isolate}
#virtual-pet .pet-atmosphere{z-index:0}
#virtual-pet .pet-mascot{transform-origin:50% 62%;animation:companionBob 2.7s ease-in-out infinite}
#virtual-pet .pet-ripple{animation:petRipple 3s ease-in-out infinite}
#virtual-pet .pet-display.is-greeting .pet-mascot{animation:petGreeting 850ms cubic-bezier(.2,.8,.25,1)}
@keyframes petGreeting{0%,100%{transform:translateY(0) rotate(0) scale(1)}22%{transform:translateY(-16px) rotate(-8deg) scale(1.06)}48%{transform:translateY(-3px) rotate(7deg) scale(1.02)}72%{transform:translateY(-10px) rotate(-4deg) scale(1.04)}}
@keyframes petRipple{0%,100%{opacity:.35;transform:translateX(-50%) scaleX(.85)}50%{opacity:.8;transform:translateX(-50%) scaleX(1.08)}}
@media(prefers-reduced-motion:reduce){#virtual-pet .pet-mascot,#virtual-pet .pet-bubble,#virtual-pet .pet-ripple{animation:none!important}}
#virtual-pet .pet-greeting:empty{display:none}#virtual-pet .pet-greeting{min-height:0}#virtual-pet .pet-copy>p:not(.pet-greeting){margin-bottom:18px}@media (pointer:fine){html,body,body *{cursor:url("/assets/wolfwhale-cursor.svg?v=chat-polish-20260930") 16 16,auto}a,a *,button,button *,summary,summary *,[role="button"],[role="button"] *{cursor:url("/assets/wolfwhale-link-cursor.svg?v=chat-polish-20260930") 14 14,pointer}input,textarea,[contenteditable="true"]{cursor:text}}.footer.shell{background:#f3f5f6;border:1px solid #dfe4e8;border-radius:18px;padding:32px;margin-block:40px 24px}
.footer .footer-top{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(180px,1fr);gap:28px;align-items:center}
.footer .brand-lockup>img{width:220px}
.footer .footer-flags{gap:12px;justify-content:center}
.footer .footer-flags img{width:56px;height:32px}
.footer .contact-links{display:flex;flex-direction:column;gap:10px;justify-self:end;font-size:14px;align-items:flex-end}
.footer .footer-bottom{display:grid;grid-template-columns:1fr auto;gap:7px 24px;margin-top:24px;padding-top:20px;border-top:1px solid #d8dfe4;align-items:center;color:#4f5b63;font-size:12px}
.footer .footer-bottom>span{grid-column:1;grid-row:1}
.footer .footer-bottom>p{grid-column:1;grid-row:2;font-size:12px;line-height:1.5;color:#4f5b63;margin:0;max-width:none}
.footer .footer-bottom>.back-top{grid-column:2;grid-row:1 / span 2;font-size:13px;white-space:nowrap;padding:10px 0;color:#334852}
@media(max-width:700px){.footer.shell{padding:24px;margin-block:28px 20px}.footer .footer-top{grid-template-columns:1fr;gap:24px}.footer .brand-lockup,.footer .footer-flags,.footer .contact-links{grid-column:1;grid-row:auto;justify-self:start;align-items:flex-start}.footer .footer-flags{justify-content:flex-start}.footer .footer-bottom{grid-template-columns:1fr;gap:10px}.footer .footer-bottom>.back-top{grid-column:1;grid-row:3}.footer .brand-lockup>img{width:210px}}
body::before,body::after{width:24px;background:repeating-linear-gradient(to bottom,transparent 0 29px,#317dc5 29px 32px)}
body::before{border-right:2px solid #d14e61d9}
@media(max-width:1000px){body::before,body::after{width:16px}}

/* Full-width paper margins — owner-approved, 30 September 2026. */
:root{--page-gutter:clamp(36px,10vw,220px)}
.shell{width:calc(100% - var(--page-gutter)*2)}
#product{max-width:none}
body::before,body::after{width:calc(var(--page-gutter) - 32px);background:repeating-linear-gradient(to bottom,transparent 0 31px,rgba(49,125,197,.22) 31px 32px)}
body::before{left:20px;border-right:1px solid rgba(209,78,97,.28)}
body::after{right:20px;border-left:1px solid rgba(209,78,97,.28)}
@media(min-width:1100px){#principles .principles-grid{width:calc(100% - var(--page-gutter)*2);grid-template-columns:minmax(0,1fr) minmax(340px,1fr);column-gap:clamp(48px,6vw,120px)}}
@media(max-width:700px){:root{--page-gutter:24px}body::before,body::after{width:8px}body::before{left:4px}body::after{right:4px}}

/* Keep short content together inside the wide page. */
.faq.section{display:block;padding-block:40px}
.faq>div:first-child{margin-bottom:20px}
.faq .eyebrow{margin-bottom:8px}
.faq-list{width:100%}
.faq-list summary{padding-block:16px}
.faq-list details>p{max-width:75ch;margin-bottom:18px}
.library.section,.founder.section{padding-block:44px;gap:clamp(28px,3vw,48px)}
.library{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.pilot{gap:clamp(28px,3vw,48px);padding:32px}
.section-heading{gap:32px;margin-bottom:24px}
@media(max-width:700px){.faq.section,.library.section,.founder.section{padding-block:32px}.library{grid-template-columns:1fr}.pilot{padding:24px}.faq-list summary{padding-block:14px}}
@media(min-width:2000px){#principles .principles-grid{max-width:1600px}}