@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 800;font-display:swap;src:url('/assets/dm-sans-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 800;font-display:swap;src:url('/assets/dm-sans-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{color-scheme:light;--bg:#fff;--bg2:#f7f5ff;--ink:#26164c;--muted:#665e83;--line:#e8e3f3;--blue:#673de6;--cyan:#824cff;--violet:#8a5df1;--max:1320px;--pad:clamp(24px,5.5vw,90px)}
html{scroll-padding-top:86px}body{font-family:"DM Sans",ui-sans-serif,system-ui,sans-serif;background:#fff;color:#26164c;letter-spacing:-.015em}body::before{display:none}::selection{background:#ddd0ff;color:#241345}.wrap{width:min(calc(100% - var(--pad)*2),var(--max))}.scroll-line{background:linear-gradient(90deg,#5025c9,#9367ff,#c09eff);height:3px}.skip{border-radius:10px;background:#2a1458;color:#fff}
.site-header{background:rgba(255,255,255,.9);border-bottom:1px solid #ece8f5;box-shadow:0 8px 30px rgba(38,19,91,.035);backdrop-filter:blur(22px)}.header-inner{height:82px}.brand{font-size:19px;color:#2d175f;font-weight:800;letter-spacing:-.07em}.brand small{color:#8c80a5;font-size:10px;letter-spacing:.1em;font-weight:700}.brand-muted{color:#7e4fe5}.brand-mark{width:38px;height:38px;background:#673de6;border:0;border-radius:10px;box-shadow:0 8px 20px rgba(91,53,214,.2)}.brand-mark i,.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){border-color:white}.desktop-nav a{font-size:14px;font-weight:700;color:#3f3566}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:#673de6}.nav-cta{border:0;background:#673de6;border-radius:999px;color:white;padding:13px 20px;font-size:13px;box-shadow:0 8px 22px rgba(91,53,214,.18)}.nav-cta span{color:white;margin-left:8px}.nav-cta:hover{background:#5025be;border:0;transform:translateY(-2px)}.eyebrow{color:#6b43cb;letter-spacing:.13em;font-size:12px;font-weight:800}.pulse{background:#7b4ce8;box-shadow:0 0 0 4px rgba(103,61,230,.12);width:7px;height:7px}.button{border-radius:999px;min-height:54px;padding:14px 26px;font-size:15px;letter-spacing:0;gap:24px;box-shadow:none}.button-primary{background:#673de6;color:white;box-shadow:0 15px 34px rgba(100,54,212,.22)}.button-primary:hover{background:#5228c9;box-shadow:0 19px 40px rgba(100,54,212,.28)}.button-outline{background:white;color:#3c2379;border:1px solid #d9cdf7}.button-outline:hover{background:#f6f0ff;border-color:#a48deb}.button-light{background:white;color:#4720aa;box-shadow:0 10px 25px rgba(37,11,82,.12)}.button-light:hover{background:#f9f5ff}.under-link,.text-link{color:#5d31d1;border-bottom:2px solid #b99cf6;font-size:15px}.under-link:hover,.text-link:hover{color:#361b85}.period{color:#7a4fec}.gradient-text{background:linear-gradient(105deg,#5930c7,#8652eb 58%,#a46bed);-webkit-background-clip:text;background-clip:text;color:transparent}em{color:#7045d2}.section-pad{padding-block:clamp(92px,10vw,150px)}.display-heading{font-weight:740;font-size:clamp(42px,5.3vw,74px);line-height:1.12;letter-spacing:-.063em}.display-heading em{font-weight:720}.section-heading>p{color:#655d7c;font-size:17px}.breadcrumb{color:#746b8d;font-size:13px}.breadcrumb span[aria-current]{color:#4c2baa}.breadcrumb>span[aria-hidden]{color:#aa9cc8}
/* Hero: large type, generous space, original product render. */
.hero{min-height:710px;background:radial-gradient(ellipse 53% 75% at 72% 45%,#e5ddff 0%,transparent 90%),linear-gradient(100deg,#fff 20%,#faf8ff 68%,#f4eeff);border-bottom:1px solid #eeeaf6}.hero-grid{grid-template-columns:1.08fr .92fr;min-height:660px;gap:0;padding-block:70px 35px}.hero-copy{max-width:700px}.hero h1{font-size:clamp(52px,5.15vw,82px);font-weight:780;line-height:1.1;letter-spacing:-.073em;white-space:normal;color:#26164c;margin:25px 0 27px}.hero-desc{font-size:clamp(18px,1.45vw,21px);line-height:1.6;color:#595174;max-width:570px}.hero-actions{margin-top:35px}.hero-foot{margin-top:72px;gap:14px;letter-spacing:0;text-transform:none;font-size:12px;color:#6d5f96}.hero-foot span{background:rgba(255,255,255,.82);border:1px solid #ded2f6;border-radius:999px;padding:8px 12px;font-weight:700}.hero-visual{height:560px;min-height:0;margin-left:-15%;margin-right:-5%;overflow:visible;position:relative;display:block}.hero-picture{display:block;width:120%;height:100%;position:absolute;inset:0 auto auto 0}.hero-picture img{height:100%;width:100%;object-fit:contain;max-width:none;filter:drop-shadow(0 27px 30px rgba(80,50,135,.08));animation:heroRise 9s ease-in-out infinite}.float-chip{background:#fff;border:1px solid #e4daf6;border-radius:999px;box-shadow:0 15px 35px rgba(93,54,155,.15);color:#4a278f;font-size:12px;letter-spacing:0;padding:10px 15px;animation:chipFloat 7s ease-in-out infinite}.float-chip span{color:#7342dc}.chip-one{left:8%;top:28%}.chip-two{right:-4%;bottom:16%;top:auto;animation-delay:-2s}.chip-three{display:none}.hero-bottom{height:54px;border-color:#e9e4f3;color:#8a7ca4;font-size:11px}.scroll-glyph{color:#6a42d2}
.intro-section{background:#fff}.intro-layout{grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center}.intro-copy>p:not(.eyebrow):not(.lead){color:#6b627f;font-size:17px;line-height:1.7;max-width:560px}.intro-copy .lead{font-size:21px;color:#3e315e;line-height:1.6;margin-top:30px}.intro-copy .under-link{margin-top:18px}.intro-photo{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 30px 70px rgba(50,22,92,.16);aspect-ratio:1.22}.intro-photo picture,.intro-photo img{width:100%;height:100%;display:block}.intro-photo img{object-fit:cover;transition:transform .7s}.intro-photo:hover img{transform:scale(1.045)}.photo-caption{position:absolute;bottom:20px;left:20px;background:rgba(255,255,255,.92);color:#492a91;padding:12px 16px;border-radius:999px;font-weight:750;font-size:11px;letter-spacing:.07em;box-shadow:0 12px 35px rgba(31,13,72,.16)}
.services-section{background:#f8f6ff}.service-grid{gap:18px;border:0;background:none}.service-card{min-height:340px;background:#fff;border:1px solid #eee8f6;border-radius:22px;padding:32px;box-shadow:0 12px 35px rgba(50,23,102,.045);transition:transform .35s,box-shadow .35s,border-color .35s,background .35s}.service-card:before{background:radial-gradient(circle at 100% 0%,rgba(175,139,249,.22),transparent 47%);opacity:1}.service-card:hover{background:#fff;border-color:#cbbaf6;transform:translateY(-7px);box-shadow:0 27px 60px rgba(78,37,145,.13)}.card-index{color:#8062bc;font-size:12px;letter-spacing:.08em}.card-orbit{color:#9a77e9;font-size:28px;right:30px;top:24px}.service-card:hover .card-orbit{color:#683ddd}.service-card h3{color:#291850;font-size:clamp(23px,2.05vw,30px);font-weight:760;margin-top:57px;letter-spacing:-.05em}.service-card p{color:#68607e;font-size:15px;line-height:1.65}.card-bottom{color:#6539d3;border-color:#e9e3f2;font-size:13px}.section-tail .button-outline{background:#fff}
.showcase{background:#fff}.showcase-stage{border:0;border-radius:30px;overflow:hidden;background:#291458;grid-template-columns:1fr .95fr;box-shadow:0 33px 70px rgba(53,24,105,.15);min-height:560px}.showcase-stage:after{display:none}.stage-content{padding:clamp(38px,5vw,70px);color:#fff}.stage-label{color:#bba6f7}.stage-stack{margin-top:58px;border-color:rgba(255,255,255,.22)}.stack-row{border-color:rgba(255,255,255,.18);padding:23px 0}.stack-row:hover{background:rgba(255,255,255,.07)}.stack-row span{color:#c7b6f3}.stack-row strong{font-weight:740;color:#fff}.stack-row small{color:#d8cff0}.stage-content>p{color:#d9ceef;margin:35px 0 7px;font-size:16px}.stage-content .under-link{color:white;border-color:#a78beb}.stage-aside{background:#e5dbff;border:0;padding:0;display:block;overflow:hidden;align-self:stretch}.cloud-picture,.cloud-picture img{width:100%;height:100%;display:block}.cloud-picture img{object-fit:cover;object-position:51% center;transition:transform 1s ease}.showcase-stage:hover .cloud-picture img{transform:scale(1.05)}
.process{background:#f9f7ff}.process-list{border-color:#e2d9f1}.process-row{border-color:#e2d9f1;padding:25px 13px;grid-template-columns:85px .9fr 1.1fr 30px;border-radius:12px}.process-row:hover{background:#f0eaff;padding-left:26px}.process-n{color:#7550ce;font-size:13px}.process-row h3{color:#33205e;font-weight:730}.process-row p{color:#6d6680;font-size:15px}.process-row>span:last-child{color:#724bd0}.manifesto{background:radial-gradient(circle at 90% 20%,rgba(171,141,255,.35),transparent 45%),#301568;min-height:600px}.manifesto-inner{border-color:rgba(232,211,255,.34)}.manifesto .eyebrow{color:#d3bcff}.manifesto-line{color:white}.manifesto-line span{color:#c0a2ff}.manifesto-caption{color:#e1d6f4;font-size:17px}.split-heading{gap:7vw}.faq-list{border-color:#e7dff2}.faq-list details{border-color:#e7dff2;padding:26px 0}.faq-list summary{color:#322153;font-size:18px;font-weight:700}.faq-list summary span{color:#6d3ed2}.faq-list p{color:#675f78;font-size:16px}.cta-section{background:radial-gradient(ellipse at 90% 15%,#d8c9ff,transparent 48%),linear-gradient(125deg,#ede6ff,#f7f3ff 60%,#e9dbff);border-color:#e9dff8;padding-block:clamp(105px,11vw,155px)}.cta-inner h2{color:#291753;font-weight:760}.cta-inner em{color:#7145d5}.cta-inner>p:not(.eyebrow){color:#63567e}.cta-inner .button-light{background:#673de6;color:white}
/* Inner pages carry the same visual system instead of the old dark dashboard look. */
.page-hero{background:radial-gradient(ellipse at 90% 50%,#dfd4ff,transparent 60%),linear-gradient(130deg,#fff,#f6f1ff);border-color:#ede5f9;padding:45px 0 105px}.page-hero h1{font-weight:760;color:#291754}.page-lead{color:#625879;font-size:clamp(18px,1.65vw,23px)}.category:nth-of-type(even){background:#faf8ff}.category{background:#fff}.category-head{border-color:#e9e3f4}.category-head h2{color:#2e1c57;font-weight:750}.category-head>span:last-child{color:#8d77b1}.detail-hero{background:radial-gradient(ellipse at 80% 40%,#e3d7ff,transparent 64%),#fbf9ff;border-color:#ede6f6;padding:45px 0 105px}.detail-hero h1{font-weight:750;color:#271450}.detail-art{padding:0;min-height:380px;border:1px solid #e8def7;border-radius:26px;overflow:hidden;background:#eee8ff;box-shadow:0 25px 60px rgba(79,47,154,.13)}.detail-art:before,.detail-art-ring{display:none}.detail-picture,.detail-picture img{height:100%;width:100%;display:block}.detail-picture img{object-fit:cover}.editorial-copy{color:#655e78;font-size:18px}.editorial-copy h3{color:#2d1b54}.deliver-grid{gap:17px;border:0;background:none}.deliver-item{border:1px solid #e8e0f4;border-radius:20px;background:#faf8ff;min-height:175px;padding:32px}.deliver-item>span:first-child,.deliver-item>span:last-child{color:#7244d4}.deliver-item h3{color:#2d1958;font-weight:680}.detail-process{background:#f6f1ff}.mini-steps{border-color:#e1d4f6}.mini-steps p{border-color:#e1d4f6;color:#605777;font-size:16px}.mini-steps b{color:#6a3ccf}.related{background:#faf8ff}.principle-grid{gap:17px;border:0;background:none}.principle-grid article{border:1px solid #e8e0f4;border-radius:22px;background:#faf8ff;min-height:270px}.principle-grid span{color:#7244d4}.principle-grid h3{color:#2d1958;font-weight:750}.principle-grid p{color:#676078}.package-grid{gap:20px}.package-card{background:#fff;border:1px solid #e7dff4;border-radius:25px;box-shadow:0 16px 45px rgba(52,23,104,.05)}.package-card h3{color:#2c1857;font-weight:770}.package-card>p,.package-note{color:#695f80}.package-note{border-color:#e8e1f1}.contact-links h2,.contact-form-box h2{color:#2e1a57}.contact-links>a,.contact-location{border-color:#e7dff3;color:#34235b}.contact-links>a span,.contact-location span{color:#7552c0}.contact-links>a b{color:#6f3ed5}.contact-location p{color:#655d78}.contact-form-box{background:#faf8ff;border:1px solid #e6def3;border-radius:26px;box-shadow:0 20px 50px rgba(61,31,115,.06)}.contact-form-box>p:not(.eyebrow){color:#6d6681}.contact-form-box input,.contact-form-box select,.contact-form-box textarea{background:#fff;color:#2e1c57;border:1px solid #dcd2ee;border-radius:12px}.contact-form-box input:focus,.contact-form-box select:focus,.contact-form-box textarea:focus{border-color:#8151df;box-shadow:0 0 0 3px rgba(125,79,221,.14)}.contact-form-box ::placeholder{color:#9188a7}.form-hint{color:#7c748c}.article-grid{gap:18px;border:0;background:none}.article-card{background:#faf8ff;border:1px solid #e9e0f5;border-radius:24px;min-height:360px}.article-card:hover{background:#f3edff}.article-card h2{color:#2e1b55;font-weight:740}.article-card p{color:#686079}.article-card>span:last-child{color:#6234d0}.article-intro{color:#38245e}.article-body p{color:#686077}.article-body h2{color:#2e1c58}.article-next{border-color:#e8e0f4}.article-next p{color:#2f1d55}
/* A deep plum finish keeps the bright pages grounded. */
.footer{background:#211042}.footer .eyebrow{color:#c2a9f9}.footer-top h2{color:white}.footer-top h2 em{color:#bda0ff}.footer-col h3{color:#bbabe1}.footer-col a{color:#e0d7f2}.footer-col a:hover{color:#fff}.footer-bottom{border-color:rgba(255,255,255,.17);color:#b5a9d0}.footer-bottom a:hover{color:#fff}.footer .button-light{background:#fff;color:#4e26ae}
@keyframes heroRise{50%{transform:translateY(-12px)}}@keyframes chipFloat{50%{transform:translateY(-7px)}}
@supports(animation-timeline:view()){.intro-photo img{animation:photoReveal linear both;animation-timeline:view();animation-range:entry 0% cover 50%}@keyframes photoReveal{from{transform:scale(1.09)}to{transform:scale(1)}}}
@media(max-width:1100px){.hero h1{font-size:clamp(48px,5.5vw,68px)}.hero-visual{margin-left:-12%;margin-right:-9%}.hero-picture{width:123%}.service-card{padding:26px}.header-inner{gap:19px}}
@media(max-width:800px){.header-inner{height:70px}.menu-toggle{border-color:#e4d9f4;border-radius:12px}.menu-toggle span{background:#42238e}.mobile-nav{top:70px;background:#fff;border-color:#e7e0f2;box-shadow:0 16px 30px rgba(55,25,102,.1)}.mobile-nav a{border-color:#ece5f4;color:#2e1b55;font-weight:700}.hero{min-height:0}.hero-grid{display:flex;flex-direction:column;align-items:stretch;padding-block:80px 20px;gap:12px}.hero-copy{max-width:660px}.hero h1{font-size:clamp(54px,8.5vw,76px)}.hero-visual{width:100%;height:440px;max-width:680px;margin:0 auto}.hero-picture{width:115%;left:-9%}.intro-layout{grid-template-columns:1fr;gap:52px}.intro-photo{aspect-ratio:1.65}.showcase-stage{grid-template-columns:1fr}.stage-aside{height:330px}.stage-content{padding:44px}.detail-hero-grid{grid-template-columns:1fr}.detail-art{display:block;min-height:320px;max-height:440px}.detail-hero h1{font-size:clamp(49px,8vw,72px)}.package-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:580px){:root{--pad:22px}.hero-grid{padding-top:62px;padding-bottom:5px}.hero h1{font-size:clamp(43px,10.5vw,59px);line-height:1.12;letter-spacing:-.067em}.hero-desc{font-size:17px}.hero-foot{margin-top:33px;gap:8px}.hero-foot span{font-size:11px;padding:7px 10px}.hero-visual{height:310px;width:calc(100% + 24px);margin-left:-12px}.hero-picture{width:112%;left:-7%}.float-chip{font-size:11px}.chip-one{left:3%;top:20%}.chip-two{right:2%;bottom:13%}.hero-bottom{height:50px}.intro-photo{aspect-ratio:1.08;border-radius:20px}.photo-caption{font-size:10px;left:12px;bottom:12px;right:12px;text-align:center;padding:10px 6px}.display-heading{font-size:clamp(39px,9vw,52px)}.section-pad{padding-block:82px}.service-grid,.related .service-grid{grid-template-columns:1fr}.service-card{min-height:285px;padding:26px}.showcase-stage{border-radius:20px}.stage-content{padding:25px}.stage-aside{height:230px}.stack-row small{font-size:13px}.process-row{grid-template-columns:37px 1fr 18px}.manifesto{min-height:0}.manifesto-line{font-size:clamp(34px,8.5vw,52px)}.cta-section{padding-block:90px}.cta-inner h2{font-size:clamp(45px,10vw,65px)}.page-hero{padding:28px 0 77px}.page-hero h1{font-size:clamp(45px,10vw,63px)}.detail-hero{padding:28px 0 80px}.detail-hero h1{font-size:clamp(44px,10vw,62px)}.detail-art{min-height:230px;max-height:290px;border-radius:19px}.deliver-grid{grid-template-columns:1fr}.package-card{min-height:330px}.contact-layout{gap:60px}.contact-form-box{border-radius:18px}.footer-top{padding-bottom:60px}.footer-grid{grid-template-columns:repeat(2,1fr)}.article-grid{grid-template-columns:1fr}.article-card{min-height:290px}}
@media(prefers-reduced-motion:reduce){.hero-picture img,.float-chip{animation:none!important}.intro-photo img{animation:none!important;transform:none!important}}

@media(max-width:800px){.hero-copy{text-align:center;margin-inline:auto}.hero-desc{margin-inline:auto}.hero-actions,.hero-foot{justify-content:center}}
.intro-copy .display-heading,.section-heading .display-heading,.split-heading .display-heading,.showcase>.wrap>.display-heading,.page-hero h1,.detail-hero h1,.cta-inner h2{margin-top:0}
.service-card h3{margin-top:32px}.package-card h3{margin-top:26px}.article-card h2{margin-top:26px}.stage-stack{margin-top:0}.contact-form-box h2{margin-top:0}
@media(max-width:580px){.service-card h3{margin-top:26px}.package-card h3,.article-card h2{margin-top:20px}}

.brand-mark{transform:none;background:none;border:0;box-shadow:none;display:block;flex:none;overflow:hidden}.brand-mark img{display:block;width:100%;height:100%}
/* Keep service glyphs in a reserved corner, clear of long headings. */
.service-card .card-orbit{top:14px;right:15px;font-size:26px;line-height:1;transform-origin:center}
.service-card h3{margin-top:52px}
@media(max-width:800px){.service-card h3{margin-top:48px}}
@media(max-width:580px){.service-card .card-orbit{top:12px;right:12px;font-size:24px}.service-card h3{margin-top:47px}}
/* Soft, moving oval replaces the hard rectangular edge of the hero art. */
@media(min-width:801px){
  .hero-grid{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:28px}
  .hero h1{font-size:clamp(48px,4.5vw,72px);max-width:670px}
  .hero-desc{max-width:555px}
  .hero-visual{height:490px;width:100%;min-height:0;margin:0;transform:translateX(4%);isolation:isolate}
  .hero-visual::before{content:"";position:absolute;z-index:-1;inset:8% 2% 6% 8%;border-radius:54% 46% 47% 53% / 48% 56% 44% 52%;background:radial-gradient(circle at 59% 45%,rgba(176,145,255,.48),rgba(217,200,255,.31) 48%,rgba(238,227,255,.1) 76%);filter:blur(3px);animation:orbMorph 11s ease-in-out infinite}
  .hero-picture{width:100%;height:100%;inset:0;-webkit-mask-image:radial-gradient(ellipse 67% 64% at 60% 50%,#000 59%,rgba(0,0,0,.82) 73%,transparent 100%);mask-image:radial-gradient(ellipse 67% 64% at 60% 50%,#000 59%,rgba(0,0,0,.82) 73%,transparent 100%)}
  .hero-picture img{object-fit:contain;animation:heroRise 9s ease-in-out infinite}
  .chip-one{left:27%;top:13%}.chip-two{right:5%;bottom:11%;top:auto}
}
@keyframes orbMorph{0%,100%{border-radius:54% 46% 47% 53% / 48% 56% 44% 52%;transform:translate(0,0) rotate(0)}50%{border-radius:45% 55% 54% 46% / 55% 45% 55% 45%;transform:translate(-9px,9px) rotate(3deg)}}
@media(prefers-reduced-motion:reduce){.hero-visual::before{animation:none!important}}

/* Accessible color and focus treatment across the light and dark surfaces. */
.brand small{color:#615475;font-size:11px;letter-spacing:.085em}
.footer-col h3,.footer-bottom{color:#ddd3f0}
.footer .eyebrow{color:#dfcfff}
.footer a{color:#eee8fa}
.form-hint{color:#615674}
.contact-form-box>p:not(.eyebrow){color:#594e71}
.contact-form-box ::placeholder{color:#655879}
:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #a77bff;outline-offset:4px}
.footer :where(a,button):focus-visible{outline-color:#f9d56e}

/* Bespoke, code-native illustrations: no animation is needed to understand them. */
.detail-art{height:420px}
.detail-art>.product-scene,.detail-art>.service-photo{height:100%}
.service-photo{position:relative;width:100%;margin:0;overflow:hidden;border-radius:inherit;background:#eee9f7}
.service-photo picture,.service-photo img{display:block;width:100%;height:100%}.service-photo img{object-fit:cover;object-position:center}
.service-photo:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(63,36,112,.08),inset 0 -35px 55px rgba(35,18,70,.035)}

/* Borderless interactive CDN globe. The canvas is decorative; the focusable stage and live tooltip carry the interaction. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.cdn-network{position:relative;min-width:0;height:520px;overflow:visible;color:#2e1a54}
.cdn-motion-toggle{position:absolute;z-index:6;top:18px;right:12px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid rgba(116,74,190,.18);border-radius:50%;background:rgba(255,255,255,.72);color:#6d42c6;font-size:13px;cursor:pointer;box-shadow:0 8px 22px rgba(75,41,129,.08);backdrop-filter:blur(9px)}
.cdn-motion-toggle[aria-pressed=true]{background:#7550c9;color:#fff;border-color:#7550c9}
.cdn-stage{position:relative;width:100%;height:520px;overflow:visible;touch-action:none;cursor:grab;outline:none}
.cdn-stage.is-dragging{cursor:grabbing}.cdn-stage:focus-visible{outline:3px solid #8b5ae6;outline-offset:4px;border-radius:50%}
.cdn-canvas{display:block;width:100%;height:100%}
.cdn-info{--tip-x:50%;--tip-y:50%;position:absolute;z-index:5;left:var(--tip-x);top:var(--tip-y);width:min(252px,43vw);padding:14px 15px 15px;border:1px solid rgba(120,76,194,.2);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,239,255,.87));box-shadow:0 22px 50px rgba(56,27,101,.18),0 4px 13px rgba(91,51,155,.08),inset 0 1px rgba(255,255,255,.94);backdrop-filter:blur(18px) saturate(145%);opacity:0;visibility:hidden;filter:blur(3px);pointer-events:none;transform:translate(20px,-50%) scale(.9);transform-origin:left center;transition:opacity .3s cubic-bezier(.22,.8,.2,1),transform .34s cubic-bezier(.22,.8,.2,1),filter .3s,visibility .3s,left .18s linear,top .18s linear}
.cdn-info:before{content:"";position:absolute;left:-20px;top:50%;width:20px;border-top:1px solid rgba(113,71,187,.38)}
.cdn-info:after{content:"";position:absolute;right:13px;top:13px;width:6px;height:6px;border-radius:50%;background:#8e5be3;box-shadow:0 0 0 5px rgba(142,91,227,.09),0 0 14px rgba(142,91,227,.46)}
.cdn-info[data-side=left]{transform:translate(calc(-100% - 20px),-50%) scale(.9);transform-origin:right center}.cdn-info[data-side=left]:before{left:auto;right:-20px}
.cdn-info.is-visible{opacity:1;visibility:visible;filter:blur(0);transform:translate(20px,-50%) scale(1)}.cdn-info.is-visible[data-side=left]{transform:translate(calc(-100% - 20px),-50%) scale(1)}
.cdn-info-kicker{display:inline-flex;align-items:center;max-width:calc(100% - 22px);margin-bottom:7px;padding:4px 7px;border:1px solid rgba(126,78,202,.13);border-radius:999px;background:rgba(125,76,204,.07);color:#7044bd;font-size:6.8px;font-weight:900;letter-spacing:.13em}
.cdn-info h3{margin:0;color:#301a57;font-size:16px;line-height:1.13;letter-spacing:-.04em}.cdn-info p{margin:7px 0 0;color:#615574;font-size:10px;line-height:1.48}
.product-scene{--purple:#6d42db;--deep:#281954;position:relative;isolation:isolate;overflow:hidden;width:100%;height:390px;min-width:0;border-radius:inherit;background:radial-gradient(circle at 77% 20%,#e3d7ff,transparent 48%),linear-gradient(135deg,#fcfaff,#f0eafe 67%,#e9e0ff);color:#291b4c}
.product-scene:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(110,74,171,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(110,74,171,.055) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(135deg,transparent,#000)}
.scene-aura{position:absolute;width:65%;aspect-ratio:1;right:-13%;bottom:-55%;border-radius:50%;background:radial-gradient(circle,#c9b4ff 0%,transparent 66%);opacity:.7;filter:blur(3px)}
.scene-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:25px;min-width:0}
.prototype-window{position:relative;z-index:1;width:min(93%,510px);min-width:0;border:1px solid rgba(84,51,154,.18);border-radius:16px;background:#fff;box-shadow:0 26px 60px rgba(54,27,118,.20);overflow:hidden;transform:translateY(3px)}
.window-top{height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #ece7f4;color:#6b6083;font-size:10px;font-weight:750;letter-spacing:.015em;white-space:nowrap}
.window-dots{display:flex;gap:4px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#dbcdf4}.window-dots i:first-child{background:#ab7fe8}.window-spark{color:#9261ea}
.scene-sticker,.network-chip,.flow-note{z-index:2;position:absolute;padding:9px 14px;border:1px solid #e5dcf2;background:rgba(255,255,255,.96);box-shadow:0 10px 25px rgba(62,37,119,.12);border-radius:999px;color:#4f328d;font-weight:800;font-size:12px;white-space:nowrap}
.scene-sticker{right:2%;bottom:9%;animation:sceneFloat 5s ease-in-out infinite}.scene-sticker span{margin-left:10px}
.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#49b67c;box-shadow:0 0 0 4px rgba(73,182,124,.13)}

/* Every service uses one coherent live-code language, with sector-specific code. */
.service-terminal{--terminal-accent:#9d79ff;--terminal-soft:#cbb8ff;position:relative;z-index:2;width:min(96%,600px);overflow:hidden;border:1px solid #4b3b68;border-radius:18px;background:#171124;box-shadow:0 30px 70px #22103f55,0 0 0 1px #ffffff08 inset;transform:perspective(900px) rotateX(1.2deg) rotateY(-1.5deg);color:#f5f0ff}
.terminal-head{height:40px;display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;padding:0 14px;border-bottom:1px solid #403052;background:linear-gradient(180deg,#2a2039,#21182f);font:700 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#c9bcd8}
.terminal-dots{display:flex;gap:6px}.terminal-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#ff6b78}.terminal-dots i:nth-child(2){background:#f2bf57}.terminal-dots i:nth-child(3){background:#55c58a}
.terminal-file{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.terminal-language{justify-self:end;padding:5px 8px;border:1px solid #56436e;border-radius:999px;color:var(--terminal-soft);font-size:8px;letter-spacing:.08em}
.terminal-main{position:relative;min-height:258px;padding:18px 19px 15px;background:radial-gradient(circle at 87% 12%,color-mix(in srgb,var(--terminal-accent) 17%,transparent),transparent 40%),linear-gradient(135deg,#181126,#120d1e);overflow:hidden}
.terminal-main:before{content:"";position:absolute;z-index:0;inset:-45% 0 auto;height:38%;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--terminal-accent) 10%,transparent),transparent);animation:terminalScan 6.5s linear infinite}
.terminal-code{position:relative;z-index:1;display:grid;gap:7px;font:10.5px/1.25 ui-monospace,SFMono-Regular,Consolas,monospace}
.terminal-row{display:grid;grid-template-columns:27px minmax(0,1fr);gap:13px;min-width:0;opacity:0;animation:terminalLine 10s ease infinite;animation-delay:calc(var(--line) * .46s)}
.terminal-number{color:#78698d;text-align:right;user-select:none}.terminal-typed{display:block;width:0;max-width:100%;overflow:hidden;color:#ded4f0;white-space:pre;font:inherit;animation:terminalType 10s steps(var(--chars),end) infinite;animation-delay:calc(var(--line) * .46s)}
.terminal-row:nth-child(3n+1) .terminal-typed{color:#e7ddff}.terminal-row:nth-child(3n+2) .terminal-typed{color:#9fd7ff}.terminal-row:nth-child(3n) .terminal-typed{color:#aee9ca}
.terminal-cursor{position:relative;z-index:1;display:block;width:7px;height:14px;margin:9px 0 0 40px;border-radius:1px;background:var(--terminal-accent);box-shadow:0 0 11px color-mix(in srgb,var(--terminal-accent) 75%,transparent);animation:blink 1s steps(1) infinite}
.terminal-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;padding:10px 14px;border-top:1px solid #3c2e4d;background:#20172d}
.terminal-status{display:flex;align-items:center;gap:8px;min-width:0;color:#ded4e9;font:700 9px/1.25 ui-monospace,SFMono-Regular,Consolas,monospace}.terminal-status i{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#50d290;box-shadow:0 0 0 4px #50d2901c,0 0 12px #50d29070}.terminal-status span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.terminal-tags{display:flex;justify-content:flex-end;gap:5px;min-width:0}.terminal-tags span{padding:5px 7px;border:1px solid #4a395f;border-radius:999px;background:#291e38;color:#c9b9dd;font:700 7.5px/1 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}
.scene-e-ticaret .service-terminal{--terminal-accent:#52d399;--terminal-soft:#9ce7c4}.scene-blog-haber-sitesi .service-terminal{--terminal-accent:#ff9e64;--terminal-soft:#ffd0af}.scene-ozel-yazilim .service-terminal,.scene-masaustu-uygulama .service-terminal{--terminal-accent:#5ea9ff;--terminal-soft:#abd3ff}.scene-ozel-platform-saas .service-terminal{--terminal-accent:#b98cff;--terminal-soft:#dec8ff}.scene-mobil-uygulama .service-terminal{--terminal-accent:#5ed5ee;--terminal-soft:#aeeefa}.scene-api-entegrasyonu .service-terminal{--terminal-accent:#58d7bd;--terminal-soft:#a8eee0}.scene-cloudflare-cdn .service-terminal{--terminal-accent:#f6a04d;--terminal-soft:#ffd0a1}.scene-cloud-devops .service-terminal{--terminal-accent:#71b8ff;--terminal-soft:#b9dcff}.scene-teknik-seo .service-terminal{--terminal-accent:#66d5a7;--terminal-soft:#b3efd6}.scene-ui-ux-tasarim .service-terminal{--terminal-accent:#f092c7;--terminal-soft:#f9c5e2}.scene-ai-otomasyon .service-terminal{--terminal-accent:#c58aff;--terminal-soft:#e5c7ff}

/* Animated web page prototype. */
.site-window{transform:perspective(850px) rotateY(-5deg) rotateX(2deg);width:93%}
.site-demo{height:290px;overflow:hidden;background:#fff}.demo-navigation{height:40px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;border-bottom:1px solid #ece7f3;font-size:9px;color:#655878}.demo-navigation b{font-size:13px;color:#261451;letter-spacing:-.05em}.demo-navigation b span{color:#8659ee}
.demo-hero{display:grid;grid-template-columns:1fr 1fr;min-height:224px;padding:22px 18px;background:radial-gradient(circle at 77% 44%,#dfd1ff,transparent 62%),#faf8ff}.demo-hero small{font-size:8px;font-weight:800;letter-spacing:.16em;color:#764cce}.demo-hero strong{display:block;margin-top:11px;font-size:clamp(18px,2.15vw,28px);letter-spacing:-.07em;line-height:1.05;color:#2b1957}.demo-hero em{font-style:normal;color:#8152e1}.demo-button{display:inline-block;margin-top:14px;padding:7px 11px;background:#6d42dc;color:#fff;border-radius:100px;font-size:8px;font-weight:800}
.demo-object{position:relative;align-self:center;height:135px;background:linear-gradient(145deg,#b38cff,#f6eaff);border-radius:46% 54% 55% 45%;animation:sceneMorph 8s ease-in-out infinite}.demo-object i{position:absolute;background:rgba(255,255,255,.8);box-shadow:0 7px 18px #6948b43b;border-radius:8px;transform:rotate(-9deg)}.demo-object i:first-child{width:68%;height:57%;top:23%;left:8%}.demo-object i:nth-child(2){width:28%;height:60%;top:19%;right:2%;transform:rotate(12deg)}.demo-object i:last-child{width:44%;height:10%;left:16%;top:37%;background:#9d77ec}.demo-blocks{display:flex;gap:10px;padding:13px 18px}.demo-blocks i{width:30%;height:48px;border-radius:7px;background:#eee8fa}

/* Commerce, publishing and dashboard scenes. */
.store-head{padding:14px 16px;display:flex;justify-content:space-between;font-size:9px;color:#5a4d73}.store-head b{font-size:12px;color:#301955}.store-products{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:5px 15px 18px}.store-products>div{min-width:0}.store-products small,.store-products b{display:block;font-size:9px}.store-products small{color:#8d829d}.store-products b{color:#392560;font-size:10px}.product-shape{display:block;aspect-ratio:.88;border-radius:9px;margin-bottom:8px;position:relative;background:linear-gradient(135deg,#e3d1fd,#aa80e8)}.product-shape:after{content:"";position:absolute;inset:22% 27%;border-radius:40% 40% 18% 18%;background:#faf7ff;box-shadow:8px 10px 16px #552e9a48;transform:rotate(-9deg)}.shape-two{background:linear-gradient(145deg,#e4d5ff,#c2b6ed)}.shape-two:after{border-radius:45% 45% 55% 55%;transform:rotate(15deg)}.shape-three{background:linear-gradient(140deg,#c9d7f7,#9881df)}.shape-three:after{border-radius:5px 5px 18px 18px;transform:rotate(-4deg)}.order-sticker{bottom:7%;right:1%}
.editor-layout{display:grid;grid-template-columns:25% 1fr;min-height:290px}.editor-layout aside{padding:17px 11px;background:#f4effd;font-size:9px}.editor-layout aside b,.editor-layout aside span{display:block;margin-bottom:19px}.editor-layout aside b{color:#492883}.editor-layout aside span{color:#7d6a98}.editor-preview{padding:15px 22px}.editor-preview small{color:#895ce5;font-size:8px;font-weight:800}.editor-preview strong{display:block;margin:12px 0;color:#28174e;font-size:20px;line-height:1.08;letter-spacing:-.05em}.editor-image{height:90px;border-radius:9px;background:radial-gradient(circle at 65% 35%,#f7e2ff 0 12%,transparent 18%),linear-gradient(130deg,#a97fe6,#c9bbf5 45%,#7b59ba)}.editor-preview i{display:block;background:#e9e4f2;height:5px;width:85%;margin:9px 0;border-radius:9px}.editor-preview i:last-child{width:60%}
.dashboard{display:grid;grid-template-columns:52px 1fr;min-height:290px}.dashboard aside{padding:13px;background:#321c61;display:flex;align-items:center;flex-direction:column;gap:16px;color:white}.dashboard aside b{font-size:12px}.dashboard aside b span{color:#c0a2ff}.dashboard aside i{display:block;width:17px;height:17px;border:1px solid #b9a4e5;border-radius:5px}.dashboard aside i:nth-child(2){background:#a98bec}.dashboard-main{padding:18px 18px 10px}.dashboard-main>small,.pipeline>small{color:#8c64d6;font-size:9px;font-weight:800;letter-spacing:.12em}.dashboard-main>strong,.pipeline>strong{display:block;color:#301c55;font-size:20px;letter-spacing:-.04em}.dash-stats{display:flex;gap:10px;margin:13px 0}.dash-stats span{flex:1;padding:10px;background:#f5f0ff;border-radius:8px}.dash-stats small{display:block;font-size:8px;color:#7a6a93}.dash-stats b{font-size:15px;color:#4d2c99}.dash-chart{display:flex;align-items:end;gap:7px;height:75px;border-bottom:1px solid #e1d5f5}.dash-chart i{flex:1;min-height:18%;height:var(--h);border-radius:4px 4px 0 0;background:linear-gradient(#ad8df2,#6840d2);animation:barRise 2.5s ease-in-out infinite alternate}.dash-chart i:nth-child(1){--h:34%}.dash-chart i:nth-child(2){--h:54%}.dash-chart i:nth-child(3){--h:41%}.dash-chart i:nth-child(4){--h:75%}.dash-chart i:nth-child(5){--h:60%}.dash-chart i:nth-child(6){--h:85%}.dash-chart i:nth-child(7){--h:68%}

/* Code and product in the same visual field. */
.code-window{background:#24193f;color:#f3eeff;border-color:#3d2b66}.code-window .window-top{border-color:#554174;color:#c9b7e2}.code-body{padding:18px 12px 22px;min-height:205px;font:11px/2 ui-monospace,SFMono-Regular,Consolas,monospace}.code-row{display:flex;white-space:nowrap;gap:12px}.code-number{color:#856fa6}.code-typed{display:block;max-width:100%;overflow:hidden;white-space:nowrap;color:#e5dbff;animation:codeType 7s steps(34,end) infinite}.code-row:nth-child(2) .code-typed{color:#b9defd;animation-delay:.45s}.code-row:nth-child(3) .code-typed{color:#c2f2c9;animation-delay:.9s}.code-row:nth-child(4) .code-typed{color:#e9c9fe;animation-delay:1.3s}.code-row:nth-child(5) .code-typed{color:#e5dbff;animation-delay:1.65s}.code-cursor{display:block;width:6px;height:14px;margin:6px 0 0 35px;background:#c8a7ff;animation:blink 1s steps(1) infinite}
.scene-ozel-yazilim .code-window{width:90%;transform:translate(-5%,-5%)}.scene-sidecard{position:absolute;z-index:2;right:1%;bottom:3%;display:flex;flex-direction:column;gap:7px;padding:17px;border:1px solid #e6ddf4;border-radius:15px;background:white;box-shadow:0 16px 35px #27105a33;color:#4d3972;font-size:10px}.scene-sidecard small{font-weight:800;color:#895adf}.scene-sidecard strong{font-size:15px;color:#2d1a59}.scene-sidecard i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#67c39d}
.scene-mobil-uygulama .scene-content{justify-content:flex-start}.scene-mobil-uygulama .code-window{position:absolute;right:3%;width:65%;transform:translateY(-4%)}.scene-mobil-uygulama .code-body{font-size:9px;padding:12px 9px;min-height:165px}.phone{z-index:2;position:relative;width:31%;min-width:112px;height:295px;margin-left:1%;padding:6px;border-radius:25px;background:#2b1a55;border:2px solid #7561a5;box-shadow:12px 18px 30px #35205b50;transform:rotate(-8deg);animation:sceneFloat 6s ease-in-out infinite}.phone-screen{height:100%;border-radius:19px;padding:30px 9px 12px;background:linear-gradient(160deg,#f7f2ff,#fff);color:#321955;overflow:hidden}.phone-notch{position:absolute;top:10px;left:36%;width:28%;height:8px;border-radius:10px;background:#3c2b66}.phone-screen>small{font-size:7px;letter-spacing:.08em;color:#7952d0;font-weight:850}.phone-screen>strong{display:block;font-size:15px;line-height:1.15;letter-spacing:-.06em;margin:11px 0}.phone-highlight{border-radius:9px;padding:9px;background:linear-gradient(130deg,#673de6,#a477ee);color:white;min-height:67px}.phone-highlight small{display:block;font-size:6px}.phone-highlight b{font-size:10px}.phone-highlight i{display:block;width:65%;height:4px;margin-top:11px;background:#ffffff79;border-radius:5px}.phone-row{display:flex;align-items:center;gap:5px;padding:8px 2px;border-bottom:1px solid #e6def2;font-size:8px}.phone-row i{width:12px;height:12px;border-radius:4px;background:#d8c8f5}.phone-row b{margin-left:auto}.phone-bottom{display:flex;justify-content:space-around;margin-top:11px;color:#7b6a99;font-size:12px}.phone-bottom span{color:#6c45ce}
.desktop-ui{display:grid;grid-template-columns:36% 1fr;min-height:285px}.desktop-ui aside{padding:20px 13px;background:#eee6ff}.desktop-ui aside b,.desktop-ui aside span{display:block;margin-bottom:19px;font-size:10px}.desktop-ui aside b{color:#6335bf}.desktop-ui aside span{color:#63547f}.desktop-ui>div{padding:20px}.desktop-ui small{color:#8d63d6;font-size:8px;font-weight:800}.desktop-ui strong{display:block;margin:7px 0 22px;font-size:19px;line-height:1.15;color:#301951}.desktop-list span{display:flex;align-items:center;gap:8px;border-top:1px solid #ede7f4;padding:10px 0;color:#554472;font-size:10px}.desktop-list span i{color:#875be0}.desktop-list span b{margin-left:auto;color:#6c42cc}

/* Systems and operations. */
.integration-map,.ai-flow{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;gap:3px}.flow-node{display:flex;flex-direction:column;align-items:center;justify-content:center;width:26%;aspect-ratio:1;max-width:108px;border:1px solid #e2d8f4;border-radius:20px;background:white;box-shadow:0 18px 35px #5e37a32d;animation:sceneFloat 6s ease-in-out infinite}.flow-node small{font-size:8px;color:#8064aa;font-weight:800}.flow-node strong{font-size:19px;color:#382063}.flow-center{background:#6d42db;border-color:#6d42db;transform:scale(1.1);animation:none}.flow-center strong,.flow-center small,.flow-center i{color:white}.flow-center i{font-size:14px}.flow-connector{overflow:hidden;flex:1;text-align:center;color:#9470dc;font-size:15px;white-space:nowrap;max-width:70px}.flow-connector span{display:inline-block;animation:flowAcross 2s linear infinite}.flow-note{bottom:12%;right:8%}
.network-orbit{position:relative;width:240px;aspect-ratio:1;display:grid;place-items:center}.orbit-ring{position:absolute;border:1px solid #b497e9;border-radius:50%;inset:4%}.ring-two{inset:19%;border-style:dashed;animation:spin 24s linear infinite}.orbit-core{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:43%;height:43%;border-radius:50%;background:#7044d8;color:white;font-size:45px;box-shadow:0 14px 35px #7143dc66}.orbit-core small{font-size:10px;letter-spacing:.15em}.orbit-point{position:absolute;width:17px;height:17px;border:4px solid white;border-radius:50%;background:#8759e9;box-shadow:0 3px 12px #6a3dc466}.point-one{top:4%;left:48%}.point-two{bottom:18%;left:4%}.point-three{right:3%;bottom:27%}.network-chip{font-size:10px}.chip-left{left:2%;top:16%}.chip-right{right:2%;bottom:15%}
.pipeline{min-height:290px;padding:22px}.pipeline>strong{margin:8px 0 21px}.pipeline-steps{display:flex;gap:7px}.pipeline-steps span{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;color:#5c4a7b;font-size:9px;font-weight:800}.pipeline-steps i{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#ede4ff;color:#7449cf;font-style:normal}.pipeline-steps span:last-child i{background:#6d42dc;color:white}.pulse-dot{animation:pulse 2.3s infinite}.pipeline-log{margin-top:21px;padding:15px;background:#2c1d4b;border-radius:9px;color:#d6f5e3;font:10px/1.7 ui-monospace,monospace}.pipeline-log span{display:block}
.seo-ui{padding:24px;min-height:270px}.seo-search{padding:10px 14px;border:1px solid #dfd7ec;border-radius:99px;color:#766989;font-size:11px}.seo-result{margin:21px 0}.seo-result small,.seo-result strong,.seo-result span{display:block}.seo-result small{font-size:9px;color:#327366}.seo-result strong{font-size:17px;color:#4730a2;margin:4px 0}.seo-result span{font-size:10px;color:#655976}.seo-checks{display:flex;gap:6px;flex-wrap:wrap}.seo-checks span{padding:7px 8px;border-radius:6px;background:#f0ebfc;color:#6542b9;font-size:9px;font-weight:800}

/* Design, AI and supporting page compositions. */
.design-sheet{display:grid;grid-template-columns:1fr 22px 1fr;align-items:center;width:93%;max-width:440px;gap:5px}.wireframe,.polished-ui{min-height:215px;border:1px solid #d7c9ea;border-radius:12px;background:#faf7ff;padding:13px;box-shadow:0 16px 30px #6a3fa329}.wireframe small,.polished-ui small{font-size:8px;color:#7c5aac;font-weight:800}.wire-hero{height:64px;border-radius:7px;background:repeating-linear-gradient(135deg,#e0d5f3 0 7px,#f0ebf9 7px 14px);margin:13px 0}.wireframe>i{display:block;width:88%;height:6px;background:#d5c7e9;border-radius:9px;margin:8px 0}.wireframe>i:nth-last-of-type(1){width:60%}.wireframe>div:last-child{display:flex;gap:6px;margin-top:19px}.wireframe b{height:27px;flex:1;background:#e1d6ee;border-radius:5px}.design-arrow{color:#6e43d6;font-size:20px}.polished-ui{background:linear-gradient(155deg,#7043da,#a079ed);color:#fff}.polished-ui small{color:#e5d6ff}.polished-ui strong{display:block;font-size:18px;line-height:1.1;margin:18px 0 23px}.polished-card{display:flex;align-items:center;gap:6px;padding:10px 7px;border-radius:7px;background:#fff;color:#47327a;font-size:9px}.polished-card i{width:15px;height:15px;background:#c5adf5;border-radius:4px}.polished-card b{margin-left:auto}.design-swatches{position:absolute;bottom:6%;display:flex;align-items:center;gap:5px;color:#795eb0;font-size:9px}.design-swatches i{width:12px;height:12px;border-radius:50%;background:#6438c9}.design-swatches i:nth-child(2){background:#a67cea}.design-swatches i:nth-child(3){background:#ded1fa}
.ai-document,.ai-approval{display:flex;flex-direction:column;justify-content:center;gap:8px;width:29%;min-height:144px;padding:15px 11px;border:1px solid #e5dcf4;border-radius:12px;background:white;box-shadow:0 18px 35px #53318b2b}.ai-document small,.ai-approval small{font-size:8px;font-weight:850;color:#7e58cf}.ai-document i{height:5px;width:85%;background:#e9e2f4;border-radius:5px}.ai-document i:nth-of-type(2){width:62%}.ai-document b{font-size:10px;color:#4b3474}.ai-core{display:flex;flex-direction:column;align-items:center;justify-content:center;width:17%;aspect-ratio:1;border-radius:19px;background:linear-gradient(145deg,#7647dd,#af8ced);color:white;font-size:30px;animation:pulse 4s ease-in-out infinite}.ai-core span{font-size:10px;font-weight:900}.ai-path{overflow:hidden;color:#9276d4;font-size:10px;white-space:nowrap}.ai-approval strong{font-size:17px;color:#3c2467}.ai-approval span{font-size:9px;color:#3a986a}.scene-ai-otomasyon .flow-note{bottom:9%;right:5%;font-size:10px}
.scene-overview{background:transparent}.scene-overview .scene-aura{display:none}.scene-overview .scene-content{padding:0}
.live-code-window{position:relative;width:100%;height:100%;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:21px;background:linear-gradient(145deg,rgba(31,20,50,.88),rgba(19,13,32,.8));box-shadow:0 28px 65px rgba(47,24,84,.25),inset 0 1px rgba(255,255,255,.1);backdrop-filter:blur(18px) saturate(135%);transform:perspective(950px) rotateX(.7deg) rotateY(-1deg)}
.live-code-window:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 8%,rgba(165,115,255,.17),transparent 36%),linear-gradient(115deg,rgba(255,255,255,.045),transparent 35%)}
.live-code-chrome{position:relative;z-index:1;height:45px;display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.085);background:rgba(255,255,255,.025)}
.live-code-chrome i{display:block;width:11px;height:11px;border-radius:50%;background:#ff5f57;box-shadow:0 0 0 1px rgba(0,0,0,.08)}.live-code-chrome i:nth-child(2){background:#febc2e}.live-code-chrome i:nth-child(3){background:#28c840}
.live-code-body{position:relative;z-index:1;height:calc(100% - 45px);overflow:hidden;padding:23px 25px;background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(114,65,198,.035))}
.live-code-body pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#ded5ef;font:500 12px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;text-shadow:0 0 18px rgba(188,151,255,.13)}
.live-code-body code{font:inherit;color:inherit}.live-code-cursor{display:inline-block;width:7px;height:1.15em;margin-left:2px;border-radius:1px;background:#c7a7ff;box-shadow:0 0 10px rgba(178,129,255,.75);vertical-align:-.18em;animation:blink .9s steps(1) infinite}
.plan-card{width:min(86%,370px);padding:25px 28px;background:#fff;border:1px solid #e4d9f3;border-radius:18px;box-shadow:0 25px 55px #47257f35}.plan-card>small{font-size:9px;color:#8b61d5;font-weight:850}.plan-card>strong{display:block;margin:11px 0 20px;color:#301b5a;font-size:22px;line-height:1.1}.plan-step{display:flex;align-items:center;gap:12px;border-top:1px solid #ebe5f3;padding:12px 0;color:#584377;font-size:11px}.plan-step b{color:#8057d5}.plan-step i{font-style:normal;color:#49ad82;margin-left:auto;font-weight:800}
.scene-contact .scene-content{display:block;padding:55px 24px}.contact-bubble{position:relative;max-width:78%;padding:15px 18px;border-radius:18px;background:#fff;box-shadow:0 14px 30px #6c47ab27;color:#3a275b;font-size:14px;font-weight:720}.bubble-one{margin-right:auto;border-bottom-left-radius:4px}.bubble-two{margin:20px 0 0 auto;background:#7348da;color:#fff;border-bottom-right-radius:4px;animation:sceneFloat 6s ease-in-out infinite}.contact-draft{display:flex;align-items:center;justify-content:space-between;max-width:90%;margin:35px auto 0;padding:8px 10px 8px 17px;border:1px solid #e4dbf1;border-radius:100px;background:white;color:#776b8b;font-size:10px}.contact-draft b{display:grid;place-items:center;width:28px;height:28px;background:#7245d8;color:white;border-radius:50%;font-size:17px}
.guide-stack{width:80%;max-width:350px;position:relative;display:grid;gap:10px}.guide-stack>div{position:relative;background:#fff;border:1px solid #e6dbf2;border-radius:12px;padding:16px 19px;box-shadow:0 15px 24px #67449b1d}.guide-stack>div:nth-child(2){margin-left:14px}.guide-stack>div:nth-child(3){margin-left:28px}.guide-stack small{display:block;font-size:9px;color:#8a5ada;font-weight:850}.guide-stack strong{display:block;font-size:14px;color:#35205c}.guide-stack i{position:absolute;right:18px;bottom:15px;color:#784bce;font-style:normal}
.legal-illustration{position:relative;width:min(78%,310px);padding:34px 31px;background:#fff;border:1px solid #e7def4;border-radius:18px;box-shadow:0 25px 50px #5533922e}.legal-illustration small{display:block;color:#8b60db;font-size:10px;font-weight:800}.legal-illustration strong{display:block;margin:12px 0 22px;font-size:23px;line-height:1.12;color:#2e1a55}.legal-illustration>div:not(.legal-lock){display:flex;gap:8px}.legal-illustration>div:not(.legal-lock) i{height:9px;flex:1;background:#e8e0f4;border-radius:10px}.legal-lock{display:grid;place-items:center;width:45px;height:45px;background:#6f46d5;color:#fff;border-radius:14px;font-size:26px;margin-bottom:18px}.terms-lines{display:block!important}.terms-lines i{display:block!important;height:7px!important;width:100%;margin:11px 0}.terms-lines i:nth-child(2){width:75%}.terms-lines i:last-child{width:50%}.legal-stamp{position:absolute;right:22px;bottom:20px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e3f7eb;color:#2a9b64}

/* Editorial pages use the same grounded visual grammar, scaled for small screens. */
body.visual-page .page-hero{padding-bottom:80px}
body.visual-page .page-hero>.wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.92fr);align-items:center;column-gap:7%}
body.visual-page .page-hero .breadcrumb{grid-column:1/-1;margin-bottom:28px}
body.visual-page .page-hero h1{grid-column:1;grid-row:2;font-size:clamp(42px,5.3vw,75px);max-width:650px;overflow-wrap:normal}
body.visual-page .page-hero .page-lead{grid-column:1;grid-row:3;max-width:610px}
body.visual-page .page-hero .page-visual{grid-column:2;grid-row:2/span 2;min-width:0;align-self:stretch;display:flex;align-items:center}
body.visual-page .page-hero .page-visual>.product-scene,body.visual-page .page-hero .page-visual>.page-photo,body.visual-page .page-hero .page-visual>.service-photo{width:100%;height:340px;border-radius:24px;border:1px solid #e9dff5;box-shadow:0 24px 52px #50327c22;overflow:hidden}
body.visual-page .page-hero .page-visual>.product-scene.scene-overview{height:340px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.page-photo{position:relative;margin:0}.page-photo picture{display:block;width:100%;height:100%}.page-photo img{display:block;width:100%;height:100%;object-fit:cover}.page-photo figcaption{position:absolute;bottom:12px;left:12px;right:12px;padding:8px 11px;background:#ffffffed;border-radius:8px;color:#38235d;font-size:11px;font-weight:700}
body.visual-page .not-found .button{grid-column:1;justify-self:start}
body.visual-page .page-hero .page-visual .scene-content{padding:18px}
body.visual-page .page-hero .page-visual .product-scene .prototype-window{max-width:430px}

/* Real customer comments: source text and scores are shown in full. */
.reviews-section{background:#f8f6ff}
.reviews-section .section-heading{align-items:end}.reviews-section .section-heading p{color:#5f5375}
.reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.review-card{min-width:0;padding:24px;border:1px solid #e4daf4;border-radius:22px;background:#fff;box-shadow:0 13px 35px #43206a0b}
.review-author{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:22px}
.review-author img,.review-fallback{display:block;width:54px;height:54px;object-fit:cover;border:1px solid #ddd5e9;border-radius:50%;background:#f6f2fc}
.review-fallback{display:grid;place-items:center;color:#7255a8}
.review-author h3{margin:0;color:#2f1b59;font-size:15px;font-weight:780;line-height:1.2;overflow-wrap:anywhere}
.review-source{font-size:11px;color:#65597d}
.review-rating{display:flex;align-items:center;gap:4px;align-self:start;padding-top:3px;color:#4e2e96;font-size:13px;font-weight:800;white-space:nowrap}.review-rating span{color:#965700;font-size:19px;line-height:1}
.review-card blockquote{margin:0;color:#45375c;font-size:15px;line-height:1.72;overflow-wrap:anywhere}
.reviews-more{margin-top:25px}.reviews-more>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;width:fit-content;cursor:pointer;padding:12px 20px;border:1px solid #d6c5f0;border-radius:100px;background:#fff;color:#6034b4;font-weight:780;list-style:none}.reviews-more>summary::-webkit-details-marker{display:none}.reviews-more>summary span{margin-left:10px}.reviews-grid-more{margin-top:23px;grid-template-columns:repeat(2,minmax(0,1fr))}

@keyframes sceneFloat{50%{transform:translateY(-7px)}}
@keyframes sceneMorph{50%{border-radius:55% 45% 45% 55%;transform:rotate(7deg)}}
@keyframes codeType{0%,5%{max-width:0}32%,75%{max-width:100%}100%{max-width:100%}}
@keyframes blink{50%{opacity:0}}
@keyframes barRise{to{height:calc(var(--h) * .82)}}
@keyframes flowAcross{to{transform:translateX(12px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{50%{box-shadow:0 0 0 10px #8e63e42b}}
@keyframes terminalScan{from{transform:translateY(0)}to{transform:translateY(520%)}}
@keyframes terminalLine{0%,4%{opacity:0;transform:translateY(4px)}11%,91%{opacity:1;transform:none}98%,100%{opacity:0;transform:none}}
@keyframes terminalType{0%,5%{width:0}27%,92%{width:100%}100%{width:100%}}

@media(max-width:1000px){body.visual-page .page-hero>.wrap{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);column-gap:4%}body.visual-page .page-hero h1{font-size:clamp(40px,5.4vw,62px)}.reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.cdn-network,.cdn-stage{height:470px}}
@media(max-width:580px){.cdn-network,.cdn-stage{height:390px}.cdn-motion-toggle{top:4px;right:2px;width:30px;height:30px}.cdn-info{width:min(215px,62vw);padding:10px 11px}.cdn-info h3{font-size:14px}.cdn-info p{font-size:9px}.cdn-info-kicker{font-size:6.5px}}
@media(max-width:800px){body.visual-page .page-hero>.wrap{display:block}body.visual-page .page-hero .page-visual{margin-top:36px}body.visual-page .page-hero .page-visual>.product-scene,body.visual-page .page-hero .page-visual>.page-photo,body.visual-page .page-hero .page-visual>.service-photo{height:350px}.detail-art{height:360px;min-height:360px;max-height:none}}
@media(max-width:800px){body.visual-page .page-hero .page-visual>.product-scene.scene-overview{height:330px}}
@media(max-width:580px){body.visual-page .page-hero{padding-bottom:55px}body.visual-page .page-hero h1{font-size:clamp(43px,10vw,62px)}body.visual-page .page-hero .page-visual{margin-top:30px}body.visual-page .page-hero .page-visual>.product-scene,body.visual-page .page-hero .page-visual>.page-photo,body.visual-page .page-hero .page-visual>.service-photo{height:280px;border-radius:19px}.detail-art{height:280px;min-height:280px;max-height:280px}.scene-content{padding:10px}.prototype-window{width:95%}.scene-sticker{font-size:9px;padding:6px 8px}.site-demo{height:255px}.demo-hero{min-height:185px}.demo-navigation{font-size:7px}.demo-hero strong{font-size:17px}.demo-object{height:100px}.scene-mobil-uygulama .code-window{width:70%;right:2%}.phone{height:235px;min-width:98px;padding:5px}.phone-screen{padding-top:24px}.phone-screen>strong{font-size:12px}.phone-highlight{min-height:48px}.phone-highlight b{font-size:8px}.phone-row{padding:6px 2px}.phone-bottom{margin-top:6px}.code-body{font-size:8px;padding:12px 7px}.code-row{gap:6px}.scene-sidecard{padding:9px;font-size:8px;right:1%;bottom:2%}.scene-sidecard strong{font-size:11px}.flow-node{border-radius:12px}.flow-node strong{font-size:14px}.flow-node small{font-size:7px}.flow-connector{max-width:30px}.network-orbit{width:180px}.network-chip{font-size:8px;padding:6px}.ai-document,.ai-approval{min-height:120px;padding:8px 5px}.ai-core{font-size:19px;border-radius:10px}.ai-path{font-size:7px}.ai-approval strong{font-size:13px}.ai-document small,.ai-approval small{font-size:6px}.scene-ai-otomasyon .flow-note{font-size:8px}.reviews-grid,.reviews-grid-more{grid-template-columns:1fr}.review-card{padding:20px}.review-card blockquote{font-size:14px}.review-author h3{font-size:14px}.review-author{grid-template-columns:48px minmax(0,1fr) auto}.review-author img,.review-fallback{width:48px;height:48px}.review-rating{font-size:12px}.store-products{gap:5px}.editor-layout{min-height:225px}.editor-preview strong{font-size:17px}.editor-image{height:67px}.dashboard{min-height:240px}.desktop-ui{min-height:245px}}
@media(max-width:580px){body.visual-page .page-hero .page-visual>.product-scene.scene-overview{height:280px;border-radius:0}.scene-overview .scene-content{padding:0}.live-code-window{border-radius:17px;transform:none}.live-code-chrome{height:39px;padding:0 13px;gap:7px}.live-code-chrome i{width:10px;height:10px}.live-code-body{height:calc(100% - 39px);padding:17px 18px}.live-code-body pre{font-size:9px;line-height:1.55}.live-code-cursor{width:6px}}
@media(prefers-reduced-motion:reduce){.product-scene *, .product-scene *:before, .product-scene *:after{animation:none!important;transition:none!important}.code-typed{max-width:100%!important}.terminal-row{opacity:1!important;transform:none!important}.terminal-typed{width:100%!important}.terminal-main:before{display:none}.cdn-info,.cdn-controls button{transition:none!important}}