.canvas-home{--ink:#243345;--muted:#657184;--accent:#526b8d;--deep:#334f72;--deep-hover:#213a5a;--line:#ced6e1;--soft:#e1e6ee;--paper:#fff;--wash:#edf1f7;background:var(--paper);color:var(--ink);overflow-x:hidden}.canvas-home a{color:inherit;text-decoration:none}.canvas-home a:focus-visible{outline-offset:5px;outline:3px solid #88a2c6}.canvas-nav{z-index:20;background:color-mix(in srgb, var(--paper) 86%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb, var(--line) 70%, transparent);justify-content:space-between;align-items:center;gap:24px;padding:20px 5%;display:flex;position:relative}.canvas-brand{font-size:32px;line-height:1;color:var(--accent)!important}.canvas-nav nav,.canvas-nav-actions{align-items:center;gap:28px;display:flex}.canvas-nav nav a{color:var(--muted);letter-spacing:.02em;font-size:14px}.canvas-nav nav a:hover{color:var(--ink)}.canvas-nav-actions>a:not(.canvas-button){color:var(--muted);font-size:14px}.canvas-home .canvas-button{background:var(--deep);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:15px 22px;font-size:15px;transition:background .2s,transform .2s;display:inline-flex}.canvas-home .canvas-button:hover{background:var(--deep-hover);transform:translateY(-1px)}.canvas-eyebrow{letter-spacing:.23em;color:var(--accent);margin:0;font-size:12px;font-weight:600}.canvas-home h2{letter-spacing:-.035em}.canvas-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(32px,5vw,72px);min-height:calc(100dvh - 76px);padding:clamp(48px,7vh,88px) 5% clamp(56px,8vh,96px);display:grid;position:relative;overflow:hidden}.canvas-hero-plane{z-index:0;pointer-events:none;background:linear-gradient(165deg,#f7f9fc 0%,#eef2f8 42%,#dfe8f3 100%);position:absolute;inset:0}.canvas-hero-wash{filter:blur(48px);opacity:.85;border-radius:50%;animation:14s ease-in-out infinite canvas-breathe;position:absolute}.canvas-hero-wash-a{background:radial-gradient(circle,#b8c9df 0%,#0000 68%);width:min(72vw,780px);height:min(72vw,780px);top:-18%;right:-8%}.canvas-hero-wash-b{background:radial-gradient(circle,#c5d4e8 0%,#9eb4cf55 45%,#0000 70%);width:min(58vw,620px);height:min(58vw,620px);animation-delay:-6s;bottom:-22%;left:-12%}.canvas-hero-mesh{background:radial-gradient(80% 55% at 70% 40%,#fffa 0%,#0000 55%),linear-gradient(120deg,#0000 40%,#526b8d0d 100%);animation:22s ease-in-out infinite alternate canvas-drift;position:absolute;inset:0}.canvas-hero-grain{opacity:.35;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}.canvas-hero-copy,.canvas-hero-stage{z-index:1;position:relative}.canvas-hero-copy{max-width:560px;animation:.9s ease-out both canvas-rise}.canvas-hero-mark{color:var(--accent);margin-bottom:28px;font-size:clamp(52px,7vw,88px);line-height:1}.canvas-hero-mark .oui-canvas-logo{display:inline-flex}.canvas-hero h1{letter-spacing:-.045em;color:var(--ink);margin:0 0 20px;font-size:clamp(40px,5.2vw,68px);font-weight:500;line-height:1.08}.canvas-hero h1 em{color:var(--accent);font-family:Lora,serif;font-style:italic;font-weight:400}.canvas-hero-copy>p{color:var(--muted);max-width:42ch;margin:0 0 28px;font-size:clamp(16px,1.5vw,19px);line-height:1.7}.canvas-hero-ctas{flex-wrap:wrap;align-items:center;gap:18px 28px;display:flex}.canvas-text-link{color:var(--muted);letter-spacing:.01em;font-size:14px}.canvas-text-link:hover{color:var(--ink)}.canvas-hero-stage{justify-content:center;align-items:center;animation:1.05s ease-out .12s both canvas-rise;display:flex}.canvas-storefront{transform-origin:50%;filter:drop-shadow(0 40px 60px #24334528);width:min(100%,520px);animation:9s ease-in-out infinite canvas-float;transform:perspective(1200px)rotateY(-8deg)rotateX(4deg)}.canvas-storefront-chrome{color:#c5d2e4;letter-spacing:.04em;background:linear-gradient(#3a516f,#2c4058);border-radius:14px 14px 0 0;align-items:center;gap:7px;padding:12px 16px;font-size:11px;display:flex}.canvas-storefront-chrome span{background:#7a91ad;border-radius:50%;width:8px;height:8px}.canvas-storefront-chrome span:first-child{background:#9eb0c6}.canvas-storefront-chrome span:nth-child(2){background:#889db8}.canvas-storefront-chrome b{color:#dce5f1;margin-left:10px;font-weight:500}.canvas-storefront-body{background:linear-gradient(165deg,#f4efe7 0%,#ebe4d8 55%,#e2d9cb 100%);border-radius:0 0 14px 14px;min-height:380px;overflow:hidden}.canvas-storefront-nav{color:#6a5f52;align-items:baseline;gap:18px;padding:18px 22px 8px;font-size:11px;display:flex}.canvas-storefront-nav strong{color:#2f3540;margin-right:auto;font-family:Lora,serif;font-size:18px;font-weight:500}.canvas-storefront-scene{grid-template-columns:1.1fr .9fr;align-items:end;gap:8px;min-height:300px;padding:12px 22px 28px;display:grid}.canvas-storefront-kicker{letter-spacing:.2em;color:#7a6b5a;margin:0 0 12px;font-size:9px;font-weight:600}.canvas-storefront-copy h2{color:#2a303a;margin:0 0 12px;font-family:Lora,serif;font-size:clamp(26px,3.2vw,34px);font-weight:500;line-height:1.12}.canvas-storefront-copy>p:last-of-type{color:#6e6458;max-width:22ch;margin:0 0 16px;font-size:12px;line-height:1.55}.canvas-storefront-cta{letter-spacing:.04em;color:#5a4a3a;border:1px solid #8a7358;border-radius:999px;padding:9px 14px;font-size:10px;display:inline-block}.canvas-storefront-art{height:220px;position:relative}.canvas-vase{border-radius:22% 22% 42% 42%;position:absolute;box-shadow:12px 14px 20px #00000014}.canvas-vase-a{background:linear-gradient(95deg,#9aab9a,#d5ddcc 45%,#879887);width:58px;height:130px;bottom:18px;right:78px}.canvas-vase-b{background:linear-gradient(95deg,#a8b7a6,#e0e6d8 50%,#7f907e);width:72px;height:168px;bottom:8px;right:18px}.canvas-orbit{opacity:.85;border:18px solid #5a7aa8;border-radius:50%;width:120px;height:120px;position:absolute;top:8px;right:-10px;transform:rotate(-28deg)scaleX(.72);box-shadow:inset 10px 10px 18px #28446c33}.canvas-bloom{color:#b87036;opacity:.9;font-size:42px;line-height:1;position:absolute;top:36px;left:8px}.canvas-section{background:var(--paper);grid-template-columns:1fr 1fr;gap:28px 48px;padding:100px 8%;display:grid}.canvas-section h2,.canvas-manage h2,.canvas-launch h2{color:var(--ink);margin:18px 0 0;font-size:clamp(34px,3.5vw,52px);font-weight:500;line-height:1.15}.canvas-section>p{max-width:470px;color:var(--muted);align-self:center;margin:0;font-size:17px;line-height:1.8}.canvas-feature-grid{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:28px;display:grid}.canvas-feature-grid article{border-top:1px solid var(--line);padding-top:28px}.canvas-feature-grid article>span{color:var(--accent);margin-bottom:12px;font-size:28px;display:block}.canvas-feature-grid h3{margin:0 0 10px;font-size:21px;font-weight:500}.canvas-feature-grid p,.canvas-manage p{color:var(--muted);margin:0;font-size:15px;line-height:1.75}.canvas-manage{background:radial-gradient(ellipse 70% 80% at 85% 20%, #dce5f180 0%, transparent 55%), var(--wash);grid-template-columns:1fr 1fr;align-items:center;gap:72px;padding:90px 8%;display:grid}.canvas-manage .canvas-button{margin-top:22px}.canvas-workspace-art{background:var(--paper);border:1px solid color-mix(in srgb, var(--line) 80%, transparent);border-radius:16px;padding:32px 34px;transform:rotate(-1.5deg);box-shadow:0 4px 12px #24334508,0 28px 56px #24334512}.canvas-workspace-art>div{letter-spacing:.12em;color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.canvas-workspace-art>div span{color:var(--accent)}.canvas-workspace-art h3{margin:18px 0 8px;font-size:28px;font-weight:500}.canvas-workspace-art p{border-top:1px solid var(--soft);color:var(--ink);align-items:center;gap:20px;margin:0;padding:18px 0;font-size:14px;display:flex}.canvas-workspace-art p span{color:var(--muted);margin-left:auto}.canvas-workspace-art b{color:#8e9cb0;font-variant-numeric:tabular-nums;font-weight:600}.canvas-launch{text-align:center;background:radial-gradient(ellipse 55% 70% at 50% 100%, #c5d4e866 0%, transparent 60%), linear-gradient(180deg, var(--paper) 0%, #f3f6fa 100%);padding:110px 20px;position:relative}.canvas-launch>p{color:var(--muted);max-width:42ch;margin:18px auto 0;line-height:1.7}.canvas-address{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 90%, transparent);color:var(--muted);border-radius:12px;align-items:center;gap:8px;margin:32px auto 28px;padding:18px 26px;font-size:15px;display:inline-flex;box-shadow:0 16px 40px #2433450a}.canvas-address strong{color:var(--ink);font-weight:500}.canvas-address span{color:var(--accent);margin-left:12px}.canvas-footer{background:#e9eef5;flex-wrap:wrap;align-items:center;gap:30px;padding:45px 5%;display:flex}.canvas-footer p{color:var(--muted);margin:0;font-size:14px}.canvas-footer nav{gap:24px;margin-left:auto;font-size:14px;display:flex}.canvas-footer small{border-top:1px solid var(--line);width:100%;color:var(--muted);padding-top:24px}@keyframes canvas-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes canvas-breathe{0%,to{transform:scale(1)translate(0)}50%{transform:scale(1.08)translate(-2%,3%)}}@keyframes canvas-drift{0%{transform:translate(0)}to{transform:translate(-2.5%,1.5%)}}@keyframes canvas-float{0%,to{transform:perspective(1200px)rotateY(-8deg)rotateX(4deg)translateY(0)}50%{transform:perspective(1200px)rotateY(-6deg)rotateX(3deg)translateY(-10px)}}@media (prefers-reduced-motion:reduce){.canvas-hero-wash,.canvas-hero-mesh,.canvas-storefront,.canvas-hero-copy,.canvas-hero-stage{animation:none!important}.canvas-home .canvas-button:hover{transform:none}}@media (max-width:980px){.canvas-hero{text-align:center;grid-template-columns:1fr;min-height:auto;padding-top:40px;padding-bottom:56px}.canvas-hero-copy{max-width:none;margin:0 auto}.canvas-hero-copy>p{margin-left:auto;margin-right:auto}.canvas-hero-ctas{justify-content:center}.canvas-hero-mark{margin-bottom:20px}.canvas-storefront{width:min(100%,440px);transform:perspective(1000px)rotateY(-4deg)rotateX(2deg)}.canvas-section,.canvas-manage{grid-template-columns:1fr;gap:24px;padding:72px 7%}.canvas-section>p{max-width:none}.canvas-feature-grid{grid-template-columns:1fr;gap:28px}.canvas-workspace-art{margin-top:12px;transform:none}}@media (max-width:760px){.canvas-nav{gap:10px;padding:16px 5%}.canvas-nav nav{display:none}.canvas-brand{font-size:26px}.canvas-nav-actions{gap:12px;font-size:13px}.canvas-nav .canvas-button{padding:11px 14px;font-size:13px}.canvas-hero{padding-top:32px}.canvas-hero-mark{font-size:clamp(44px,12vw,64px)}.canvas-hero h1{font-size:clamp(34px,9vw,48px)}.canvas-hero-copy>p{padding:0 4px;font-size:16px}.canvas-storefront-scene{grid-template-columns:1fr;min-height:auto}.canvas-storefront-art{height:160px;margin-top:8px}.canvas-storefront-body{min-height:0}.canvas-storefront-nav span:nth-child(n+3){display:none}.canvas-launch{padding:72px 20px}.canvas-address{flex-wrap:wrap;justify-content:center;padding:14px 16px;font-size:12px}.canvas-footer{gap:16px}.canvas-footer nav{margin:0}.canvas-footer p{width:100%}}