@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap");:root{--ink:#122f4f;--muted:#5e7188;--blue:#188cf3;--blue-dark:#0873d3;--sky:#dff2ff;--cloud:#f6fbff;--line:#cee3f2;--white:#fff;--radius:28px;--shadow:0 22px 60px rgba(18,81,133,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}.brand,h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(2.7rem,6vw,5.7rem);line-height:.98;letter-spacing:-.055em}h2{font-size:clamp(2rem,3.8vw,3.6rem);line-height:1.05;letter-spacing:-.04em}p{color:var(--muted);line-height:1.7}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);border-bottom:1px solid rgba(206,227,242,.8);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-inner{width:min(1200px,calc(100% - 40px));min-height:78px;margin:auto;display:flex;align-items:center;gap:34px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:1.25rem;margin-right:auto}.brand-bubble{width:38px;height:38px;display:grid;place-items:center;color:white;background:var(--blue);border-radius:14px 14px 14px 5px;box-shadow:0 8px 18px rgba(24,140,243,.28)}.site-header nav{display:flex;gap:28px;font-size:.95rem;font-weight:600}.site-header nav a:hover{color:var(--blue)}.button,.header-cta{min-height:46px;padding:0 20px;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;cursor:pointer;transition:transform .18s,background .18s,box-shadow .18s}.header-cta{color:white;background:var(--ink)}.button:hover,.header-cta:hover{transform:translateY(-2px)}.mobile-menu{display:none;position:relative}.mobile-menu summary{list-style:none;cursor:pointer}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu div{position:absolute;right:0;top:42px;width:210px;padding:12px;background:white;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.mobile-menu a{display:block;padding:11px 12px;border-radius:10px}.yoo-hero{min-height:710px;padding:82px max(24px,calc((100vw - 1200px) / 2));display:grid;grid-template-columns:1.12fr .88fr;align-items:center;grid-gap:40px;gap:40px;overflow:hidden;background:radial-gradient(circle at 77% 42%,#fff 0 11%,transparent 38%),linear-gradient(145deg,#f7fcff,#e4f5ff 54%,#caebff)}.hero-copy{position:relative;z-index:2}.eyebrow{color:var(--blue-dark);display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.eyebrow.light{color:#bde2ff}.hero-copy h1{max-width:790px;margin-bottom:28px}.hero-copy h1 em{color:var(--blue);font-style:normal}.hero-copy>p{max-width:650px;font-size:1.12rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0}.button.primary{color:white;background:var(--blue);box-shadow:0 12px 28px rgba(24,140,243,.24)}.button.primary:hover{background:var(--blue-dark)}.button.secondary{color:var(--ink);background:white;border:1px solid var(--line)}.button.light{background:white;color:var(--blue-dark)}.hero-proof{display:flex;flex-wrap:wrap;gap:20px;color:#3d5a72;font-size:.88rem;font-weight:600}.hero-proof span{display:inline-flex;align-items:center;gap:6px}.hero-proof svg{width:17px;color:var(--blue)}.mascot-stage{position:relative;min-height:500px;display:grid;place-items:center}.mascot-stage:before{content:"";position:absolute;inset:11% 5%;border-radius:50%;background:rgba(255,255,255,.58);box-shadow:inset 0 0 80px rgba(24,140,243,.08),0 30px 90px rgba(24,140,243,.16)}.mascot-stage img{position:relative;width:min(540px,100%);transform:scale(1.16);filter:drop-shadow(0 30px 34px rgba(42,113,163,.15))}.orbit-note{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;padding:12px 16px;color:var(--ink);background:white;border:1px solid #e4f2fb;border-radius:18px;box-shadow:var(--shadow);font-size:.86rem;font-weight:700}.orbit-note svg{color:var(--blue)}.note-one{top:16%;right:-2%;transform:rotate(3deg)}.note-two{bottom:17%;left:0;transform:rotate(-4deg)}.number-ribbon{width:min(1080px,calc(100% - 40px));margin:-35px auto 0;padding:25px 44px;display:grid;grid-template-columns:repeat(3,1fr);position:relative;z-index:4;background:white;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.number-ribbon div{display:flex;justify-content:center;align-items:baseline;gap:10px;border-right:1px solid var(--line)}.number-ribbon div:last-child{border:0}.number-ribbon strong{color:var(--blue);font-family:Manrope;font-size:2.1rem}.number-ribbon span{color:var(--muted);font-size:.9rem}.section{width:min(1200px,calc(100% - 40px));margin:auto;padding:110px 0}.section-heading{max-width:800px;margin-bottom:48px}.section-heading h2{margin-bottom:0}.section-heading.split{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.section-heading.split>a{color:var(--blue-dark);display:inline-flex;align-items:center;gap:7px;font-weight:700;white-space:nowrap}.step-bubbles{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.step-bubbles article{position:relative;min-height:300px;padding:34px;background:var(--cloud);border:1px solid #e2eff8;border-radius:var(--radius);overflow:hidden}.step-bubbles article:nth-child(2){transform:translateY(28px);background:var(--sky)}.step-bubbles article>span{position:absolute;right:24px;top:10px;color:rgba(24,140,243,.1);font-family:Manrope;font-size:5rem;font-weight:800}.step-bubbles article>svg{width:42px;height:42px;padding:10px;color:white;background:var(--blue);border-radius:14px}.step-bubbles h3{margin-top:55px;font-size:1.35rem}.featured-section{padding-top:82px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.product-card{min-height:285px;padding:28px;display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-radius:24px;transition:transform .18s,box-shadow .18s,border .18s}.product-card:hover{transform:translateY(-5px);border-color:#8ecbfa;box-shadow:var(--shadow)}.product-category{color:var(--blue-dark);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.product-card h2{margin:18px 0 10px;font-size:1.35rem;letter-spacing:-.025em}.product-card p{font-size:.93rem}.sku-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}.sku-chips span{padding:5px 9px;background:var(--cloud);border-radius:999px;color:#46647d;font-size:.74rem}.product-card>a{margin-top:auto;color:var(--blue-dark);display:inline-flex;align-items:center;gap:6px;font-size:.88rem;font-weight:700}.boundary-card,.smile-cta{width:min(1200px,calc(100% - 40px));margin-bottom:110px;padding:56px 64px;display:flex;align-items:center;justify-content:space-between;gap:40px;color:white;background:var(--blue);border-radius:36px 36px 36px 10px}.boundary-card h2,.smile-cta h2{max-width:760px;margin-bottom:14px}.boundary-card p,.smile-cta p{max-width:700px;color:#e9f7ff}.page-hero{min-height:430px;padding:90px max(24px,calc((100vw - 1100px) / 2));display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#f7fcff,#dff3ff)}.page-hero h1{max-width:900px;margin-bottom:24px;font-size:clamp(2.8rem,5vw,5rem)}.page-hero>p{max-width:720px;font-size:1.08rem}.catalog-count{color:var(--muted)}.catalog-count strong{color:var(--blue-dark)}.catalog-section{padding-top:70px}.catalog-tools{position:-webkit-sticky;position:sticky;top:92px;z-index:20;margin-bottom:32px;padding:14px;display:grid;grid-template-columns:1fr 250px auto;align-items:center;grid-gap:12px;gap:12px;background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 30px rgba(31,87,132,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.catalog-tools label{height:48px;padding:0 14px;display:flex;align-items:center;gap:9px;background:var(--cloud);border-radius:12px}.catalog-tools input,.catalog-tools select{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.catalog-tools select{height:48px;padding:0 12px;background:var(--cloud);border-radius:12px}.catalog-tools>span{padding:0 10px;color:var(--muted);font-size:.85rem}.empty-state{padding:60px;text-align:center;background:var(--cloud);border-radius:var(--radius);color:var(--muted)}.product-detail-hero{padding:70px max(24px,calc((100vw - 1100px) / 2)) 84px;background:radial-gradient(circle at 78% 18%,#d4efff 0 12%,transparent 36%),var(--cloud)}.back-link{margin-bottom:70px;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.9rem}.product-detail-hero h1{max-width:960px;margin:18px 0 22px}.product-detail-hero>p{max-width:780px;font-size:1.06rem}.detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.detail-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:24px;gap:24px}.detail-aside>div,.spec-panel{padding:34px;border:1px solid var(--line);border-radius:var(--radius)}.panel-title{display:flex;gap:15px;align-items:center;margin-bottom:28px}.panel-title>svg{width:46px;height:46px;padding:11px;color:white;background:var(--blue);border-radius:14px}.panel-title span{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.panel-title h2{margin:4px 0 0;font-size:1.65rem}.spec-table{border-top:1px solid var(--line)}.spec-table div{padding:15px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.spec-table code{color:var(--blue-dark);background:var(--cloud);padding:4px 8px;border-radius:6px}.spec-panel>p{margin:24px 0 0;font-size:.83rem}.detail-aside{display:grid;grid-gap:16px;gap:16px}.detail-aside>div{background:var(--cloud)}.detail-aside svg{color:var(--blue)}.detail-aside h2{margin:18px 0 8px;font-size:1.15rem}.detail-aside p{margin:0;font-size:.88rem}.inquiry-section{display:grid;grid-template-columns:.65fr 1.35fr;grid-gap:60px;gap:60px;align-items:start}.inquiry-copy{position:-webkit-sticky;position:sticky;top:120px}.inquiry-copy h2{font-size:clamp(2rem,3vw,3rem)}.inquiry-form{padding:34px;background:var(--cloud);border:1px solid var(--line);border-radius:28px}.field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.inquiry-form label{display:grid;grid-gap:7px;gap:7px;margin-bottom:16px;color:#415d74;font-size:.8rem;font-weight:700}.inquiry-form input,.inquiry-form textarea{width:100%;padding:13px 14px;color:var(--ink);background:white;border:1px solid var(--line);border-radius:11px;outline:none;resize:vertical}.inquiry-form input:focus,.inquiry-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(24,140,243,.1)}.honeypot{position:absolute!important;left:-10000px}.form-submit{display:flex;align-items:center;gap:18px}.form-submit p{margin:0;font-size:.74rem}.form-submit button{flex:0 0 auto;min-height:48px;padding:0 20px;color:white;background:var(--blue);border:0;border-radius:999px;display:inline-flex;align-items:center;gap:8px;font-weight:700;cursor:pointer}.form-submit button:disabled{opacity:.65}.form-error{padding:12px;margin:15px 0 0;color:#a62a2a;background:#fff1f1;border-radius:10px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.form-success{min-height:380px;padding:50px;display:grid;place-items:center;align-content:center;text-align:center;background:var(--cloud);border:1px solid var(--line);border-radius:28px}.form-success>svg{width:56px;height:56px;color:var(--blue)}.form-success h3{margin:22px 0 4px;font-size:1.7rem}.form-success-actions{display:flex;gap:10px;margin-top:24px}.form-success-actions a{padding:10px 15px;background:white;border:1px solid var(--line);border-radius:999px;font-size:.84rem;font-weight:700}.related-section{padding-top:30px}.related-links{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.related-links a{padding:20px;display:flex;align-items:center;justify-content:space-between;background:var(--cloud);border-radius:16px;font-weight:700}.related-links svg{width:16px;color:var(--blue)}.about-hero{min-height:580px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding-bottom:0;overflow:hidden}.about-hero>div{align-self:center;padding-bottom:80px}.about-hero img{width:520px;align-self:end;filter:drop-shadow(0 24px 30px rgba(31,101,158,.18))}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.principle-grid article{padding:32px;border:1px solid var(--line);border-radius:24px}.principle-grid svg{color:var(--blue)}.principle-grid h2{margin:32px 0 12px;font-size:1.3rem}.process-list{max-width:960px;display:grid;grid-gap:14px;gap:14px}.process-list article{padding:24px 30px;display:grid;grid-template-columns:50px 50px 1fr;grid-gap:20px;gap:20px;align-items:center;background:var(--cloud);border:1px solid var(--line);border-radius:22px}.process-list article>span{color:#a9c9df;font:800 1.2rem Manrope}.process-list article>svg{width:44px;height:44px;padding:11px;color:white;background:var(--blue);border-radius:14px}.process-list h2{margin:0 0 4px;font-size:1.25rem}.process-list p{margin:0}.quality-boundaries{padding-top:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.quality-boundaries>div{padding:38px;border-radius:24px}.quality-boundaries>div:first-child{background:#e5f7ef}.quality-boundaries>div:last-child{background:#fff4e8}.quality-boundaries h2{font-size:1.35rem}.inline-cta{margin-bottom:80px;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--sky);border-radius:26px}.inline-cta h2{margin-bottom:8px;font-size:1.8rem}.inline-cta p{margin:0}.contact-layout{width:min(1120px,calc(100% - 40px));margin:auto;padding:90px 0 120px;display:grid;grid-template-columns:.8fr 1.2fr;grid-gap:70px;gap:70px;align-items:start}.contact-intro{position:-webkit-sticky;position:sticky;top:120px}.contact-intro h1{font-size:clamp(2.8rem,4.8vw,5rem)}.contact-email{margin:30px 0;padding:16px;display:flex;gap:12px;align-items:center;background:var(--cloud);border-radius:15px}.contact-email svg{color:var(--blue)}.contact-email a,.contact-email span{display:block}.contact-email span{color:var(--muted);font-size:.74rem}.contact-email a{margin-top:2px;font-weight:700}.contact-intro ul{padding-left:20px;color:var(--muted);line-height:2}.site-footer{color:#dcecff;background:#0c2b49}.footer-grid{width:min(1200px,calc(100% - 40px));margin:auto;padding:70px 0 50px;display:grid;grid-template-columns:1.5fr .7fr .8fr 1fr;grid-gap:45px;gap:45px}.footer-brand{margin-bottom:18px;display:flex;align-items:center;gap:9px;color:white;font:800 1.2rem Manrope}.footer-grid p{color:#a9c2d8;font-size:.84rem}.footer-grid strong{margin-bottom:16px;display:block;color:white;font-size:.84rem}.footer-grid a{margin-bottom:10px;display:block;color:#bcd0e2;font-size:.84rem}.footer-bottom{width:min(1200px,calc(100% - 40px));margin:auto;padding:22px 0;display:flex;justify-content:space-between;border-top:1px solid #284964;color:#86a4bd;font-size:.74rem}.legal-page{max-width:920px}.legal-page>header{max-width:780px;margin-bottom:52px}.legal-page>header p{font-size:1.05rem}.legal-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.legal-grid article{padding:30px;background:var(--cloud);border:1px solid var(--line);border-radius:22px}.legal-grid h2{margin-bottom:12px;font-size:1.35rem}.legal-grid p{margin:0;font-size:.86rem}.legal-contact{margin:28px 0 0;padding:20px 24px;background:var(--sky);border-radius:16px}.form-submit a,.legal-contact a{color:var(--blue-dark);font-weight:700;text-decoration:underline}@media (max-width:900px){.header-cta,.site-header nav{display:none}.mobile-menu{display:block}.yoo-hero{grid-template-columns:1fr;padding-top:65px;text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.mascot-stage{min-height:380px}.number-ribbon{padding:20px}.number-ribbon div{display:grid;text-align:center}.principle-grid,.product-grid,.step-bubbles{grid-template-columns:repeat(2,1fr)}.step-bubbles article:nth-child(2){transform:none}.contact-layout,.detail-grid,.inquiry-section{grid-template-columns:1fr}.contact-intro,.inquiry-copy{position:static}.about-hero{grid-template-columns:1fr;text-align:center}.about-hero img{margin:auto}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.header-inner{width:min(100% - 28px,1200px);min-height:68px}h1{font-size:2.8rem}.yoo-hero{padding-inline:20px}.mascot-stage{min-height:300px}.orbit-note{display:none}.number-ribbon{margin-top:-18px;grid-template-columns:1fr;gap:15px}.number-ribbon div{padding-bottom:12px;border-right:0;border-bottom:1px solid var(--line)}.number-ribbon div:last-child{padding:0}.section{width:min(100% - 28px,1200px);padding:76px 0}.boundary-card,.inline-cta,.section-heading.split,.smile-cta{align-items:flex-start;flex-direction:column}.catalog-tools,.legal-grid,.principle-grid,.product-grid,.quality-boundaries,.related-links,.step-bubbles{grid-template-columns:1fr}.catalog-tools{position:static}.field-row{grid-template-columns:1fr}.inquiry-form{padding:22px}.form-submit{align-items:stretch;flex-direction:column}.detail-grid{padding-top:70px}.process-list article{grid-template-columns:36px 44px 1fr;padding:20px;gap:12px}.footer-grid{grid-template-columns:1fr}.footer-bottom{align-items:flex-start;flex-direction:column;gap:8px}}